@extends('backend.layouts.app')
@section('content')
    <div class="container">
        <div class="card">
            <div class="card-body">
                <h3>Edit Invoice - {{ $invoice->invoice_no }}</h3>
                <form action="{{ route('invoice.update', $invoice->id) }}" method="POST" id="ajax_form_data">
                    @csrf
                    @if ($invoice->member)
                        <div class="mb-3">
                            <label class="form-label">Member</label>
                            <input type="text" class="form-control" value="{{ $invoice->member?->full_name ?? 'N/A' }}"
                                disabled>
                        </div>
                    @else
                        <div class="mb-3">
                            <label class="form-label">Organizer</label>
                            <input type="text" class="form-control" value="{{ $invoice->organizer?->name ?? 'N/A' }}"
                                disabled>
                        </div>
                    @endif

                    <div class="mb-3">
                        <label for="invoice_date" class="form-label">Invoice Date</label>
                        <input type="date" name="invoice_date" id="invoice_date" class="form-control"
                            value="{{ old('invoice_date', $invoice->invoice_date?->format('Y-m-d')) }}">
                        @error('invoice_date')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="last_due_date" class="form-label">Due Date</label>
                        <input type="date" name="last_due_date" id="last_due_date" class="form-control"
                            value="{{ old('last_due_date', $invoice->last_due_date?->format('Y-m-d')) }}">
                        @error('last_due_date')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="amount" class="form-label">Amount</label>
                        <input type="number" step="0.01" name="amount" id="amount" class="form-control"
                            value="{{ old('amount', $invoice->amount) }}">
                        @error('amount')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    {{--  <div class="mb-3">
                        <label for="payment_status" class="form-label">Payment Status</label>
                        <select name="payment_status" id="payment_status" class="form-select">
                            <option value="unpaid"
                                {{ old('payment_status', $invoice->payment_status) == 'unpaid' ? 'selected' : '' }}>Unpaid
                            </option>
                            <option value="paid"
                                {{ old('payment_status', $invoice->payment_status) == 'paid' ? 'selected' : '' }}>Paid
                            </option>
                        </select>
                        @error('payment_status')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div> --}}

                    <div class="mb-3">
                        <label for="bill_period_start" class="form-label">Billing Period Start</label>
                        <input type="date" name="bill_period_start" id="bill_period_start" class="form-control"
                            value="{{ old('bill_period_start', $invoice->bill_period_start?->format('Y-m-d')) }}">
                        @error('bill_period_start')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="bill_period_end" class="form-label">Billing Period End</label>
                        <input type="date" name="bill_period_end" id="bill_period_end" class="form-control"
                            value="{{ old('bill_period_end', $invoice->bill_period_end?->format('Y-m-d')) }}">
                        @error('bill_period_end')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="remark" class="form-label">Remark</label>
                        <textarea name="remark" id="remark" rows="3" class="form-control">{{ old('remark', $invoice->remark) }}</textarea>
                        @error('remark')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <button type="submit" class="btn btn-primary">Update Invoice</button>
                    <a href="{{ route('invoice') }}" class="btn btn-secondary">Cancel</a>
                </form>
            </div>
        </div>
    </div>
@endsection