@extends('layouts.app')

@section('title', 'Edit Advance')
@section('heading', 'Edit Salary Advance')

@section('content')
@include('finance.top-submenu')
    <x-card class="max-w-xl">
        <form action="{{ route('pre-payments.update', $prePayment) }}" method="post" class="space-y-4">
            @csrf
            @method('PUT')
            @if($prePayment->isInstallmentPlan())
                <div class="rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900">
                    Part of a {{ $prePayment->installment_count }}-month plan
                    ({{ $prePayment->installmentLabel() }}) for
                    {{ number_format((float) $prePayment->total_amount, 2) }}
                    given on {{ $prePayment->advance_date?->format('d M Y') }}.
                    Editing only this installment's amount or deduction month.
                </div>
            @endif
            <div>
                <label class="block text-sm font-medium text-slate-700">Employee</label>
                <select name="user_id" required class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm js-select2 js-select2-search">
                    @foreach($employees as $employee)
                        <option value="{{ $employee->id }}" {{ (int) old('user_id', $prePayment->user_id) === (int) $employee->id ? 'selected' : '' }}>{{ $employee->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
                <div>
                    <label class="block text-sm font-medium text-slate-700">Amount</label>
                    <input type="number" step="0.01" min="0.01" name="amount" value="{{ old('amount', $prePayment->amount) }}" required class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700">Month</label>
                    <select name="month" required class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm js-select2">
                        @for($m = 1; $m <= 12; $m++)
                            <option value="{{ $m }}" {{ (int) old('month', $prePayment->month) === $m ? 'selected' : '' }}>{{ date('F', mktime(0, 0, 0, $m, 1)) }}</option>
                        @endfor
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700">Year</label>
                    <input type="number" name="year" value="{{ old('year', $prePayment->year) }}" required class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                </div>
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700">Notes</label>
                <textarea name="notes" rows="2" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">{{ old('notes', $prePayment->notes) }}</textarea>
            </div>
            <div class="flex gap-2">
                <button type="submit" class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white">Update</button>
                <a href="{{ route('pre-payments.index') }}" class="rounded-lg bg-slate-100 px-4 py-2 text-sm font-medium text-slate-700">Cancel</a>
            </div>
        </form>
    </x-card>
@endsection