@extends('admin.layout.app')
@section('title','Job Card Image List')
@push('headerscript')
    <link href="{{asset('theme/plugins/bootstrap-sweetalert/sweet-alert.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('theme/plugins/datatables/responsive.bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('theme/plugins/datatables/dataTables.bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('theme/css/custom.css')}}" rel="stylesheet" type="text/css"/>
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Job Card Images</h4>
{{--                        <div class="pull-right">--}}
{{--                            <a class="btn btn-info btn-rounded waves-effect waves-light m-b-2"--}}
{{--                               href="{{route('job-card-image-upload.create')}}"><i class="mdi mdi-plus"></i>Add</a>--}}
{{--                        </div>--}}
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 mr-auto ml-auto">
                    <div class="card-box">
                        <div class="row">
                            <div class="col-sm-12 col-12">
                                <div class="table-responsive">
                                    <table class="table table-bordered " id="datatables">
                                        <thead>
                                        <tr>
                                            <th>S.No.</th>
                                            <th>Job Card No.</th>
                                            <th>Actions</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script src="{{asset('theme/plugins/bootstrap-sweetalert/sweet-alert.min.js')}}"></script>
    <script src="{{asset('theme/plugins/datatables/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('theme/plugins/datatables/dataTables.bootstrap.js')}}"></script>
    {{--    <script src="{{asset('theme/plugins/datatables/responsive.bootstrap.min.js')}}"></script>--}}
    <script>
        $(function () {
            $('#datatables').DataTable({
                processing: true,
                serverSide: true,
                stateSave: true,
                responsive: true,
                ajax: {
                    url: '{{route('jobCardImageUpload.getData') }}',
                },
                columns: [
                    {data: 'DT_RowIndex', name: 'DT_RowIndex', searchable: false},
                    {data: 'job_card_number', name: 'job_card_number'},
                    {data: 'action', name: 'action', orderable: false, searchable: false},
                ]
            });
        });

        {{--function deleteIt(id) {--}}
        {{--    swal({--}}
        {{--            title: "Are you sure?",--}}
        {{--            text: "You will not be able to recover this data!",--}}
        {{--            type: "warning",--}}
        {{--            showCancelButton: true,--}}
        {{--            confirmButtonColor: '#DD6B55',--}}
        {{--            confirmButtonText: 'Yes    ',--}}
        {{--            cancelButtonText: "No    ",--}}
        {{--            closeOnConfirm: false,--}}
        {{--            closeOnCancel: false,--}}
        {{--            cancelButtonClass: 'btn-default btn-md waves-effect',--}}
        {{--            confirmButtonClass: 'btn-danger btn-md waves-effect waves-light',--}}
        {{--        },--}}
        {{--        function (isConfirm) {--}}
        {{--            if (isConfirm) {--}}
        {{--                $.ajax({--}}
        {{--                    url: '{{ url('job-card-image-upload') }}/' + id,--}}
        {{--                    type: 'delete',--}}
        {{--                    dataType: "JSON",--}}
        {{--                    data: {--}}
        {{--                        "_token": "{{ csrf_token() }}"--}}
        {{--                    },--}}
        {{--                    success: function () {--}}
        {{--                        $("#datatables").DataTable().draw(false);--}}
        {{--                    }--}}
        {{--                });--}}
        {{--                swal("Deleted!", "Data has been deleted!", "success");--}}
        {{--            } else {--}}
        {{--                swal("Cancelled", "Data is safe :)", "error");--}}
        {{--            }--}}

        {{--        });--}}
        {{--}--}}

    </script>
@endpush