@extends("admin.admin_app")

@section("content")

  
  <div class="content-page">
      <div class="content">
        <div class="container-fluid">
          <div class="row">
            <div class="col-12">
              <div class="card-box table-responsive">

                <div class="row">
                          
                <div class="col-md-3">
                  <a href="{{URL::to('admin/slider/add')}}" class="btn btn-success btn-md waves-effect waves-light m-b-20" data-toggle="tooltip" title="{{trans('words.add_slider')}}"><i class="fa fa-plus"></i> {{trans('words.add_slider')}}</a>
                </div>
              </div>

                @if(Session::has('flash_message'))
                    <div class="alert alert-success">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                      <span aria-hidden="true">&times;</span></button>
                        {{ Session::get('flash_message') }}
                    </div>
                @endif
 
                <div class="row">
                  @foreach($list as $i => $data)
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="card_box_id_{{$data->id}}">

                        <!-- Simple card -->
                        <div class="card m-b-20 slider-img-item">
                              
                            @if(isset($data->slider_image)) <img class="card-img-top thumb-lg img-fluid" src="{{URL::to('/'.$data->slider_image)}}" alt="{{ stripslashes($data->slider_title) }}"> @endif

                            <div class="card-body p-3">
                                <h4 class="card-title mb-3">{{ stripslashes($data->slider_title) }}</h4>
								                <a href="{{ url('admin/slider/edit/'.$data->id) }}" class="btn btn-icon waves-effect waves-light btn-success m-r-5" data-toggle="tooltip" title="{{trans('words.edit')}}"> <i class="fa fa-edit"></i> </a>
                                <a href="#" class="btn btn-icon waves-effect waves-light btn-danger data_remove" data-toggle="tooltip" title="{{trans('words.remove')}}" data-id="{{$data->id}}"> <i class="fa fa-remove"></i> </a>
                                <a href="Javascript:void(0);" class="ml-2 fl-right mt-1" data-toggle="tooltip" title="@if($data->status==1){{ trans('words.active')}} @else {{trans('words.inactive')}} @endif"><input type="checkbox" name="category_on_off" id="category_on_off" value="1" data-plugin="switchery" data-color="#28a745" data-size="small" class="enable_disable"  data-id="{{$data->id}}" @if($data->status==1) {{ 'checked' }} @endif/></a>    
                            </div>
                        </div>

                    </div>
                   @endforeach      

                </div>

                <nav class="paging_simple_numbers">
                @include('admin.pagination', ['paginator' => $list]) 
                </nav>
           
              </div>
            </div>
          </div>
        </div>
      </div>
      @include("admin.copyright") 
    </div>


<script src="{{ URL::asset('admin_assets/js/jquery.min.js') }}"></script>
 
<script type="text/javascript">
  
 $(".enable_disable").on("change",function(e){      
        
       var post_id = $(this).data("id");
       
       var status_set = $(this).prop("checked"); 
 
       var action_name='slider_status';
       //alert($(this).is(":checked"));
       //alert(status_set);
 
       $.ajax({
         type: 'post',
         url: "{{ URL::to('admin/ajax_status') }}",
         dataType: 'json',
         data: {"_token": "{{ csrf_token() }}",id: post_id, value: status_set, action_for: action_name},
         success: function(res) {
 
           if(res.status=='1')
           {
             Swal.fire({
                     position: 'center',
                     icon: 'success',
                     title: '{{trans('words.status_changed')}}',
                     showConfirmButton: true,
                     confirmButtonColor: '#10c469',
                     background:"#1a2234",
                     color:"#fff"
                   })
              
           } 
           else
           { 
             Swal.fire({
                     position: 'center',
                     icon: 'error',
                     title: 'Something went wrong!',
                     showConfirmButton: true,
                     confirmButtonColor: '#10c469',
                     background:"#1a2234",
                     color:"#fff"
                   })
           }
           
         }
       });
 }); 
 
 </script>
 
  <script type="text/javascript">
   
  
  $(".data_remove").click(function () {  
    
    var post_id = $(this).data("id");
    var action_name='slider_delete';
  
    Swal.fire({
      title: '{{trans('words.dlt_warning')}}',
    text: "{{trans('words.dlt_warning_text')}}",
    icon: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: '{{trans('words.dlt_confirm')}}',
    cancelButtonText: "{{trans('words.btn_cancel')}}",
    background:"#1a2234",
    color:"#fff"
  
  }).then((result) => {
  
    //alert(post_id);
  
    //alert(JSON.stringify(result));
  
      if(result.isConfirmed) { 
  
          $.ajax({
              type: 'post',
              url: "{{ URL::to('admin/ajax_delete') }}",
              dataType: 'json',
              data: {"_token": "{{ csrf_token() }}",id: post_id, action_for: action_name},
              success: function(res) {
  
                if(res.status=='1')
                {  
  
                    var selector = "#card_box_id_"+post_id;
                      $(selector ).fadeOut(1000);
                      setTimeout(function(){
                              $(selector ).remove()
                          }, 1000);
  
                    Swal.fire({
                      position: 'center',
                      icon: 'success',
                      title: '{{trans('words.deleted')}}!',
                      showConfirmButton: true,
                      confirmButtonColor: '#10c469',
                      background:"#1a2234",
                      color:"#fff"
                    })
                  
                } 
                else
                { 
                  Swal.fire({
                          position: 'center',
                          icon: 'error',
                          title: 'Something went wrong!',
                          showConfirmButton: true,
                          confirmButtonColor: '#10c469',
                          background:"#1a2234",
                          color:"#fff"
                         })
                }
                
              }
          });
      }
   
  })
  
  });
  
  </script>     

@endsection