@extends("admin.admin_app")

@section("content")

<style>
.text_holder {
    color: #e9e9e9;
    padding: 50px 10px;
    text-align: center;
    font-size: 16px;
	min-height: 264px;
}  

</style>
  
  <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">
                     {!! Form::open(array('url' => 'admin/posts','class'=>'app-search','id'=>'search','role'=>'form','method'=>'get')) !!}   
                      <input type="text" name="s" placeholder="{{trans('words.search_by_title')}}" class="form-control">
                      <button type="submit"><i class="fa fa-search"></i></button>
                    {!! Form::close() !!}
                </div>
                
                  <div class="col-sm-3">
                      &nbsp;
                  </div>

                   
                    
                <div class="col-md-6">
  
                  <a href="{{URL::to('admin/posts/text_add')}}" class="btn btn-success btn-md waves-effect waves-light m-b-20 mt-2 pull-right" data-toggle="tooltip" title="{{trans('words.add_post')}}"><i class="fa fa-plus"></i> {{trans('words.add_text_post')}}</a>

                  <a href="{{URL::to('admin/posts/video_add')}}" class="btn btn-success btn-md waves-effect waves-light m-b-20 mt-2 mr-2 pull-right" data-toggle="tooltip" title="{{trans('words.add_post')}}"><i class="fa fa-plus"></i> {{trans('words.add_video_post')}}</a>

                  <a href="{{URL::to('admin/posts/gallery_add')}}" class="btn btn-success btn-md waves-effect waves-light m-b-20 mt-2 mr-2 pull-right" data-toggle="tooltip" title="{{trans('words.add_post')}}"><i class="fa fa-plus"></i> {{trans('words.add_gallery_post')}}</a>

                </div>

                
              </div>

              <div class="row">   
                  <div class="wall-filter-block">

                  <div class="row" style="align-items: center;justify-content: space-between;">   

                  

                  <div class="col-sm-2">
                     <select class="form-control select2 select2_list" name="filter_by_user" id="filter_by_user" data-type="user_filter">
                        <option value="">{{trans('words.filter_by_user_type')}}</option>
                        
                        @if(isset($_GET['user_id']))
                        <option value="?user_id={{$_GET['user_id']}}&post_type={{$post_type}}"  selected>{{\App\User::getUserInfo($_GET['user_id'],'name')}}</option>
                        @endif
                         
                    </select>
                  </div>
                  <div class="col-sm-2">
                     <select class="form-control select2" name="filter_type" id="filter_type">
                        <option value="">{{trans('words.filter_by_post_type')}}</option>
                        <option value="?user_id={{$user_id}}&post_type=Image" @if(isset($_GET['post_type']) && $_GET['post_type']=="Image" ) selected @endif>Image</option>
                        <option value="?user_id={{$user_id}}&post_type=Video" @if(isset($_GET['post_type']) && $_GET['post_type']=="Video" ) selected @endif>Video</option>
                        <option value="?user_id={{$user_id}}&post_type=Text" @if(isset($_GET['post_type']) && $_GET['post_type']=="Text" ) selected @endif>Text</option>
                    </select>
                  </div>

                  <div class="col-sm-2">
                    &nbsp;
                  </div>
                  <div class="col-sm-2">
                    &nbsp;
                  </div>

                  <div class="col-sm-3">
                        <div class="checkbox checkbox-success pull-right">
                            <input id="sellect_all" type="checkbox" name="sellect_all">
                            <label for="sellect_all">{{trans('words.select_all')}}</label>
                            &nbsp;&nbsp;
                            <div class="btn-group">
                                <button type="button" class="btn btn-info dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="false">{{trans('words.action')}}<span class="caret"></span></button>
                                <div class="dropdown-menu">
                                  <a href="javascript:void(0);" class="dropdown-item" data-action="enable" id="data_enable_selected">{{trans('words.active')}}</a>
                                  <a href="javascript:void(0);" class="dropdown-item" data-action="disable" id="data_disable_selected">{{trans('words.inactive')}}</a>
                                  <a href="javascript:void(0);" class="dropdown-item" data-action="delete" id="data_remove_selected">{{trans('words.delete')}}</a>                                                                  
                                </div>
                            </div>
                        </div>
                      </div>


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

                @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-3 col-md-4 col-sm-6 col-xs-6" id="card_box_id_{{$data->id}}">
                        <!-- Simple card -->
                        <div class="card m-b-20">

                        <div class="wall-list-item">
                            <div class="checkbox checkbox-success wall_check">
                                <input type="checkbox" name="post_ids[]" id="checkbox" value="" class="post_ids">
                                <label for="checkbox"></label>
                            </div>

                              <p class="wall_sub_text">Post by <a href="{{ url('admin/users/history/'.$data->user_id) }}">{{ $data->users->name }}</a><br/>
                       
                              </p> 

                            @if($data->post_type=="Video") 
                            
                              <i class="fa fa-play post-icon"></i>
                            @endif

                            @if($data->post_type=="Image" OR $data->post_type=="Video") 
                            <img class="card-img-top thumb-lg img-fluid" src="{{get_thumb_image($data->id)}}" alt="{!! strip_tags(stripslashes($data->caption)) !!}">   
                            @else
                            
                            <p class="text_holder d-flex align-items-center">
                                {!! strip_tags(Str::limit(stripslashes($data->caption),140)) !!}                
                            </p>

                            @endif

                        </div>
  
                             <div class="card-body p-3">
                                <h4 class="card-title mb-3">
                                @if($data->post_type!="Text")  
                                {!! strip_tags(stripslashes($data->caption)) !!}
                                @else
                                &nbsp;
                                @endif
                                </h4>

                                <div class="d-flex wall_preview_item">
                                  <ul>
                                     
                                    <li><a href="javascript:void(0)" data-toggle="tooltip" title="{{$data->total_views ?? 0}} Views"><i class="fa fa-eye"></i></a></li>            
                                    <li><a href="javascript:void(0)" data-toggle="tooltip" title="{{$data->likes_count}} Likes"><i class="fa fa-thumbs-up"></i></a></li>
                                    <li><a href="javascript:void(0)" data-toggle="tooltip" title="{{$data->comments_count}} Comments"><i class="fa fa-comments"></i></a></li>
                                  </ul>
                                </div>

                                @if($data->post_type=="Video")
                                <a href="{{ url('admin/posts/video_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>
                                @elseif($data->post_type=="Image")
                                <a href="{{ url('admin/posts/gallery_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>
                                @else
                                <a href="{{ url('admin/posts/text_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>
                                @endif

                                <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="video_on_off" id="video_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>
 
<!-- SweetAlert2 -->
<script src="{{ URL::asset('admin_assets/js/sweetalert2@11.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='video_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='post_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"
                       })
              }
              
            }
        });
    }
 
})

});


//Multiple Delete
$("#data_remove_selected").click(function () {  
  
  var post_ids = $.map($('.post_ids:checked'), function(c) {
      return c.value;
    });
         
  var action_name='post_delete_selected';

  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) => {
 
    if(result.isConfirmed) { 

        $.ajax({
            type: 'post',
            url: "{{ URL::to('admin/ajax_delete') }}",
            dataType: 'json',
            data: {"_token": "{{ csrf_token() }}",id: post_ids, action_for: action_name},
            success: function(res) {

              if(res.status=='1')
              {  
                  $.map($('.post_ids:checked'), function(c) {
                    
                    var post_id= c.value;
                    
                    var selector = "#card_box_id_"+post_id;
                      $(selector ).fadeOut(1000);
                      setTimeout(function(){
                              $(selector ).remove()
                          }, 1000);

                    return c.value;
                  });
 
                  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"
                       })
              }
              
            }
        });
    }
 
})

});


//Multiple Enable
$("#data_enable_selected").click(function () {  
  
  var post_ids = $.map($('.post_ids:checked'), function(c) {
      return c.value;
    });
         
  var action_name='post_enable_multiple';

  $.ajax({
        type: 'post',
        url: "{{ URL::to('admin/ajax_status') }}",
        dataType: 'json',
        data: {"_token": "{{ csrf_token() }}",id: post_ids, 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"
                  }).then((result) => {

                    var url="{{url()->full()}}";
                    window.location = url;

                    });
             
          } 
          else
          { 
            Swal.fire({
                    position: 'center',
                    icon: 'error',
                    title: 'Something went wrong!',
                    showConfirmButton: true,
                    confirmButtonColor: '#10c469',
                    background:"#1a2234",
                    color:"#fff"
                  })
          }
          
        }
      });
 

});


//Multiple Disable
$("#data_disable_selected").click(function () {  
  
  var post_ids = $.map($('.post_ids:checked'), function(c) {
      return c.value;
    });
         
  var action_name='post_disable_multiple';

  $.ajax({
        type: 'post',
        url: "{{ URL::to('admin/ajax_status') }}",
        dataType: 'json',
        data: {"_token": "{{ csrf_token() }}",id: post_ids, 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"
                  }).then((result) => {

                    var url="{{url()->full()}}";
                    window.location = url;
     
                  });
             
          } 
          else
          { 
            Swal.fire({
                    position: 'center',
                    icon: 'error',
                    title: 'Something went wrong!',
                    showConfirmButton: true,
                    confirmButtonColor: '#10c469',
                    background:"#1a2234",
                    color:"#fff"
                  })
          }
          
        }
      });
 

});


</script>

<script src="{{ URL::asset('admin_assets/js/jquery.min.js') }}"></script>
<script type="text/javascript">
 
  var totalItems = 0;
 // $("#sellect_all").on("click", function(e) {
  $(document).on("click", "#sellect_all", function() {
      
    totalItems = 0;

    $("input[name='post_ids[]']").not(this).prop('checked', this.checked);
    $.each($("input[name='post_ids[]']:checked"), function() {
      totalItems = totalItems + 1;       
    });

    const Toast = Swal.mixin({
        toast: true,
        position: 'top-end',
        showConfirmButton: false,
        timer: 3000,
        timerProgressBar: false,
        /*didOpen: (toast) => {
          toast.addEventListener('mouseenter', Swal.stopTimer)
          toast.addEventListener('mouseleave', Swal.resumeTimer)
        }*/
      })

    
    if ($("input[name='post_ids[]']").prop("checked") == true) {
        
      Toast.fire({
      icon: 'success',
      title: totalItems + ' {{trans('words.item_checked')}}'
    })

    } else if ($("input[name='post_ids[]']").prop("checked") == false) {
      totalItems = 0;
      
      Toast.fire({
      icon: 'success',
      title: totalItems + ' {{trans('words.item_checked')}}'
    })
      
    }
 
});

$(document).on("click", ".post_ids", function(e) {
 
if ($(this).prop("checked") == true) {
  totalItems = totalItems + 1;
} else if ($(this).prop("checked") == false) {
  totalItems = totalItems - 1;
}

    const Toast = Swal.mixin({
        toast: true,
        position: 'top-end',
        showConfirmButton: false,
        timer: 3000,
        timerProgressBar: false,
        /*didOpen: (toast) => {
          toast.addEventListener('mouseenter', Swal.stopTimer)
          toast.addEventListener('mouseleave', Swal.resumeTimer)
        }*/
      })

    if (totalItems == 0) {
      Toast.fire({
        icon: 'success',
        title: totalItems + ' {{trans('words.item_checked')}}'
      })

      return true;
    }
 
    Toast.fire({
      icon: 'success',
      title: totalItems + ' {{trans('words.item_checked')}}'
    })

 
});

</script> 
 
@endsection