@extends('admin.layout')


@section('content')
<!-- Content Header (Page header) -->
<div class="wrapper-md">
    <div class="panel panel-default">



        <div class="panel-body">
            <div class="card">


 
  <link href="{{ asset('backend/plugins/datepicker/css/bootstrap-datepicker3.css') }}" rel="stylesheet"/>
    <script src="{{ asset('backend/plugins/datepicker/js/bootstrap-datepicker.js') }}" type="text/javascript"></script>
  
<script type="application/javascript">
   jQuery(function($) {
   // Contact form
	var form = $('#main-form');
	form.submit(function(event){ 
	 
	 
		event.preventDefault();
		var form_status = $('<div class="form_status"></div>');
		form.prepend( form_status.html('<p><i class="fa fa-spinner fa-spin"></i> Waiting...</p>').fadeIn() );
		 
		 
		$.ajax({
			url: $(this).attr('action'), 
			dataType: "JSON", 
			type: 'POST',
            data:  form.serialize(), 
			success: function( response ) {   //  alert(response);
				        msg=response;   
					}
		}).done(function(data){  
		    if(data.type=='success'){ 
				//eval(data.url 
				$('#id').val(data.sid);
				/*var url = window.location.href;    
					if (url.indexOf('?') > -1){
					   url += '&itemid='+data.sid
					}else{
					   url += '?itemid='+data.sid
					}
										    window.location.href = url;
					*/
				 
			}
			// $('#myModal').modal('hide');
			form_status.html('<p class="text-success">' + data.message + '</p>').delay(1000).fadeOut();
			 
		});
		
		
	});
	
	 
		 $('.input-group.date, .pdate').datepicker({
			            format: "dd/mm/yyyy", //"yyyy-mm-dd",
						todayBtn: true, 
						calendarWeeks: true,
						autoclose: true,
						todayHighlight: true, 
						toggleActive: true,
						 
					});		  

   });
	</script>   
 
 

<!-- iCheck for checkboxes and radio inputs -->
    <link href="{{ asset('backend/plugins//iCheck/all.css') }}" rel="stylesheet" type="text/css" />
<!-- iCheck 1.0.1 -->
    <script src="{{ asset('backend/plugins/iCheck/icheck.min.js') }}" type="text/javascript"></script> 

                
   <form  name="gallery" id="main-formX" method="post" data-toggle="validator" enctype="multipart/form-data" action="{{url('/admin/gallery/store')}}"  autocomplete=on  class="contact-form">
       @csrf
    
                      
                      
 <div class="col-sm-9"> 
 
         <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Add banner (<strong> Add/Edit</strong>) 
             </h3>
                    <input type="hidden" name="id" id="mid" value="{{ $result['id'] ?? '' }}" />
                    <button type="submit" id="submit" class="btn btn-primary pull-right "><i class="fa fa-save"></i> Save</button>
             
           </div>

  
<div class="wrapper-md"  >
   <div class="panel panel-default">
                <div class="box-body"> 
                       <div class="form-group">
                        <label>Title*</label>
                        <input type="text" name="title" class="form-control" value=""  required="required">
                    </div>   
                      
                  <div class="form-group">
                        <label>Tag</label>
                        <input type="text" name="group_tag" class="form-control" value=""  required="required">
                    </div>      
             
                    
                    <div class="form-group">
                     <label>Thumb Image *</label>  
                  <div class="input-group m-b">
                   <input type="text" class="form-control" name="thumb_img" id="file-thumb_img" value="" />  
              <span class="input-group-btn"> 
                   <a href="javascript:open_popup('../filemanager/dialog.php?type=0&amp;popup=1&amp;field_id=file-thumb_img')" class="btn btn-primary  button-uploadfile" type="button"><i class="fa fa-upload"></i></a></span>
                    </div>
                   </div>  
                    
                   <div class="form-group">
                     <label>Photo/Video *</label>  
                  <div class="input-group m-b">
                   <input type="text" class="form-control" name="image" id="file-photo" value="" />  
              <span class="input-group-btn"> 
                   <a href="javascript:open_popup('../filemanager/dialog.php?type=0&amp;popup=1&amp;field_id=file-photo')" class="btn btn-primary  button-uploadfile" type="button"><i class="fa fa-upload"></i></a></span>
                    </div>
                   </div> 
                  
                  <div class="row">
                  <div class="col-sm-4 from-group">
                    <label>Gallery Type</label>
                      
                           <select name="type" class="form-control"  id="type" required="required" >
                            <option value="">---</option>
						   
                        </select>                         
                  
                  </div>  
               </div>   
               

                 
                
                    
             </div>  
      
         
      </div>
      </div>
      </div>

      
     </div>
     
         
 <div class="col-sm-3">   
 
 <div class="box box-primary">

<div class="box-header with-border">
<div class="bg-light lter b-b wrapper-md">
     <strong>Status</strong>  
        <label class="switch   m-t-xs m-r pull-right">
          <input type="checkbox" name="status"  value="Yes"  checked>
   <span class="slider round"></span>
      </label>
    </div>
                 
   </div>

        
 <div class="box-header with-border">
<div class="bg-light lter b-b wrapper-md">
     <strong>Featured</strong>  
        <label class="switch   m-t-xs m-r pull-right">
          <input type="checkbox" name="featured"  value="Yes"  checked>
   <span class="slider round"></span>
      </label>
    </div>
                 
   </div>
   
   
          
    <div class="panel box-body">
   <div class="bg-light lter b-b wrapper-md">
                  <label>Order By</label>
                    <input type="number" min="0"   class="form-control" name="order_by" value="{{ $result['order_by'] ?? '' }}"  required/>
     </div> 
     </div>




   </div>
        
 <!--end right panel-->    
     
      
      
             
        </div>
      </form>
            </div>
            <!-- /.box -->
     
        <!--/.col (right) -->
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
 
function open_popup(url)
{ 
 
        var w = 880;
        var h = 570;
        var l = Math.floor((screen.width-w)/2);
        var t = Math.floor((screen.height-h)/2);
        var win = window.open(url, 'ResponsiveFilemanager', "scrollbars=1,width=" + w + ",height=" + h + ",top=" + t + ",left=" + l);
}

</script>
 <script language="javascript" type="text/javascript"> 
	  //iCheck for checkbox and radio inputs
        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
          checkboxClass: 'icheckbox_minimal-blue',
          radioClass: 'iradio_minimal-blue'
        });
        //Red color scheme for iCheck
        $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
          checkboxClass: 'icheckbox_minimal-red',
          radioClass: 'iradio_minimal-red'
        });
        //Flat red color scheme for iCheck
        $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
          checkboxClass: 'icheckbox_flat-green',
          radioClass: 'iradio_flat-green'
        });

</script> 
<!-- /.content -->
@endsection