@extends('layout.default')
@section('content')

@section('page_toolbar')
        <button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm" onclick="addPaper(null)">
        <i class="fas fa-plus-circle" aria-hidden="true"></i> Add Key Stage
    </button>
        &nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm" href="{{ URL::previous() }}">
        <i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
    </a>
@endsection

<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover display" id="dataTables" style="width:100%">
            <thead>
                <tr>
                    <th>Key Stages</th>
                    <th>Sort Order</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->
@include('admin.worksheet_paper.paper_modal')
@endsection
@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6') }}" rel="stylesheet" type="text/css" />
@endsection
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6') }}"></script>
<script>
    var table;
        ajaxListing();
    
    function ajaxListing() {
        $(function() {
            //Generate List
            table = $('#dataTables').DataTable({

                bSearchable: true,
                pagination: true,
                // pageLength: 10,
                responsive: true,
                searchDelay: 500,
                processing: true,
                serverSide: true,
                "aLengthMenu": [
                    [50, 100, 500, -1],
                    [50, 100, 500, "All"]
                ],
                "pageLength": 50,
                ajax: {
                    url: '{{ url('admin/worksheet/key_stage/lists') }}',
                    data: search
                },
                bSortable: true,
                aoColumnDefs: [
            { "aTargets": [ 0 ], "bSortable": true },
            { "aTargets": [ 1 ], "bSortable": true },
            
        ],
                columns: [{
                        data: 0,
                        name: 'stage_name'
                    },
                    {
                        data: 1,
                        name: 'sort_order'
                    },
                    {
                        data: 2,
                        name: 'action',
                        orderable: !1,
                        searchable: !1
                    }
                ]
            });


            $(".searchs").keyup(function() {
                table.draw();
            });
        });
    }

    function search(value) {
        value.search_name = $('input[name=name]').val();
    }

    function softDelete(b) 
    {
        Swal.fire({
            title: "Are you sure?",
            text: "Key Stage will be deleted from the database.You won't be able to change this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "Yes. Delete it!",
            confirmButtonColor: '#e85f5d',
        }).then(function(result) {
            if (result.value) {
                Swal.fire({
                    title: "Are you sure?",
                    text: "You will permanently lose the data - are you 100% sure?",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonText: "Yes. Delete it!",
                    confirmButtonColor: '#e85f5d',
                }).then(function(result) {
                    if (result.value) {
                        $.ajax({
                                url: "{{ url('admin/worksheet/key_stage') }}/" + b,
                                type: "DELETE",
                                dataType: "html"
                            })
                            .done(function(a) {
                                var data = JSON.parse(a);

                                if (data.flagError) {
                                    showAlert(data.message, "error");
                                } else {
                                    // table.ajax.reload(null, false);
                                    showAlert(data.message, "success");
                                    // showAlert("Redirecting....Please wait...", "info");
                                    setTimeout(function() {
                                        table.ajax.reload(null, false);
                                    }, 2000);
                                }
                            }).fail(function() {
                                showAlert("Somthing went wrong!", "error");
                            });
                    } else if (result.dismiss === "cancel") {
                        Swal.fire(
                            "Cancelled",
                            "Your Key Stage file is safe :)",
                            "error"
                        )
                    }
                });
            } else if (result.dismiss === "cancel") {
                Swal.fire(
                    "Cancelled",
                    "Your Key Stage file is safe :)",
                    "error"
                )
            }
        });
    }
</script>

@endsection