{{-- Extends layout --}}
@extends('layout.default')
@section('styles')
    <!--begin::Page Vendors Styles(used by this page)-->
    <link href="{{asset('plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
    <!--end::Page Vendors Styles-->
@endsection
{{-- Content --}}
@section('content')
    <!--begin::Card-->
    <div class="card card-custom gutter-b">
        <div class="card-header flex-wrap py-3">
            <div class="card-title">
                <h3 class="card-label">অনুমোদিত ছুটি (Earned Leave) {{$type}} From {{$startdate}} to {{$enddate}}</h3>
            </div>
        </div>
        <div class="card-header flex-wrap py-3">
            <form action="{{route('report.leave')}}" method="get" class="card-title">
                <label class="col-md-2">ছুটির ধরন </label>
                <select class="form-control" id="kt_select2_1" name="type" required>
                    <option value="-1">নির্বাচন করুন</option>
                    @foreach($function->leave_types() as $key=>$leave)
                        <option value="{{$key}}">{{$leave[0]}} ( {{$leave[1]}} )</option>
                    @endforeach
                </select>
                From <input name="start_date" data-date-format="dd-mm-yyyy" class="form-control form-control-lg form-control-solid kt_datepicker ml-2" type="text" required>
                To <input name="end_date" data-date-format="dd-mm-yyyy" class="form-control form-control-lg form-control-solid kt_datepicker ml-2" type="text" required>
                <button type="submit" class="btn btn-primary ml-2">Search</button>
            </form>
        </div>
        <div class="card-body">
            <table class="table table-bordered nowrap" id="kt_datatable_em">
                <thead class="thead-light">
                <tr>
                    <th>Name</th>
                    <th>Rank</th>
                    <th>Type of leave</th>
                    <th>Nature of pay</th>
                    <th>Reason for leave</th>
                    <th>Sanction Number</th>
                    <th>Sanction Date</th>
                    <th>Leave availed Starting date</th>
                    <th>leave availed Finishing date</th>
                    <th>Total Leave availed in days</th>
                    <th>Employee Contact Number</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach($datas as $data)
                    <tr>
                        <td>{{ $data->employee->name}}</td>
                        <td>@if(isset($data->employee->rank) && (int)$data->employee->rank > 0){{ $function->rank()[(int)$data->employee->rank]['name_en']}}@endif</td>
                        <td>@if(isset($data->type_of_leave) && (int)$data->type_of_leave > 0 && isset($function->leave_types()[(int)$data->type_of_leave])){{ $function->leave_types()[(int)$data->type_of_leave][1]}}@endif</td>
                        <td>@if(isset($data->nature_to_pay) && (int)$data->nature_to_pay > 0 && isset($function->salary_type()[(int)$data->nature_to_pay])){{ $function->salary_type()[(int)$data->nature_to_pay][1]}}@endif</td>
                        <td>{{ $data->reason}}</td>
                        <td>{{ $data->sanction}}</td>
                        <td>{{ $data->sanction_date ? \Carbon\Carbon::parse($data->sanction_date)->format('d-m-Y') : ''}}</td>
                        <td>{{ $data->start_date ? \Carbon\Carbon::parse($data->start_date)->format('d-m-Y') : ''}}</td>
                        <td>{{ $data->end_date ? \Carbon\Carbon::parse($data->end_date)->format('d-m-Y') : ''}}</td>
                        <td>{{ $data->total_leave_availed}}</td>
                        <td>{{ $data->employee->sms_number}}</td>
                        <td><a href="{{route('employee.employinfopdf',['id'=>$data->employee->id])}}" class="text-primary" role="button" >Details</a></td>
                    </tr>
                @endforeach
                </tbody>

            </table>
            <script>
                $(document).ready(function() {
                    var title = 'LandPortAuthority All Employee '+$('h3.card-label').text();
                    var table = $('#kt_datatable_em');
                    table.DataTable({
                        responsive: true,
                        dom: 'Bfrtip',
                        buttons: [
                            {
                                extend: 'excelHtml5',
                                title: title,
                                exportOptions: {
                                    columns:  ':visible:not(:last-child)'
                                }
                            },
                            {
                                extend: 'pdfHtml5',
                                title: title,
                                orientation: 'landscape',
                                pageSize: 'A4',
                                exportOptions: {
                                    columns:  ':visible:not(:last-child)'
                                }
                            },
                            {
                                extend: 'print',
                                title: title,
                                exportOptions: {
                                    columns:  ':visible:not(:last-child)'
                                },
                                customize: function(win)
                                {

                                    var last = null;
                                    var current = null;
                                    var bod = [];

                                    var css = '@page { size: landscape; }',
                                        head = win.document.head || win.document.getElementsByTagName('head')[0],
                                        style = win.document.createElement('style');

                                    style.type = 'text/css';
                                    style.media = 'print';

                                    if (style.styleSheet)
                                    {
                                        style.styleSheet.cssText = css;
                                    }
                                    else
                                    {
                                        style.appendChild(win.document.createTextNode(css));
                                    }

                                    head.appendChild(style);
                                }
                            },
                            'colvis'

                        ]

                    });
                });
            </script>
        </div>
    </div>
    <!--end::Card-->
@endsection

{{-- Scripts Section --}}
@section('scripts')
    <!--begin::Page Vendors(used by this page)-->
    <script src="{{asset('plugins/custom/datatables/datatables.bundle.js')}}"></script>
    <!--end::Page Vendors-->

    <!--begin::Page Scripts(used by this page)-->
    <script src="{{asset('js/pages/crud/datatables/data-sources/html.js')}}"></script>

@endsection