@extends('layouts.main')
@section('title','Events')
@section('content')
<div class="pcoded-content">
  <div class="pcoded-inner-content">
    <div class="main-body">
      <div class="page-wrapper">
        <div class="page-header">
          <div class="page-header-title">
            <h4>Events</h4>
          </div>
          <div class="page-header-breadcrumb">
            <ul class="breadcrumb-title">
              <li class="breadcrumb-item">
                <a href="#!">
                  <span class="hiremee-home"></span>
                </a>
              </li>
              <li class="breadcrumb-item">
                <a href="{{ secure_url('blog-create')}}">
                  Dashboard
                </a>
              </li>
              <li class="breadcrumb-item"><a href="{{ secure_url('allevents')}}">Events</a>
              </li>
            </ul>
          </div>
        </div>

        
        <div class="page-body">
         @if($message = Session::get('success'))
                     <div class="alert alert-success background-success">
                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                      <i class="icofont icofont-close-line-circled text-white"></i>
                      </button>
                      <strong>Success!</strong> {{ $message }}
                    </div>
          @elseif($message = Session::get('error'))
          <div class="alert alert-danger background-danger">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <i class="icofont icofont-close-line-circled text-white"></i>
              </button>
              <strong>Error!</strong>{{ $message }}
            </div>
          @endif
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
               @forelse($events as $value)
              <div class="card borderless-card hme-card-hover" id="js-card-remove{{$value->id}}">
                <div class="card-action p-t-10 hme-btn-card-xs-pos-top-right">
                  <div class="row">
                    <div class="col-xs-12 col-sm-6"></div>
                    <div class="col-xs-12 col-sm-3">
                      <div class="onoffswitch" id="js-changes-status{{$value->id}}">
                            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="{{$value->id}}" data-status="{{$value->status}}" @if($value->status=='disable') checked @endif>
                              <label class="onoffswitch-label" for="{{$value->id}}">
                                  <span class="onoffswitch-inner"></span>
                                  <span class="onoffswitch-switch"></span>
                              </label>
                       </div>
                  
                    </div>
                    <div class="col-xs-12 col-sm-3">
                      <a href="{{ url('/pageedit/'.$value->id) }}" class="btn btn-link c-gray hme-btn-card-xs text-center p-0" data-toggle="tooltip" title="Edit"><i class="hiremee-edit"></i></a>
                     
                      <a href="javascript:" class="btn btn-link c-gray hme-btn-card-xs text-center p-0 js-pagecms-delete" data-toggle="tooltip" title="Delete" data-id="{{$value->id}}"><i class="hiremee-trash"></i></a>
                    </div>
                  </div>
                </div>
                <div class="card-body p-15">
                  <div class="row">
                    <div class="col-xs-9 col-sm-10 col-md-12">
                      <strong>Title</strong> <span>{{$value->title  ?? "-"}}</span>
                    </div>
                    <div class="col-xs-9 col-sm-10 col-md-12">
                      <strong>File Name</strong> <span>{{$value->filename  ?? "-"}}</span>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <strong>Meta Key</strong> <span>{{$value->metakey ?? "-" }}</span>
                    </div>
                  </div>
                </div>
              </div>
              @empty
              <div class="card-body p-15">
                  <div class="row">
                    <span>No Records Found</span>
                  </div>
                </div>

              @endforelse
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection     
@section('footer')
<!--Summernote-->
<script>
  $(document).ready(function(){
    $('.clearfix').find('img').hide();
  });
  $(document).on('click','.onoffswitch-checkbox',function (){
    var id=$(this).attr('id');
    var check=$(this).attr('data-status');
   swal({
      html: true, 
      title: '<span class="sweet-warning-text">Warning</span>', 
      text:'Are You Sure Want to Change the Status?',
      type: "warning",
      showCancelButton: true,
      confirmButtonText: "OK",
      closeOnConfirm: false,
    },function(isConfirm){
       if (isConfirm) {
         swal.close();
        if(check=='enable'){
           var status='disable';
        }else{
          var status='enable';
        }
        $.ajax({
          type : "POST",
          url: "{{ secure_url('enablepage') }}",
          data : {'status':status,'id':id},
          success : function(data)
          {
            if(data=='Success') 
            {
              $('#error_messagesek').text("");
             alertMessage("success","Status Changed Successfully","Success");
            }
            else if(data=='UnSuccess')
            {
              alertMessage("danger","Error","Something Went Wrong");
              
            }
              
          }
          });
            if(check=='disable'){
             var data='<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="'+id+'" data-status="enable"><label class="onoffswitch-label" for="'+id+'"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>';
            }else{
             var data='<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="'+id+'" data-status="disable" checked><label class="onoffswitch-label" for="'+id+'"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>';
            }
            $("#js-changes-status"+id).html(data);
      } else {
        if(check=='disable'){
         var data='<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="'+id+'" data-status="'+check+'" checked><label class="onoffswitch-label" for="'+id+'"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>';
        }else{
         var data='<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="'+id+'" data-status="'+check+'"><label class="onoffswitch-label" for="'+id+'"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>';
        }
        $("#js-changes-status"+id).html(data);
      }
   });

});


$(document).on('click','.js-pagecms-delete',function (){
  var id=$(this).attr('data-id');
     swal({
      html: true, 
      title: '<span class="sweet-warning-text">Warning</span>', 
      text:'Are You Sure Want to Delete?',
      type: "warning",
      showCancelButton: true,
      confirmButtonText: "OK",
      closeOnConfirm: false,
    },function(){
         $.ajax({
        type : "POST",
        url: "{{ secure_url('pagedelete') }}",
        data : {'id':id},
        success : function(data)
        {
          if(data=='Success') 
          {
            $("#js-card-remove"+id).slideUp('normal', function() {
                $(this).remove();
            });
             alertMessage("success","Deleted Successfully","Success");
          }
          else if(data=='UnSuccess')
          {
            alertMessage("danger","Error","Something Went Wrong");
          }
            
        }
        });
   });

});
   
</script>
@endsection