@extends('admin.layout.app')

@section('body')
    <div class="card card-page p-4">
        {{-- Header --}}
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <h4 class="mb-0">Edit Payment #{{ $payment->id }}</h4>
                <small class="text-muted">
                    {{ $payment->laborer->name ?? '—' }}
                    @if ($payment->paid_at)
                        • {{ $payment->paid_at->toDateString() }}
                    @endif
                </small>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('payments.show', $payment) }}" class="btn btn-outline-secondary">View</a>
                <a href="{{ route('payments.index') }}" class="btn btn-outline-primary">Back</a>
            </div>
        </div>

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

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

        {{-- Edit Form --}}
        <form action="{{ route('payments.update', $payment) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="row g-3">
                {{-- Laborer --}}
                <div class="col-md-6">
                    <div class="form-outline">
                        <select name="laborer_id" class="form-control" required>
                            <option value="">Select Laborer</option>
                            @foreach ($laborers as $l)
                                <option value="{{ $l->id }}"
                                    {{ (string) old('laborer_id', $payment->laborer_id) === (string) $l->id ? 'selected' : '' }}>
                                    {{ $l->name }}
                                </option>
                            @endforeach
                        </select>
                        <label class="form-label">Laborer</label>
                    </div>
                </div>

                {{-- Amount --}}
                <div class="col-md-6">
                    <div class="form-outline">
                        <input name="amount" type="number" step="0.01" class="form-control"
                            value="{{ old('amount', $payment->amount) }}" required />
                        <label class="form-label">Amount</label>
                    </div>
                </div>

                {{-- Method --}}
                <div class="col-md-6">
                    <div class="form-outline">
                        <input name="method" class="form-control" value="{{ old('method', $payment->method) }}" />
                        <label class="form-label">Method</label>
                    </div>
                </div>

                {{-- Paid At --}}
                <div class="col-md-6">
                    <div class="form-outline">
                        <input name="paid_at" type="date" class="form-control"
                            value="{{ old('paid_at', optional($payment->paid_at)->toDateString()) }}" />
                        <label class="form-label">Paid At</label>
                    </div>
                </div>

                {{-- Notes --}}
                <div class="col-12">
                    <div class="form-outline">
                        <textarea name="notes" class="form-control" rows="3">{{ old('notes', $payment->notes) }}</textarea>
                        <label class="form-label">Notes</label>
                    </div>
                </div>
            </div>

            <div class="mt-4 d-flex align-items-center gap-2">
                <button class="btn btn-primary">
                    <i class="fas fa-save me-2"></i> Update
                </button>
                <a href="{{ route('payments.index') }}" class="btn btn-outline-secondary">Cancel</a>


            </div>
        </form>
    </div>
@endsection