{{-- resources/views/hr/employees/partials/salary_increament_modal.blade.php --}}
@php
    /** @var \App\Models\Employeement $employee */
    /** @var \Illuminate\Support\Collection<\App\Models\Designation> $designations */
    // If editing an existing increament record, pass $increament; otherwise leave null for create mode
    $isEdit = isset($increament) && $increament;
@endphp

<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">@lang('Salary Increment')</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

        <form
            method="post"
            action="{{ $isEdit
                ? route('salary-increament-update', $increament->id)   {{-- update takes increment-history id --}}
                : route('salary-increament-post', $employee->id)       {{-- create takes employee id --}}
            }}"
            id="ajax_form_data"
        >
            @csrf
            @if($isEdit)
                @method('PUT')
            @endif

            <div class="modal-body">
                <div class="row mb-4">
                    <div class="col-sm-12">
                        <div class="row">
                            {{-- Employee Info --}}
                            <div class="col-6">
                                <div class="mb-3">
                                    <label class="col-form-label">Employee ID</label>
                                    <input class="form-control" type="text" value="{{ $employee->employee_id }}" readonly />
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="mb-3">
                                    <label class="col-form-label">Employee Name</label>
                                    <input class="form-control" type="text" value="{{ $employee->name }}" readonly />
                                </div>
                            </div>

                            {{-- Designation (Selectable) --}}
                            <div class="col-6">
                                <div class="mb-3">
                                    <label class="col-form-label">@lang('Designation')</label>
                                    <select name="designation_id" class="form-select" required>
                                        <option value="">@lang('Select Designation')</option>
                                        @foreach($designations as $d)
                                            <option value="{{ $d->id }}"
                                                @selected(
                                                    old('designation_id',
                                                        $isEdit
                                                            ? ($increament->designation_id ?? $employee->designation_id)
                                                            : ($employee->designation_id ?? null)
                                                    ) == $d->id
                                                )
                                            >
                                                {{ $d->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            {{-- Increment Date --}}
                            <div class="col-6">
                                <div class="mb-3">
                                    <label class="col-form-label">@lang('Increament Date')</label>
                                    <input
                                        type="date"
                                        class="form-control"
                                        name="increament_date"
                                        value="{{ old('increament_date', $isEdit ? \Illuminate\Support\Str::of($increament->increament_date)->substr(0,10) : date('Y-m-d')) }}"
                                        required
                                    >
                                </div>
                            </div>

                            {{-- Gross Salary --}}
                            <div class="col-12">
                                <div class="mb-3">
                                    <label class="col-form-label">@lang('Salary')</label>
                                    <input
                                        type="number"
                                        class="form-control"
                                        name="gross_salary"
                                        step="any"
                                        value="{{ old('gross_salary', $isEdit ? $increament->salary : $employee->gross_salary) }}"
                                        required
                                    >
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- Salary History as GRID --}}
                    <div class="col-sm-12 mt-3">
                        <h6 class="text-center mb-3">Salary History</h6>

                        <style>
                            .history-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
                            @media (min-width: 576px) { .history-grid { grid-template-columns: repeat(2, 1fr); } }
                            @media (min-width: 992px) { .history-grid { grid-template-columns: repeat(3, 1fr); } }
                            .history-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
                            .history-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
                            .history-title { font-weight: 700; font-size: .95rem; }
                            .history-sub { color: #6b7280; font-size: .85rem; }
                            .history-rows { display: grid; gap: 6px; margin-top: 8px; }
                            .history-row { display: flex; justify-content: space-between; gap: 8px; font-size: .9rem; border-bottom: 1px dashed #f1f1f1; padding-bottom: 6px; }
                            .history-row:last-child { border-bottom: 0; padding-bottom: 0; }
                            .k { color: #6b7280; font-weight: 600; }
                            .v { color: #111827; }
                            .amount { font-weight: 700; }
                            .empty-state { text-align: center; color: #6b7280; background: #f9fafb; border: 1px dashed #e5e7eb; border-radius: 10px; padding: 16px; font-size: .95rem; }
                        </style>

                        @if($employee->increamens->count())
                            <div class="history-grid">
                                @foreach ($employee->increamens as $key => $item)
                                    <div class="history-card">
                                        <div class="history-head">
                                            <div class="history-title">#{{ $key + 1 }}</div>
                                            <div class="history-sub">
                                                {{ \Carbon\Carbon::parse($item->increament_date)->format('d M Y') }}
                                            </div>
                                        </div>

                                        <div class="history-rows">
                                            <div class="history-row">
                                                <span class="k">Starting Month</span>
                                                <span class="v">{{ \Carbon\Carbon::parse($item->month)->format('M Y') }}</span>
                                            </div>
                                            <div class="history-row">
                                                <span class="k">Amount</span>
                                                <span class="v amount">
                                                    {{ function_exists('numberFormat') ? numberFormat($item->salary) : number_format($item->salary, 2) }}
                                                </span>
                                            </div>
                                            <div class="history-row">
                                                <span class="k">Remark</span>
                                                <span class="v">{{ $item->remark ?: '-' }}</span>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <div class="empty-state">@lang('No salary history found.')</div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">@lang('Close')</button>
                <button type="submit" class="btn primary-button">@lang('Submit')</button>
            </div>
        </form>
    </div>
</div>