@extends('master.app')
@section('title', 'Edit Advance')

@section('body')
<main class="app-content">
    <section>
        <div class="card shadow-sm border-0">

            {{-- Header --}}
            <div class="card-header bg-white border-0 d-flex justify-content-between align-items-center">
                <div>
                    <h4 class="mb-0">Edit Advance</h4>
                    <small class="text-muted">
                        Employee: <strong>{{ $employee->name }}</strong> • ID: #{{ $employee->id }}
                    </small>
                </div>
                <div class="d-flex gap-2">
                    <a href="{{ route('employee_payment.index', $employee->id) }}" class="btn btn-sm btn-outline-dark">
                        <i class="fa fa-arrow-left"></i> Back
                    </a>
                    <a href="{{ route('employees.show', $employee->id) }}" class="btn btn-sm btn-outline-secondary">
                        <i class="fa fa-user"></i> Profile
                    </a>
                </div>
            </div>

            <div class="card-body">

                {{-- Validation Errors --}}
                @if ($errors->any())
                    <div class="alert alert-danger py-2">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $err)
                                <li>{{ $err }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form method="POST" action="{{ route('employee_payment.update', $payment->id) }}">
                    @csrf
                    @method('post') {{-- ✅ FIX --}}

                    <input type="hidden" name="employee_id" value="{{ $employee->id }}">

                    <div class="row g-3">

                        {{-- Title --}}
                        <div class="col-md-12">
                            <div class="form-outline">
                                <input type="text" id="title" name="title" required
                                       value="{{ old('title', $payment->title) }}"
                                       class="form-control @error('title') is-invalid @enderror"/>
                                <label class="form-label" for="title">Title <span class="text-danger">*</span></label>
                            </div>
                            @error('title') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                        </div>

                        {{-- Payment --}}
                        <div class="col-md-6">
                            <div class="form-outline">
                                <input type="number" step="0.01" id="payment" name="payment" required
                                       value="{{ old('payment', $payment->payment) }}"
                                       class="form-control @error('payment') is-invalid @enderror"/>
                                <label class="form-label" for="payment">Payment <span class="text-danger">*</span></label>
                            </div>
                            @error('payment') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                        </div>

                        {{-- Date --}}
                        <div class="col-md-6">
                            <label class="form-label fw-semibold mb-1">Date <span class="text-danger">*</span></label>
                            @if ($bdate == 1)
                                <input type="text" dir="rtl" name="date"
                                       value="{{ old('date', $payment->date) }}"
                                       class="form-control sample-date-picker @error('date') is-invalid @enderror"/>
                            @else
                                <input type="date" required name="date"
                                       value="{{ old('date', $payment->date) }}"
                                       class="form-control @error('date') is-invalid @enderror"/>
                            @endif
                            @error('date') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                        </div>

                        {{-- Cash Target --}}
                        <div class="col-md-12">
                            <label class="form-label fw-semibold mb-1">Cash Target</label>
                            <select name="cash_id" id="cash_id" class="form-control">
                                <option value="">Define Cash Target</option>
                                <option value="1" @selected(old('cash_id', $payment->c_target) == 1)>Target Cash YES</option>
                                <option value="2" @selected(old('cash_id', $payment->c_target ?? 2) == 2)>Target Cash NO</option>
                            </select>
                            <small class="text-muted">If YES, it will update CashJournal outgoing record.</small>
                        </div>

                        {{-- Details --}}
                        <div class="col-md-12">
                            <div class="form-outline">
                                <textarea id="details" name="details" rows="3" class="form-control">{{ old('details', $payment->details) }}</textarea>
                                <label class="form-label" for="details">Details</label>
                            </div>
                        </div>

                        {{-- Buttons --}}
                        <div class="col-12 d-flex gap-2">
                            <button type="submit" class="btn btn-primary btn-rounded">
                                <i class="fa fa-save me-1"></i> Update
                            </button>
                            <a href="{{ route('employee_payment.index', $employee->id) }}" class="btn btn-outline-secondary btn-rounded">
                                Cancel
                            </a>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </section>
</main>
@endsection

@section('pageJs')
<script type="text/javascript">
    $(".app-menu").removeClass("active");
    $("#nav_hri").addClass("active");
    $("#hri").addClass("is-expanded");
    $("#nav_emp_account").addClass("active");

    // prevent double submit
    $('form').submit(function() {
        $(this).find(':submit').attr('disabled', 'disabled');
        setTimeout(() => {
            $(this).find(':submit').attr('disabled', false);
        }, 1200);
    });
</script>
@endsection