@extends('Admin/layout')
@section('title','Library Data List')
@section('content')
@if(has_permission('Library Data','View'))
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
            <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">Library Data</h4>
                    <div class="flex-shrink-0">
                            @if(has_permission('Library Data','Create'))
                           <div class="form-check form-switch form-switch-right form-switch-md">
                            <a href="{{route('visitportal.LibraryData-add')}}"><button type="button" class="btn btn-primary">Add Library Data</button></a>
                           </div>
                           @endif
                     </div>
                </div>
                <div class="card-header align-items-center d-flex">
                   
                <form action="{{route('visitportal.LibraryData')}}" class="g-3" method="post" style="width:100%;">
                        {{csrf_field()}}
                        <div class="row" >
                            <div class="col-md-4" >
                                <label for="validationDefault01" class="form-label">Scheme Name</label>
                                <select class="form-control" data-choices  id="scheme_name" name="scheme_name">
                                        <option value="" >Select Scheme Name</option>
                                        @if(!empty($tbl_schemes))
                                            @foreach($tbl_schemes as $key => $value)
                                                <option value="{{$value->id}}" {{$scheme_name == $value->id ? 'selected' : ''}}>{{$value->name}}</option>
                                            @endforeach
                                        @endif
                                </select>
                            </div>
                            <div class="col-md-4" >
                                <label for="validationDefault01" class="form-label">Library Head Name</label>
                                <select class="form-control" data-choices id="library_head_name" name="library_head_name">
                                        <option value="" >Select Library Head Name</option>
                                        @if(!empty($tbllibrary_head_master))
                                            @foreach($tbllibrary_head_master as $key => $value)
                                                <option value="{{$value->id}}" {{$library_head_name == $value->id ? 'selected' : ''}}>{{$value->name}}</option>
                                            @endforeach
                                        @endif
                                </select>
                            </div>


                            <div class="col-md-1">
                                <div class="form-group" style="margin-top: 6px;">
                                    <input id="btnsearch" type="submit" name="submitbtn" class="form-control btn btn-primary"  style="margin-top: 20px;width:100%" value="Filter">
                                </div>
                            </div>
                           
                        </div>
                        </form>
                </div>
            </div>
        </div>
        <div class="col-xl-12">
            <div class="card">
              

                <div class="card-body">
                    <div class="live-preview" style="padding: 20px;">
                        <div class="table-responsive table-card mb-1">
                            <table class="table table-md table-striped align-middle table-nowrap mb-0" id="example" style="width:100%">
                                <thead class="table-dark">
                                    <tr>

                                        <th scope="col">S.No</th>
                                       
                                        <th scope="col">Scheme Name</th>
                                        <th scope="col">Head Name</th>
                                        <th scope="col">Photo</th>
                                        <th scope="col">Url Link</th>
                                        <th scope="col">Content</th>
                                        <th scope="col">Submit Date</th>
                                        <th scope="col">Edit/Delete</th>
                                        
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                @if(!empty($data))
							@foreach($data as $key => $value)
														<tr>
								<td>{{$key + 1}}</td>
								
								<td>{{$value->scheme_name }}</td>
								<td>{{$value->library_head_name}}</td>
							
								<td></td>
								<td><a href="{{$value->url_link}}">{{$value->url_link}}</a></td>
								<td>{{$value->content}}</td>
								<td>{{$value->created_at}}</td>
								<td>
								    @if(has_permission('Library Data','Edit'))
									<a href="{{route('visitportal.LibraryData-edit',['id'=>encryptor($value->id)])}}"><button type="button" class="btn btn-primary px-2">Edit</button></a> 
                                    @endif
                                    @if(has_permission('Library Data','Delete'))
									 <button type="button" class="btn btn-danger px-2"  data-bs-toggle="modal" data-bs-target=".bs-example-modal-center-delete" onclick="setDeleteValue({{$value->id}},'LibraryData-destroy')" >Delete</button>
                                    @endif
								</td>
							
							
							</tr>
							@endforeach

						@endif
                                    
                                </tbody>
                                
                            </table>
                            <!-- end table -->
                        </div>
                        <!-- end table responsive -->
                    </div>
                    
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->
    </div>
</div>

<div class="modal fade bs-example-modal-center-delete" id="bs-example-modal-center-delete" tabindex="-1" aria-labelledby="mySmallModalLabel" style="display: none;" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
         <div class="modal-body text-center p-5">
            <lord-icon src="https://cdn.lordicon.com/hrqwmuhr.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width:120px;height:120px">
            </lord-icon>
            <div class="mt-4">
               <h4 class="mb-3">Are you sure want to delete? This action can't be undo.</h4>
               <div class="hstack gap-2 justify-content-center">
                  <button type="button" class="btn btn-light" data-bs-dismiss="modal">NO</button>
                  <input type="hidden" id="delete_id"/>
                  <input type="hidden" id="delete_url"/>
                  <a href="javascript:void(0);" onclick="destroyData('libraryhead_list_table')" class="btn btn-danger">Delete</a>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>

<link href="https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.css" rel="stylesheet" type="text/css" />
<script src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
<script src="https://cdn.datatables.net/2.0.8/js/dataTables.js"></script>

<script>
   new DataTable('#example');
   function destroyData(list_table) {
    var id = $("#delete_id").val();
    var url_name = $("#delete_url").val();
    var datastring = {
       id : id
    };
    $.ajax({
        type:'DELETE',
        cache: false,
        url:"http://159.65.159.230/visitportal/public/visitportal/"+url_name,
        dataType: "json",
        data:datastring,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success:function(data) {
            $('#bs-example-modal-center-delete').modal('hide');
            if(data.status == 'success'){
                location.reload();
                Toastify({
                    text: "Data delete successfully",
                    className: "success",
                    style: {
                      background: "linear-gradient(to right, #00b09b, #96c93d)",
                    }
                  }).showToast();
            }else{
                Toastify({
                    text: "Unable to delete data",
                    className: "danger",
                    style: {
                      background: "linear-gradient(to right, #f06548, #f06548)",
                    }
                  }).showToast();
            }
           
        }
    });
  }
</script>
@endif
@endsection