@include('partials.superadmin.header')
@include('partials.superadmin.menu')
<link href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" rel="stylesheet"/>
<style>
    .max_pack_span {
        margin: 4px 4px 4px 4px;
    }
</style>
<div class="page-wrapper">
    <!-- Page header -->
    <div class="page-header d-print-none">
        <div class="container-xl">
            <div class="row g-2 align-items-center">
                <div class="col">
                    <div class="row">
                        <div class="col-md-6">
                            <h2> {{ __('Plan Assign') }}</h2>
                        </div>
                        <div class="col-md-6 float-end">
                            {{-- @can('create plan') --}}
                                <a href="#" data-size="xl" data-url="{{ route('plan_request.create') }}" data-ajax-popup="true" data-bs-toggle="tooltip" title="{{ __('Create') }}"
                                    data-title="{{ __('Manual Package Assign') }}" class="gapbtn float-end mb-3 btn  btn-primary">
                                    <i class="ti ti-plus"></i>
                                </a>
                            {{-- @endcan --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page body -->
    <div class="page-body">
        <div class="container-xl">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-vcenter card-table" id="plan_request_table" aria-describedby="Sub Task">
                            <thead>
                                <tr>
                                    <th>{{ __('Name') }}</th>
                                    <th>{{ __('Package Type') }}</th>
                                    <th>{{ __('Max Packages') }}</th>
                                    <th>{{ __('Type') }}</th>
                                    <th>{{ __('Created Date') }}</th>
                                    <th>{{ __('Expiry Date') }}</th>
                                    <th>{{ __('Duration') }}</th>
                                    <th>{{ __('Status') }}</th>
                                    <th>{{ __('Action') }}</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('partials.superadmin.footer')
    <script src="{{ asset('datatable/jquery.dataTables.min.js') }}"></script>

    <script>
        $(document).ready(function () {
            plan_request_datatable();
        });

        function plan_request_datatable(){
            $('#plan_request_table').dataTable().fnDestroy();
            $('#plan_request_table').DataTable({
                processing: true,
                serverSide: true,
                pagingType: 'full_numbers',
                aaSorting: [],
                destroy: true,
                "language": {
                    "sLengthMenu": "{{ __('Show _MENU_ Records') }}",
                    "sZeroRecords": "{{ __('No data available in table') }}",
                    "sEmptyTable": "{{ __('No data available in table') }}",
                    "sInfo": "{{ __('Showing records _START_ to _END_ of a total of _TOTAL_ records') }}",
                    "sInfoFiltered": "{{ __('filtering of a total of _MAX_ records') }}",
                    "sSearch": "{{ __('Search') }}:",
                    "oPaginate": {
                        "sFirst": "{{ __('First') }}",
                        "sLast": "{{ __('Last') }}",
                        "sNext": "{{ __('Next') }}",
                        "sPrevious": "{{ __('Previous') }}"
                    },
                },
                "ajax":{
                    "url": "{{ route('plan_request_datatable') }}",
                    "dataType": "json",
                    "type": "POST",
                    "data":{ _token: "{{csrf_token()}}"},
                    // data: function (data) {
                    //     data.start_date = start_date;
                    //     data.end_date = end_date;
                    //     data.user_id = user_id_arr;
                    //     data.status_task = status_task;
                    //     data.task_id_arr = task_id_arr;
                    // }
                },
                deferRender: true,
                order: [],
                columnDefs: [ { orderable: true, targets: [0,1,3,4,5,6,7,8]}],
                pageLength: 10,
                searching: true,
                aoColumns: [
                    {data: "name" },
                    {data: "package_type" },
                    {data: "max_package" },
                    {data: 'type'},
                    {data: 'created_date'},
                    {data: "expiry_date" },
                    {data: 'duration'},
                    {data: 'status'},
                    {data: 'action'}
                ]
            });
        }
    </script>