@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | Holiday Setup')
@section('content')
    <style>
        .hd-wrap .card { border-radius: 14px; border: 1px solid #edf0f6; box-shadow: 0 0.125rem 0.5rem rgba(15, 23, 42, 0.04); }
        .hd-wrap .card-header { background: #fff; border-bottom: 1px solid #edf0f6; font-weight: 700; }
        .hd-filters { background: #f8fafc; border-bottom: 1px solid #edf0f6; padding: 14px 16px; }
        .hd-filters label, .hd-wrap .hd-label { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.55); margin-bottom: 6px; }
        .hd-wrap .select2-container { width: 100% !important; }
        .hd-wrap .select2-selection__rendered { line-height: 31px !important; }
        .hd-wrap .select2-container .select2-selection--single { height: 38px !important; }
        .hd-stat { background: #fff; border: 1px solid #edf0f6; border-radius: 10px; padding: 10px 14px; text-align: center; height: 100%; }
        .hd-stat .num { font-size: 1.25rem; font-weight: 800; line-height: 1.2; }
        .hd-stat .lbl { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: #64748b; }
        .hd-table thead th { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: rgba(15,23,42,.65); border-top: 0; white-space: nowrap; }
        .hd-table tbody td { vertical-align: middle; }
        .hd-desc { max-width: 280px; white-space: normal; word-break: break-word; font-weight: 600; }
        .hd-date { font-variant-numeric: tabular-nums; white-space: nowrap; }
        .hd-badge { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; }
        .hd-badge.global { background: rgba(14,165,233,.12); color: #0369a1; }
        .hd-badge.branch { background: rgba(99,102,241,.12); color: #4338ca; }
        .hd-action-btns { display: inline-flex; flex-wrap: wrap; gap: 4px; }
        .hd-modal .modal-content { border: none; border-radius: 12px; box-shadow: 0 0.5rem 2rem rgba(15, 23, 42, 0.15); }
        .hd-modal .modal-header, .hd-modal .modal-footer { border-color: #edf0f6; }
        .hd-modal-label { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.55); margin-bottom: 6px; }
        .hd-modal-section { background: #f8fafc; border: 1px solid #edf0f6; border-radius: 10px; padding: 14px; margin-bottom: 14px; }
    </style>

    <div class="container-fluid hd-wrap">
        <div class="row mt-3">
            <div class="col-12 d-flex flex-wrap justify-content-between align-items-center mb-3">
                <div>
                    <h4 class="page-title mb-0">Holiday Setup</h4>
                    <p class="text-muted mb-0">Define company holidays by date range and branch scope.</p>
                </div>
                <div class="d-flex flex-wrap gap-2">
                    @can('Holiday-create')
                        <button type="button" class="btn btn-primary" onclick="holiday_modal_show();">
                            <i class="las la-plus"></i> Add New
                        </button>
                    @endcan
                    @can('Holiday-export')
                        <a class="btn btn-outline-primary" href="{{ route('holiday.export') }}">{{ __('Export') }}</a>
                    @endcan
                    <button type="button" class="btn btn-outline-info" onclick="holiday_import_modal();">{{ __('Import') }}</button>
                </div>
            </div>

            @if (session()->has('message'))
                <div class="col-12"><div class="alert alert-success">{{ session('message') }}</div></div>
            @endif
            @if (session()->has('error'))
                <div class="col-12"><div class="alert alert-danger">{{ session('error') }}</div></div>
            @endif

            <div class="col-12 mb-3">
                <div class="form-row">
                    <div class="col-6 col-md-4 mb-2">
                        <div class="hd-stat"><div class="num text-primary">{{ (int) ($holidayStats->total ?? 0) }}</div><div class="lbl">{{ __('Holidays') }}</div></div>
                    </div>
                    <div class="col-6 col-md-4 mb-2">
                        <div class="hd-stat"><div class="num text-success">{{ (int) ($holidayStats->total_days ?? 0) }}</div><div class="lbl">{{ __('Total Days') }}</div></div>
                    </div>
                    <div class="col-6 col-md-4 mb-2">
                        <div class="hd-stat"><div class="num text-info">{{ (int) ($holidayStats->all_branch_count ?? 0) }}</div><div class="lbl">{{ __('All-Branch') }}</div></div>
                    </div>
                </div>
            </div>

            <div class="col-12">
                <div class="card">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                        <span>{{ __('Holiday List') }}</span>
                        <a href="{{ route('holiday') }}" class="btn btn-sm btn-outline-secondary">{{ __('Clear Filters') }}</a>
                    </div>

                    <form action="{{ route('holiday') }}" method="GET">
                        <div class="hd-filters">
                            <div class="form-row align-items-end">
                                <div class="form-group col-6 col-md-2">
                                    <label>{{ __('Year') }}</label>
                                    <select name="year" class="form-control select2">
                                        <option value="">{{ __('All Years') }}</option>
                                        @for($i = 2020; $i <= date('Y') + 1; $i++)
                                            <option value="{{ $i }}" @selected((string) $filterYear === (string) $i)>{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-3">
                                    <label>{{ __('Branch Scope') }}</label>
                                    <select name="warehouse_id" class="form-control select2">
                                        <option value="">{{ __('All Scopes') }}</option>
                                        <option value="global" @selected(request('warehouse_id') === 'global')>{{ __('All Branches') }}</option>
                                        @foreach($warehouses as $warehouse)
                                            <option value="{{ $warehouse->id }}" @selected((string) request('warehouse_id') === (string) $warehouse->id)>{{ $warehouse->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <button type="submit" class="btn btn-primary btn-block"><i class="fas fa-filter"></i> {{ __('Filter') }}</button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="card-body p-0">
                        <div class="px-3 pt-3 pb-2">
                            @can('Holiday-delete')
                                <div class="btn-group">
                                    <button class="btn btn-danger btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        {{ __('Bulk Action') }}
                                    </button>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#" onclick="bulk_delete(); return false;">{{ __('Delete selection') }}</a>
                                    </div>
                                </div>
                            @endcan
                        </div>

                        <form id="sort_products" action="" method="GET">
                            <div class="table-responsive">
                                <table class="table hd-table mb-0">
                                    <thead>
                                    <tr>
                                        <th style="width: 40px;">
                                            <div class="custom-control custom-checkbox mb-0">
                                                <input type="checkbox" class="custom-control-input check-all" id="holidayCheckAll">
                                                <label class="custom-control-label" for="holidayCheckAll"></label>
                                            </div>
                                        </th>
                                        <th>{{ __('Description') }}</th>
                                        <th>{{ __('From') }}</th>
                                        <th>{{ __('To') }}</th>
                                        <th>{{ __('Days') }}</th>
                                        <th>{{ __('Branch') }}</th>
                                        <th class="text-right">{{ __('Action') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($holidays as $holiday)
                                        <tr>
                                            <td>
                                                <div class="custom-control custom-checkbox mb-0">
                                                    <input type="checkbox" class="custom-control-input check-one" name="id[]" value="{{ $holiday->id }}" id="holiday-check-{{ $holiday->id }}">
                                                    <label class="custom-control-label" for="holiday-check-{{ $holiday->id }}"></label>
                                                </div>
                                            </td>
                                            <td class="hd-desc">{{ $holiday->description }}</td>
                                            <td class="hd-date">{{ $holiday->from }}</td>
                                            <td class="hd-date">{{ $holiday->to }}</td>
                                            <td><span class="badge badge-light border">{{ $holiday->number_of_holiday }}</span></td>
                                            <td>
                                                @if($holiday->warehouse_id === null)
                                                    <span class="hd-badge global">{{ __('All Branches') }}</span>
                                                @else
                                                    <span class="hd-badge branch">{{ $holiday->warehouse?->name ?? __('Branch') }}</span>
                                                @endif
                                            </td>
                                            <td class="text-right">
                                                <div class="hd-action-btns justify-content-end">
                                                    @can('Holiday-edit')
                                                        <button type="button"
                                                                class="btn btn-primary btn-sm js-holiday-edit"
                                                                data-id="{{ $holiday->id }}"
                                                                data-from="{{ $holiday->from }}"
                                                                data-to="{{ $holiday->to }}"
                                                                data-description="{{ e($holiday->description) }}"
                                                                data-warehouse-id="{{ $holiday->warehouse_id ?? '' }}">
                                                            <i class="fas fa-edit"></i>
                                                        </button>
                                                    @endcan
                                                    @can('Holiday-delete')
                                                        <a class="btn btn-danger btn-sm delete_modal"
                                                           data-href="{{ route('holiday.destroy', $holiday->id) }}"
                                                           href="javascript:void(0)"><i class="fas fa-trash-alt"></i></a>
                                                    @endcan
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="7" class="text-center py-5 text-muted">{{ __('No holidays found for the selected filters.') }}</td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </form>
                    </div>

                    @if($holidays->hasPages())
                        <div class="card-footer bg-white border-top">
                            {{ $holidays->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    @include('modals.delete_modal')
@endsection

@section('modal')
    <div class="modal fade hd-modal" id="holiday_modal">
        <form action="{{ route('holiday.store') }}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Add Holiday') }}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="hd-modal-label" for="description">{{ __('Description') }} <span class="text-danger">*</span></label>
                            <input class="form-control" type="text" id="description" placeholder="{{ __('Type description') }}" name="description" required>
                        </div>
                        <div class="hd-modal-section">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="myCheckbox" name="allBranch" value="1" checked>
                                <label class="custom-control-label" for="myCheckbox">{{ __('Apply to all branches') }}</label>
                            </div>
                            <div class="form-group mt-3 mb-0 d-none" id="branch_show">
                                <label class="hd-modal-label" for="warehouse_id">{{ __('Branch / Warehouse') }} <span class="text-danger">*</span></label>
                                <select name="warehouse_id" id="warehouse_id" class="form-control select2">
                                    <option value="">{{ __('Select branch') }}</option>
                                    @foreach($warehouses as $warehouse)
                                        <option value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label class="hd-modal-label" for="from">{{ __('From') }} <span class="text-danger">*</span></label>
                                <input class="form-control" type="date" name="from" id="from" required>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="hd-modal-label" for="to">{{ __('To') }} <span class="text-danger">*</span></label>
                                <input class="form-control" type="date" name="to" id="to" required>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade hd-modal" id="holiday_modal_update">
        <form action="{{ route('holiday.update') }}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Update Holiday') }}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="id" id="id" value="">
                        <div class="form-group">
                            <label class="hd-modal-label" for="description_update">{{ __('Description') }} <span class="text-danger">*</span></label>
                            <input class="form-control" type="text" id="description_update" placeholder="{{ __('Type description') }}" name="description" required>
                        </div>
                        <div class="hd-modal-section">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="myCheckboxs" name="allBranch" value="1">
                                <label class="custom-control-label" for="myCheckboxs">{{ __('Apply to all branches') }}</label>
                            </div>
                            <div class="form-group mt-3 mb-0 d-none" id="branch_show_update">
                                <label class="hd-modal-label" for="warehouse_ids">{{ __('Branch / Warehouse') }} <span class="text-danger">*</span></label>
                                <select name="warehouse_id" id="warehouse_ids" class="form-control select2">
                                    <option value="">{{ __('Select branch') }}</option>
                                    @foreach($warehouses as $warehouse)
                                        <option value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label class="hd-modal-label" for="from_update">{{ __('From') }} <span class="text-danger">*</span></label>
                                <input class="form-control" type="date" name="from" id="from_update" required>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="hd-modal-label" for="to_update">{{ __('To') }} <span class="text-danger">*</span></label>
                                <input class="form-control" type="date" name="to" id="to_update" required>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('Update') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade hd-modal" id="holiday_import_modal">
        <form action="{{ route('holiday.import') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Import Holidays') }}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <p class="small text-muted">{{ __('Upload a CSV or Excel file. Download the sample template to match required columns.') }}</p>
                        <a href="{{ asset('assets/sample/holiday.csv') }}" download class="btn btn-sm btn-outline-primary mb-3">{{ __('Download Sample CSV') }}</a>
                        <div class="form-group mb-0">
                            <label class="hd-modal-label" for="holiday_import_file">{{ __('File') }} <span class="text-danger">*</span></label>
                            <input class="form-control" type="file" name="file" id="holiday_import_file" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('Import') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@section('script')
    <script>
        function holiday_modal_show() {
            $('#holiday_modal').modal('show');
        }

        function syncBranchField(checkboxId, branchWrapId, warehouseSelectId) {
            var checked = document.getElementById(checkboxId).checked;
            if (checked) {
                $('#' + branchWrapId).addClass('d-none');
                $('#' + warehouseSelectId).prop('required', false).val('');
            } else {
                $('#' + branchWrapId).removeClass('d-none');
                $('#' + warehouseSelectId).prop('required', true);
            }
        }

        $('#myCheckbox').on('change', function () {
            syncBranchField('myCheckbox', 'branch_show', 'warehouse_id');
        });

        $('#myCheckboxs').on('change', function () {
            syncBranchField('myCheckboxs', 'branch_show_update', 'warehouse_ids');
        });

        $(document).on('click', '.js-holiday-edit', function () {
            var btn = $(this);
            $('#description_update').val(btn.data('description'));
            $('#from_update').val(btn.data('from'));
            $('#to_update').val(btn.data('to'));
            $('#id').val(btn.data('id'));

            var warehouseId = btn.data('warehouse-id');
            if (!warehouseId) {
                $('#myCheckboxs').prop('checked', true);
                syncBranchField('myCheckboxs', 'branch_show_update', 'warehouse_ids');
            } else {
                $('#myCheckboxs').prop('checked', false);
                syncBranchField('myCheckboxs', 'branch_show_update', 'warehouse_ids');
                $('#warehouse_ids').val(String(warehouseId)).trigger('change');
            }

            $('#holiday_modal_update').modal('show');
        });

        function holiday_import_modal() {
            $('#holiday_import_modal').modal('show');
        }

        function bulk_delete() {
            var data = new FormData($('#sort_products')[0]);
            $.ajax({
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                url: "{{ route('bulk-holiday-delete') }}",
                type: 'POST',
                data: data,
                cache: false,
                contentType: false,
                processData: false,
                success: function (response) {
                    if (response == 1) {
                        location.reload();
                    } else {
                        alert('{{ __('Could not delete selected holidays.') }}');
                    }
                },
                error: function () {
                    alert('{{ __('Could not delete selected holidays.') }}');
                }
            });
        }

        $(document).on('change', '.check-all', function () {
            $('.check-one:checkbox').prop('checked', this.checked);
        });
    </script>
@endsection