@can('hr_manager_hq')
    @extends('adminlte::page')

    @section('title', config('adminlte.title') . ' | Edit Holiday Renew')

@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>Edit Holiday Renewal</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Edit Holiday Renew</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @if (session('success'))
                        <script>
                            toastr.options = {
                                "closeButton": true,
                                "debug": false,
                                "newestOnTop": false,
                                "progressBar": true,
                                "positionClass": "toast-top-right",
                                "preventDuplicates": false,
                                "onclick": null,
                                "showDuration": "300",
                                "hideDuration": "1000",
                                "timeOut": "5000",
                                "extendedTimeOut": "1000",
                                "showEasing": "swing",
                                "hideEasing": "linear",
                                "showMethod": "fadeIn",
                                "hideMethod": "fadeOut"
                            };
                            toastr.success('{{ session('success') }}');
                        </script>
                    @endif

                    <div class="row">
                        <div class="col-12 text-right">
                            <a href="{{ route('admin.holiday_renew.index') }}" class="btn btn-success mr-4"><i
                                    class="fas fa-arrow-left"></i>
                                Back</a>
                            <a href="{{ route('admin.holiday_renew.index') }}" class="btn btn-primary "><i
                                    class="fa fa-sync"></i>
                                Update</a>
                        </div>
                    </div>

                    <table id="RenewalList" class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Employee</th>
                                <th>Joined date</th>
                                <th>Type</th>
                                <th>Holiday Assigned (@php echo date("Y") @endphp)</th>
                                <th>Updated New holiday assigned (@php echo date("Y")+1 @endphp)</th>
                                <th>Next year holiday assign (@php echo date("Y")+2 @endphp)</th>
                                <th>Holiday Balance (@php echo date("Y") @endphp) </th>
                                <th>Carry Over (@php echo date("Y")+1 @endphp)</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($employees as $employee)
                                <tr>
                                    <td>{{ $employee['id'] }}</td>
                                    <td>{{ $employee['name'] }}</td>
                                    <td>{{ date('d/m/Y', strtotime($employee['join_date'])) }} (1yr
                                        @if ($employee['join_year'])
                                            <span class="text-success" data-toggle="tooltip" title="True">T</span>
                                        @else
                                            <span class="text-danger" data-toggle="tooltip" title="False">F</span>
                                        @endif
                                        )
                                    </td>
                                    <td>{{ $employee['team'] == 41 ? 'Driver' : 'Standard' }}</td>
                                    <td class="text-info">{{ $employee['holiday_assign'] }}</td>
                                    <td class="text-danger">{{ $employee['new_assign'] }}</td>
                                    <td class="text-success text-bold"><input class="form-control"
                                            name="upped-{{ $employee['id'] }}"
                                            value="{{ old('upped-' . $employee['id'], $employee['upped']) }}"></td>
                                    <td class="text-warning">{{ number_format($employee['remain'], 1) }}</td>
                                    <td class="text-success text-bold"><input type="text"
                                            name="carryover-{{ $employee['id'] }}" class="form-control"
                                            value="{{ old('carryover-' . $employee['id'], number_format($employee['carry_over'], 1)) }}">
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                    <script>
                        $(document).ready(function() {

                            $(function() {
                                $('[data-toggle="tooltip"]').tooltip()
                            })

                            $('#RenewalList').DataTable({
                                fixedHeader: true,
                                layout: {
                                    top1Start: {
                                        buttons: [{
                                                extend: 'copy'
                                            },
                                            {
                                                extend: 'excel'
                                            },
                                            {
                                                extend: 'pdf'
                                            },
                                            {
                                                extend: 'print'
                                            },
                                            {
                                                extend: 'colvis',
                                                collectionLayout: 'fixed columns',
                                                popoverTitle: 'Column visibility control'
                                            },
                                        ]
                                    },
                                    top2start: 'searchBuilder',
                                    topStart: {
                                        pageLength: {
                                            menu: [10, 25, 50, 100, 500, 1000, 2000, 5000, 10000, -1]
                                        },

                                    },
                                    topEnd: 'search',
                                    bottomStart: 'info',
                                    bottomEnd: 'paging'
                                },
                                pageLength: -1,
                                order: [
                                    [0, 'asc']
                                ],
                                // stateSave: true,
                            });

                            // $('#RenewalList').DataTable({
                            //     fixedHeader: true, // Enable fixed header
                            //     buttons: [{
                            //             extend: 'copy'
                            //         },
                            //         {
                            //             extend: 'excel'
                            //         },
                            //         {
                            //             extend: 'pdf'
                            //         },
                            //         {
                            //             extend: 'print'
                            //         },
                            //         {
                            //             extend: 'colvis',
                            //             collectionLayout: 'fixed columns',
                            //             popoverTitle: 'Column visibility control'
                            //         }
                            //     ],
                            //     //

                            //     searchBuilder: true, // Enable search builder
                            //     lengthMenu: [
                            //         [10, 25, 50, 100, 500, 1000, 2000, 5000, 10000, -1],
                            //         [10, 25, 50, 100, 500, 1000, 2000, 5000, 10000, "All"]
                            //     ], // Dropdown options for page length
                            //     pageLength: -1, // Show all rows by default
                            //     order: [
                            //         [0, 'asc']
                            //     ], // Default sorting
                            //     // stateSave: true, // Uncomment to persist table state
                            // });

                        });
                    </script>

                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')
    &nbsp;
@stop
@endcan