@extends('backend.layouts.master')

@section('title')
    Preview books
@endsection

@section('content')
<style>
  .status{display:none;}
@media print {
  body * {
    visibility: hidden;
  }
  .status{display:block;}
  #hidePrint, #hidePrint *{
    visibility: visible;
	 
  }
  .tbl-footer, .btn-success, .print, .btn-info, .btn-warning, .btn-danger, .tbl-top{display:none;}
 
  #printReport{display:block;} 
    .body-content{margin-left:0px;}
.sticky-header .body-content {
     padding-top: 0px; 
} 
   
}  
</style>
<section>
        <!-- Sidebar -->
        @include('backend/includes/sidebar')

        <!-- body content start-->
        <div class="body-content" >

            <!-- Header -->
            @include('backend/includes/header')

            <!-- page head start-->
            <div class="page-head">
                <h3>
                    Preview books
                </h3>
            </div>
            <!-- page head end-->

            <!--body wrapper start-->
            <div class="wrapper">
                <div class="row">
                    @if(session()->has('success'))
                    <div class="alert alert-success fade in">
                        <button data-dismiss="alert" class="close close-sm" type="button">
                            <i class="fa fa-times"></i>
                        </button>
                        {{ session()->get('success') }}
                    </div>
                    @endif
                    <div class="col-xs-12">
					
											
                        <section id="hidePrint"" class="panel">
                            <header class="panel-heading ">
                                Preview Books List
                                <span class="tools pull-right">
                                    <!-- <a class="fa fa-repeat box-refresh" href="javascript:;"></a>
                                    &nbsp;&nbsp;&nbsp; -->
                                    <a href="{{ route('add_preview_book') }}" class="pull-right btn btn-success" style="color: #FFF;"><i class="fa fa-plus"></i> Add Preview book</a>
                                </span>
                            </header>
                            <table class="table responsive-data-table data-table table-striped" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th>Sr. No.</th>
                                        <th>Book Name</th>
                                        <th>Client Name</th>
                                        <th>Status</th>
                                        <th width="20%" class="print">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                        @foreach ($previewbooks as $previewbook)
                                    <tr>
                                        <td>{{ $previewbook->sr_no }}</td>
                                        <td>{{ $previewbook->book_name }}</td>
                                        <td>{{ $previewbook->client_name }}</td>
                                        <td>
                                            <input type="checkbox" class="js-switch sw_status" id="{{$previewbook->id}}" />
                                        <span class="status">Inactive                                       </span>
										</td>
										 
                                        <td>
                                            <a href="view_preview_book/{{ $previewbook->id }}" class="btn btn-info"><i class="fa fa-eye"></i></a>
                                            <a href="edit_preview_book/{{ $previewbook->id }}" class="btn btn-warning"><i class="fa fa-edit"></i></a>
                                            <a href="delete_preview_book/{{ $previewbook->id }}" class="btn btn-danger" onClick="return confirm('Delete This record?')"><i class="fa fa-trash"></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </section>
                    </div>
              </div>
            </div>
            <!--body wrapper end-->

            <!-- Footer -->
            @include('backend/includes/footer')
            
        </div>
        <!-- body content end-->
    </section>
    <script type="text/javascript">
        $('.sw_status').change(function() {
            var id = $(this).attr('id');
            var _token = "{{ Session::token() }}";
            if ($(this).is(':checked')) {
                var status = "active";
            } else {
                var status = "inactive";
            }
            $.ajax({
                type: "POST",
                url: "{{ route('update_preview_book_status') }}",
                data: "id="+id+"&status="+status+"&_token="+_token,
                success: function (result) {
                    $('.data-table').DataTable().destroy();
                    $('.responsive-data-table').DataTable({
                        "PaginationType": "bootstrap",
                        responsive: true,
                        dom: '<"tbl-top clearfix"lfr>,t,<"tbl-footer clearfix"<"tbl-info pull-left"i><"tbl-pagin pull-right"p>>'
                    });
                }
            });
        });
    </script>
@endsection