@extends('app-new')
@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/new-style.css">

    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Leave Report</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/home">{{ trans('common/common.home') }}</a>
                    </li>
                    <li class="breadcrumb-item active">Leave Balance Logs
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@section('content')
    <section id="dashboard-ecommerce" class="py-2">

        <!-- Header -->
        <div class="mb-2">
            <h4 class="fw-semibold mb-0">Leave Balance Logs</h4>
            <small class="text-muted">Employee leave tracking and history</small>
        </div>

        {{-- <div class="row match-height"> --}}
        <!-- Statistics Card -->
        {{-- <div class="col-xl-12 col-md-12 col-12"> --}}
        {{-- <div class="card card-statistics"> --}}
        {{-- <div class="card-header pb-0"> --}}
        {{-- <h4 class="card-title">Leave Balance Logs</h4> --}}
        {{-- <div class="head-label"> --}}
        {{-- <a class="dt-button buttons-excel" target="_blank"
                                href="/{{ $alias }}/leave/export?{!! $request->getQueryString() !!}"
                                style="display: initial;"><button type="button"
                                    class="btn btn-primary waves-effect waves-float waves-light">
                                    <span> Export to Excel</span>
                                </button>
                            </a> --}}
        {{-- </div> --}}
        {{-- </div> --}}
        <div class="filter-box mb-2">
            <form>
                {{-- <div class="row"> --}}
                {{-- <div class="col-md-12"> --}}
                <div class="row align-items-end">
                    <div class="col-md-2">
                        <label for="from_date">From Date</label>
                        <input type="date" class="form-control" name="from_date" id="from_date"
                            value="{{ $fromDate }}">
                    </div>
                    {{-- <div class="col-md-2">
                                            <label class="form-label mt-2" for="frequency">Frequency</label>
                                            <select class="form-control mb-2 select2" id="frequency">
                                                @foreach ($frequency as $item)
                                                    <option value="">Select</option>
                                                    <option value="{{ $item }}"
                                                        {{ $item == $request->frequency ? 'selected' : '' }}>
                                                        {{ ucwords($item) }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div> --}}
                    <div class="col-md-3">
                        <label for="leave_type_ids">Leave Type</label>
                        <select class="form-control select2" name="leave_type_ids[]" id="leave_type_ids" multiple>
                            <option value="">Select</option>
                            @foreach ($leaveTypes as $leaveType)
                                <option value="{{ $leaveType->id }}"
                                    {{ in_array($leaveType->id, $request->leave_type_ids ?: []) ? 'selected' : '' }}>
                                    {{ ucwords($leaveType->name) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="employee_ids">Employee</label>
                        <select class="form-control select2" name="employee_ids[]" id="employee_ids" multiple>
                            <option value="">Select</option>
                            @foreach ($employees as $employee)
                                <option value="{{ $employee->id }}"
                                    {{ in_array($employee->id, $request->employee_ids ?: []) ? 'selected' : '' }}>
                                    {{ ucwords($employee->name) }}
                                    ({{ $employee->employee_code }})
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <button class="btn btn-primary-main w-100">
                            <i data-feather="search"></i> {{ trans('common/common.search') }}
                        </button>
                    </div>
                    {{-- <div class="col-md-1"></div> --}}
                    <div class="col-md-2">
                        <div class="dropdown">
                            <button class=" btn btn-primary-main w-100" type="button" id="exportDropdown"
                                data-bs-toggle="dropdown" aria-expanded="false">
                                <i data-feather="download"></i> Export
                            </button>
                            <ul class="dropdown-menu" aria-labelledby="exportDropdown">
                                <li>
                                    <a class="dropdown-item" target="_blank"
                                        href="/{{ $alias }}/leave-report-monthly/export?type=pdf&{{ request()->getQueryString() }}">
                                        {{ trans('common/common.pdf') }}
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-item"
                                        href="/{{ $alias }}/leave-report-monthly/export?type=excel&{{ request()->getQueryString() }}">
                                        {{ trans('common/common.excel') }}
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card mt-2 new-card">
                        <div class="card-body">
                            @foreach ($employeeData as $key => $employee)
                                <div class="employee-header" {{-- style="
                        text-align: center;
                        background: #ededed;
                        color: black;
                        padding: 10px;
                        " --}}>
                                    # {{ $employee['name'] }} ({{ $employee['code'] }})</div>
                                <div class="table-responsive">
                                    <table class="table modern-table dataTable" id="organization">
                                        <thead>
                                            <th>S. No.</th>
                                            <th>Month</th>
                                            <th>Date</th>
                                            <th>Leave Type</th>
                                            <th>Opening Balance</th>
                                            <th>Credited Leave</th>
                                            <th>Carry Forwarded</th>
                                            <th>Taken</th>
                                            <th>Balance</th>
                                            <th>Advance </th>
                                            <th>Encashed </th>
                                            <th>Lapsed Leaves</th>
                                            <th>Source</th>
                                        </thead>
                                        <tbody>
                                            @foreach ($employee['logs'] ?? [] as $leaveGroups)
                                                @foreach ($leaveGroups as $leaveLog)
                                                    <tr>
                                                        <td>
                                                            @if (isset($_GET['page']) && $_GET['page'] > 0)
                                                                {{ ($_GET['page'] - 1) * 10 + $loop->iteration }}
                                                            @else
                                                                {{ $loop->iteration }}
                                                            @endif
                                                        </td>
                                                        <td><strong>{{ $leaveLog['credited_month'] ?? '-' }}</strong>
                                                        <td><strong>{{ $leaveLog['credited_date'] ?? '-' }}</strong>
                                                        <td><strong>{{ $leaveLog['leave_type'] ?? '-' }}</strong>
                                                        <td class="text-primary text-center">
                                                            <strong>{{ $leaveLog['opening_leaves'] ?? '-' }}</strong>
                                                        <td class="text-info text-center">
                                                            <strong>{{ $leaveLog['credited_leaves'] ?? '-' }}</strong>
                                                        <td class="text-center">
                                                            <strong>{{ $leaveLog['carry_forwarded_leaves'] ?? '-' }}</strong>
                                                        <td class="text-danger text-center">
                                                            <strong>{{ $leaveLog['taken_leaves'] ?? '-' }}</strong>
                                                        <td class="text-success text-center">
                                                            <strong>{{ $leaveLog['balance_leaves'] ?? '-' }}</strong>
                                                        <td class="text-primary text-center">
                                                            <strong>{{ $leaveLog['advance_leaves'] ?? '-' }}</strong>
                                                        <td class="text-info text-center">
                                                            <strong>{{ $leaveLog['encashed_leaves'] ?? '-' }}</strong>
                                                        <td class="text-center">
                                                            <strong>{{ $leaveLog['lapsed_leaves'] ?? '-' }}</strong>
                                                        <td><strong>{{ $leaveLog['source'] ?? '-' }}</strong>
                                                    </tr>
                                                @endforeach
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <br>
                            @endforeach
                            <div class="d-flex justify-content-center">
                                {{ $employeesData->appends(request()->except('page'))->links('pagination::bootstrap-4') }}
                            </div>
                        </div>
                        {{-- <div class="p-2"> --}}

                        {{-- </div> --}}

                    </div>
                </div>
                {{-- </div> --}}
                {{-- </div> --}}
            </form>
        </div>
        {{-- </div> --}}
        {{-- </div> --}}
        {{-- </div> --}}
    </section>

    <!-- Dashboard Ecommerce ends -->
@endsection
@push('footer-script')
    <!-- BEGIN: Page Vendor JS-->
    <script src="/app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/responsive.bootstrap5.js"></script>
    <script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>

    <script src="/app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/jszip.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/pdfmake.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/vfs_fonts.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.html5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.print.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js"></script>
    <!-- END: Page Vendor JS-->
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>
    <script type="text/javascript" src="/assets/js/moment.min.js"></script>
    <script type="text/javascript" src="/assets/js/daterangepicker.js"></script>
    <link rel="stylesheet" type="text/css" href="/assets/css/daterangepicker.css" />

    <script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
    <script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="/app-assets/js/scripts/forms/form-wizard.js"></script>

    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>

    <!-- BEGIN: Page JS-->
    <!-- END: Page JS-->
    <script>
        $(window).on('load', function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        });
    </script>
@endpush