@extends('layouts.seller')

@section('css')
{{-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dripicons/2.0.0/webfont.css" /> --}}
<link rel="stylesheet" href="{{ asset('assets/css/drip-icons.css') }}" />
<link rel="stylesheet" href="{!! asset('assets/css/schedule.css') !!}" />
@endsection

@section('content')
{!! Form::open(array('route' => 'schedule.punch-clock-approve', 'method' => 'POST' ,'id' => 'ajaxSave','files' => true)) !!}
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! __('schedule.pending_requests') !!}</p>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">

            <div class="error-msg font-14"></div>

            <div class="round-white-bg box-shadow">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="swap-requests-tab" data-toggle="tab" href="#swap-requests" role="tab" aria-controls="swap-requests" aria-selected="true">{!! __('schedule.swap_requests') !!}</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" id="shift-requests-tab" data-toggle="tab" href="#shift-requests" role="tab" aria-controls="shift-requests" aria-selected="false">{!! __('schedule.shift_requests') !!}</a>
                    </li>
                </ul>

                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="swap-requests" role="tabpanel" aria-labelledby="swap-requests-tab">
                        <div class="table-responsive mt-4">
                            <table id="dTable" data-url="{{route('schedule.swap-request.paginate')}}" class="striped-table w-100 custom-datatable font13">
                                <thead>
                                    <tr>
                                        <th class="font-medium font13 no-sort">{{ __('common.sr-no') }}</th>
                                        <th class="font-medium font13">{{ __('schedule.date') }}</th>
                                        <th class="font-medium font13">{{ __('schedule.employee_group') }}</th>
                                        <th class="font-medium font13">{{ __('schedule.shift_type') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('schedule.start_end') }}</th>
                                        <th class="font-medium font13">{{ __('schedule.employee') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('schedule.status') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('schedule.type') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('schedule.approve') }}?</th>
                                    </tr>
                                </thead>
                                <tbody class="text-muted font-medium">

                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="shift-requests" role="tabpanel" aria-labelledby="shift-requests-tab">
                        <div class="table-responsive mt-4">
                            <table id="pendingRequests" data-url="{{route('schedule.shift-request.paginate')}}" class="striped-table w-100 custom-datatable font13">
                                <thead>
                                    <tr>
                                        <th class="font-medium font13 no-sor t">{{ __('common.sr-no') }}</th>
                                        <th class="font-medium font13">{{ __('schedule.date') }}</th>
                                        <th class="font-medium font13">{{ __('schedule.employee_group') }}</th>
                                        <th class="font-medium font13">{{ __('schedule.shift_type') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('schedule.start_end') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('schedule.shift_requests') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('schedule.assign_employee') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('schedule.status') }}</th>
                                    </tr>
                                </thead>
                                <tbody class="text-muted font-medium">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{!! Form::close() !!}
@endsection

@section('script')
<script>
    if ($('#pendingRequests').length)
    {
        var url = $('#pendingRequests').attr('data-url');
        var sortOn = $('#pendingRequests')[0].hasAttribute('data-sort') ? $('#pendingRequests').attr('data-sort') : 1;
        var params = '';
        $('#pendingRequests').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": url + '?' + params,
            createdRow: function(row, data, dataIndex) {
            },
            "order": [
                [sortOn, "desc"]
            ],
            "columnDefs": [{
                "targets": 'no-sort',
                "orderable": false
            }]
        });
    }
</script>
@endsection