@extends('layouts.finance')

@section('title', 'Edit Salary Entry')
@section('subtitle', 'Update employee payroll entry')

@section('content')
    @php
        $detail = $expense->salaryDetail;
        $currentEmployeeId = old('employee_id', $detail?->employee_id);
        $currentCurrency   = old('currency', $detail?->currency ?? $expense->currency);
        $currentBankId     = old('bank_account_id', $expense->bank_account_id);
        $currentPeriod     = old('pay_period_month', ($detail?->pay_period_month ?? $expense->expense_date)?->format('Y-m'));
    @endphp

    {{-- Breadcrumb --}}
    <div class="flex items-center gap-3 mb-4">
        <a class="btn" href="{{ route('finance.expenses.category', $category) }}">
            <span style="display:inline-flex;align-items:center;gap:6px">
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="15 18 9 12 15 6"/></svg>
                Salaries
            </span>
        </a>
        <div class="text-sm" style="color:var(--muted)">
            Expenses / Salaries / <span style="color:var(--text);font-weight:600">Edit Entry</span>
        </div>
    </div>

    <form method="POST" action="{{ route('finance.expenses.salaries.update', [$category, $expense]) }}" class="card p-5">
        @csrf
        @method('PUT')

        <div style="display:grid;gap:14px;max-width:720px">
            <div>
                <label class="label">Employee *</label>
                <select class="field" name="employee_id" required>
                    <option value="" disabled @selected(! $currentEmployeeId)>Select Employee</option>
                    @foreach($employees as $employee)
                        <option value="{{ $employee->id }}" @selected((int) $currentEmployeeId === (int) $employee->id)>
                            {{ $employee->name }}@if($employee->designation) ({{ $employee->designation }}) @endif
                        </option>
                    @endforeach
                </select>
                @error('employee_id') <div class="text-xs" style="color:#ef4444;margin-top:4px">{{ $message }}</div> @enderror
            </div>

            <div class="grid grid-2" style="gap:14px">
                <div>
                    <label class="label">Pay Period (Month) *</label>
                    <input class="field" type="month" name="pay_period_month" value="{{ $currentPeriod }}" required>
                    @error('pay_period_month') <div class="text-xs" style="color:#ef4444;margin-top:4px">{{ $message }}</div> @enderror
                </div>
                <div>
                    <label class="label">Currency *</label>
                    <select class="field" name="currency" required>
                        @foreach(['PKR', 'USD', 'AUD'] as $currency)
                            <option value="{{ $currency }}" @selected($currentCurrency === $currency)>{{ $currency }}</option>
                        @endforeach
                    </select>
                    @error('currency') <div class="text-xs" style="color:#ef4444;margin-top:4px">{{ $message }}</div> @enderror
                </div>
            </div>

            <div class="grid grid-2" style="gap:14px">
                <div>
                    <label class="label">Gross Amount *</label>
                    <input class="field" type="number" step="0.01" min="0.01" name="gross_amount"
                           value="{{ old('gross_amount', $detail?->gross_amount ?? $expense->amount) }}" required>
                    @error('gross_amount') <div class="text-xs" style="color:#ef4444;margin-top:4px">{{ $message }}</div> @enderror
                </div>
                <div>
                    <label class="label">Net Amount <span class="muted">(optional)</span></label>
                    <input class="field" type="number" step="0.01" min="0" name="net_amount"
                           value="{{ old('net_amount', $detail?->net_amount) }}">
                    @error('net_amount') <div class="text-xs" style="color:#ef4444;margin-top:4px">{{ $message }}</div> @enderror
                </div>
            </div>

            <div>
                <label class="label">Bank Account</label>
                <select class="field" name="bank_account_id">
                    <option value="">None</option>
                    @foreach($bankAccounts as $account)
                        <option value="{{ $account->id }}" @selected((int) $currentBankId === (int) $account->id)>{{ $account->name }}</option>
                    @endforeach
                </select>
                @error('bank_account_id') <div class="text-xs" style="color:#ef4444;margin-top:4px">{{ $message }}</div> @enderror
            </div>

            <div class="grid grid-2" style="gap:14px">
                <div>
                    <label class="label">Reference</label>
                    <input class="field" name="reference" value="{{ old('reference', $expense->reference) }}" maxlength="255" placeholder="optional">
                    @error('reference') <div class="text-xs" style="color:#ef4444;margin-top:4px">{{ $message }}</div> @enderror
                </div>
                <div>
                    <label class="label">Notes</label>
                    <input class="field" name="notes" value="{{ old('notes', $detail?->notes) }}" maxlength="1000" placeholder="optional">
                    @error('notes') <div class="text-xs" style="color:#ef4444;margin-top:4px">{{ $message }}</div> @enderror
                </div>
            </div>

            <div class="flex justify-end gap-2">
                <a href="{{ route('finance.expenses.category', $category) }}" class="btn">Cancel</a>
                <button class="btn btn-primary">Save Changes</button>
            </div>
        </div>
    </form>
@endsection