@extends('backend.layouts.master')

@section('title')
    Cover Options
@endsection

@section('content')
<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>Cover Options</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 class="panel">
                        <header class="panel-heading ">
                            Cover Options List
                            <span class="tools pull-right">
                                <a href="{{ route('add_cover_option') }}" class="pull-right btn btn-success" style="color: #FFF;"><i class="fa fa-plus"></i> Add Cover Option</a>
                            </span>
                        </header>
                        <table class="table responsive-data-table data-table table-striped" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>Sr. No.</th>
                                    <th>Cover Name</th>
                                    <th>Paper seq.</th>
                                    <th>Product ID</th>
                                    <th>Binding Type</th>
                                    <th>Min. Qty.</th>
                                    <th>Book Size</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach($cover_options as $cover_option)
                                <tr>
                                    <td>{{ $i++ }}</td>
                                    <td>{{ $cover_option->cover_name }}</td>
                                    <td>{{ $cover_option->paper_seq }}</td>
                                    <td>{{ $cover_option->product_id }}</td>
                                    <td>
                                        @if($cover_option->binding_type_id == null)
                                            ALL
                                        @else
                                            {{ $cover_option->name }}
                                        @endif
                                    </td>
                                    <td>{{ $cover_option->min_qty }}</td>
                                    <td>{{ $cover_option->book_size }}</td>
                                    <td>
                                        <input type="checkbox" class="js-switch sw_status" id="{{$cover_option->id}}" />
                                    </td>
                                    <td>
                                        <a href="edit_cover_option/{{$cover_option->id}}" class="btn btn-warning"><i class="fa fa-edit"></i></a>
                                        <a href="delete_cover_option/{{$cover_option->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_cover_option_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