📁 WebAdmin FileManager

<?php include_once ('header.php'); 
//echo "<pre>";
//print_r($country);
//return;

?>

 <section id="main-content">
 <section class="wrapper">
 <div class="row">
	  <div class="col-lg-12">
	    <section class="panel">
	      <header class="panel-heading">
	        Add media
	      </header>

	      <div class="panel-body">
	      	<?php if ($error = session()->getFlashdata('feedback')): 
                  $feedback_class = session()->getFlashdata('feedback_class');
            ?>
            <div class="row">
              	<div class="col-lg-12">
	      			<h2 class="text-center <? //$feedback_class ?>">
	      	<?php  
	      		echo $error;

	      		
			 ?>
					</h2>
				</div>
			</div>
			<?php endif; ?>
			 <form class="form-horizontal" method="post" action="<?= base_url('Api/Media/allmedia'); ?>"  enctype="multipart/form-data" >
						
				 	<div class="form-group col-sm-6 float-left">
                    	<label class="col-sm-3 control-label" >Title </label>
                    	<div class="col-sm-9">
                    		<input name="mediatitle" class="form-control" type="text" />
                    	</div>
                  	</div>
				
				 	<div class="form-group col-sm-6 float-left">
                    	<label class="col-sm-3 control-label" >Audio/MP3 </label>
                    	<div class="col-sm-9">
                    		<input name="files[]" class="form-control" type="file" id="exampleInputFile" />
                    	</div>
                  	</div>
               
				 	<div class="form-group col-sm-6 float-left">
                    	<label class="col-sm-3 control-label" >Youtube URL </label>
                    	<div class="col-sm-9">
                    		<input name="youtubelink" class="form-control" type="text" />
                    	</div>
                  	</div>
                 
				 	<div class="form-group col-sm-6 float-left">
                    	<label class="col-sm-3 control-label" >Category </label>
                    	<div class="col-sm-9">
                    		<select name="mediacategory" class="form-control">
                    			<?php echo $category; ?>
                    		</select>
                    	</div>
                  	</div>

                  	<div class="form-group col-sm-6 float-left">
                    	<label class="col-sm-3 control-label" >Event time</label>
                    	<div class="col-sm-9">
                    		<input id="eventtime" name="event_time" class="form-control" />
                    		
                    	</div>
                  	</div>

                  	<div class="form-group col-sm-6 float-left">
                    	<label class="col-sm-3 control-label" >Date</label>
                    	<div class="col-sm-9">
                    		<input type="date" name="media_date" class="form-control" />
                    	</div>
                  	</div>

                  	<div class="form-group col-sm-6 float-left">
                    	<label class="col-sm-3 control-label" >Country </label>
                    	<div class="col-sm-9">
                    		 <?php /* 
                    		  <select name="country" class="form-control" id="country">
                    			<option >Select Country</option>
    							<?php
    								foreach($country as $row)
    								{
    									
     									echo '<option value="'.$row->id.'">'.$row->name.'</option>';
    								}
    							?>
                    		</select>  
                    		*/ ?>
                    		  <input list="countrys" id="country" name="country" class="form-control">
							  <datalist id="countrys" >
							    <?php
    								foreach($country as $row)
    								{
    									
     									echo '<option data-value="'.$row->id.'" value="'.$row->name.'">';
    								}
    							?>
							  </datalist>  
                    	</div>
                  	</div>

                  	<div class="form-group col-sm-6 float-left">
                    	<label class="col-sm-3 control-label" >State </label>
                    	<div class="col-sm-9">
                    		<!-- <select name="state" class="form-control" id="state">
                    		</select> -->
                    		<input list="states" id="state" name="state" class="form-control">
							  <datalist id="states" >
							  </datalist>

                    	</div>
                  	</div>

                  	<div class="form-group col-sm-6 float-left ">
                    	<label class="col-sm-3 control-label" >City </label>
                    	<div class="col-sm-9">
                    		<!-- <select name="city" class="form-control" id="city">
                    		</select> -->
                    		<input list="citys" id="city" name="city" class="form-control">
							  <datalist id="citys" >
							  </datalist>
                    	</div>
                  	</div>

                
				
				<br>	
				<div class="row">
			 		<div class="form-group col-sm-6 float-right">
			 			<label class="col-sm-3 control-label" > </label>
						<div class="col-sm-9 ">
			   				<input type="submit" name="submit" value="submit" class="bt btn-primary" style="float: left;" />
			   			</div>
			   		</div>
			   	</div>	
				  
			  </form>	  
			</div>
		  </section>
	  </div>
  </div>
</section>
</section>



<script type="text/javascript">

	$(document).ready(function(){

 /*$('#country').change(function(){
 	countrysel();
  });*/
  /*var data = {};
$("#countrys option").each(function(i,el) {  
   data[$(el).data("value")] = $(el).val();
});

console.log(data, $("#countrys option").val());
*/
$('#country').change(function(){
  //var country_id = $('#country').val();
 
  //var country_id = $('#country').val();
   var value = $('#country').val();
    var country_id = $('#countrys [value="' + value + '"]').data('value');
   //alert($('#browsers [value="' + value + '"]').data('value'));
  //console.log("country_id",country_id);
  if(country_id != '')
  {
   $.ajax({
    url:"<?php echo base_url(); ?>addresscontroller/fetch_state",
    method:"POST",
    data:{countryid:country_id},
    success:function(data)
    {
    	 //console.log("data",data);states
    // $('#state').html(data);
    // $('#city').html('<option value="">Select City</option>');

      $('#states').html(data);
      $('#state').val('');
      $('#city').val('');
      $('#citys').html('<option value="">Select City</option>');
    }
   });
  }
  else
  {
   //$('#state').html('<option value="">Select State</option>');
   //$('#city').html('<option value="">Select City</option>');
   $('#states').html('<option value="Select State"></option>');
   $('#citys').html('<option value="">Select City</option>');
  }
 });

/* function countrysel(){
  var country_name = $('#country').val();
  var countrycode = $("#country :selected").data('countrycode');
console.log("countrycode",countrycode);
  if(countrycode != '')
  {
   $.ajax({
    url:"<?php echo base_url(); ?>addresscontroller/fetch_state",
    method:"POST",
    data:{country_id:countrycode},
    success:function(data)
    {
     $('#state').html(data);
     $('#city').html('<option value="">Select City</option>');
    }
   });
  }
  else
  {
   $('#state').html('<option value="">Select State</option>');
   $('#city').html('<option value="">Select City</option>');
  }
};*/

//countrysel();

 $('#state').change(function(){
  /*var state_id = $('#state').val();
  var statecode = $("#state :selected").data('statecode');*/
  var value = $('#state').val();
  var statecode = $('#states [value="' + value + '"]').data('value');
  if(statecode != '')
  {
   $.ajax({
    url:"<?php echo base_url(); ?>addresscontroller/fetch_city",
    method:"POST",
    data:{state_id:statecode},
    success:function(data)
    {
     //$('#city').html(data);
     $('#citys').html(data);
     $('#city').val('');
    }
   });
  }
  else
  {
   //$('#city').html('<option value="">Select City</option>');
     $('#citys').html('<option value="">Select City</option>');
  }
 });
 
});
</script>