@extends('admin.layouts.app')

@section('title', 'Edit Invoice')

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-lg-12">

            <div class="card border-0 shadow-lg rounded-4">

                <div class="card-header bg-dark text-white">
                    <h4 class="mb-0">
                        <i class="ri-edit-line me-1"></i> Edit Invoice
                    </h4>
                </div>

                <div class="card-body p-4">

                    <form action="{{ route('admin.invoices.update', $invoice->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        {{-- SECTION 1: BASIC --}}
                        <h6 class="text-uppercase text-muted fw-bold fs-12 mb-3">Basic Information</h6>

                        <div class="row g-3 mb-4">

                            {{-- Customer --}}
                            <div class="col-md-12">
                                <label class="form-label fw-semibold">Select Customer</label>
                                <select name="customer_id" class="form-select">
                                    <option value="">-- Select Customer --</option>
                                    @foreach ($customers as $c)
                                        <option value="{{ $c->id }}"
                                            {{ $invoice->customer_id == $c->id ? 'selected' : '' }}>
                                            {{ $c->brauser_name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- Bank --}}
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Select Bank</label>
                                <select name="customer_bank_id" id="bank_select" class="form-select">
                                    <option value="">-- Select Bank --</option>
                                    @foreach ($banks as $b)
                                        <option value="{{ $b->id }}"
                                            {{ $invoice->customer_bank_id == $b->id ? 'selected' : '' }}>
                                            {{ $b->bank }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- Branch --}}
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Select Branch</label>
                                <select name="customer_branch_id" id="branch_select" class="form-select">
                                    @foreach ($branches as $br)
                                        <option value="{{ $br->id }}"
                                            {{ $invoice->customer_branch_id == $br->id ? 'selected' : '' }}>
                                            {{ $br->branch_address }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- Invoice No --}}
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Invoice No</label>
                                <input type="text" name="invoice_no" value="{{ $invoice->invoice_no }}" class="form-control" readonly>
                            </div>

                            {{-- Invoice Date --}}
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Invoice Date</label>
                                <input type="date" name="invoice_date" value="{{ $invoice->invoice_date }}" class="form-control">
                            </div>

                        </div>

                        <hr class="my-4">

                        {{-- SECTION 2: ITEMS --}}
                        <h6 class="text-uppercase text-muted fw-bold fs-12 mb-3">Item Details</h6>

                        <div class="row g-3 mb-4">

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Quantity</label>
                                <input type="number" step="0.01" name="item_quantity"
                                       id="item_quantity" value="{{ $invoice->item_quantity }}" class="form-control">
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Rate</label>
                                <input type="number" step="0.01" name="item_rate"
                                       id="item_rate" value="{{ $invoice->item_rate }}" class="form-control">
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Item Total</label>
                                <input type="number" step="0.01" name="item_total"
                                       id="item_total" value="{{ $invoice->item_total }}" class="form-control" readonly>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Per Qty Price</label>
                                <input type="number" step="0.01" id="per_qty_price"
                                       value="{{ $invoice->per_qty_price }}" class="form-control" readonly>
                            </div>

                        </div>


                        {{-- SECTION 3: EXTRA CHARGES --}}
                        <h6 class="text-uppercase text-muted fw-bold fs-12 mb-3">Extra Charges</h6>

                        <div class="card bg-light-subtle mb-3">
                            <div class="card-body">

                                <div class="row g-2" id="extraChargesContainer">
                                    @php
                                        $extras = json_decode($invoice->extra_charges, true) ?? [];
                                    @endphp

                                    @foreach ($extras as $ex)
                                    <div class="col-12 extra-row">
                                        <div class="row g-2">
                                            <div class="col-md-6">
                                                <input type="text" name="extra_charges_descriptions[]" class="form-control"
                                                       value="{{ $ex['description'] }}">
                                            </div>

                                            <div class="col-md-4">
                                                <input type="number" name="extra_charges_amounts[]" class="form-control extra-charge-amount"
                                                       step="0.01" value="{{ $ex['amount'] }}">
                                            </div>

                                            <div class="col-md-2 text-end">
                                                <button type="button" class="btn btn-danger btn-sm remove-extra">×</button>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>

                                <button type="button" class="btn btn-outline-secondary btn-sm mt-2" id="addExtraChargeBtn">
                                    + Add Extra Charge
                                </button>

                            </div>
                        </div>


                        {{-- SECTION 4: PAYMENT DETAILS --}}
                        <h6 class="text-uppercase text-muted fw-bold fs-12 mb-3">Payment Details</h6>

                        <div class="row g-3 mb-4">

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Total Amount</label>
                                <input type="number" step="0.01" name="total_amount"
                                       id="total_amount_input" value="{{ $invoice->total_amount }}" class="form-control">
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Round Off</label>
                                <input type="number" step="0.01" name="round_off"
                                       id="round_off_input" value="{{ $invoice->round_off }}" class="form-control">
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Unit</label>
                                <input type="number" step="0.01" name="unit"
                                       value="{{ $invoice->unit }}" class="form-control">
                            </div>

                            <div class="col-md-12">
                                <label class="form-label fw-semibold">Amount in Words</label>
                                <input type="text" name="amount_in_words" value="{{ $invoice->amount_in_words }}" class="form-control">
                            </div>

                        </div>

                        {{-- UDAYAM, BANK, IFSC --}}
                        <div class="row g-3 mb-4">

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Udayam Number</label>
                                <input type="text" name="company_pan" value="{{ $invoice->company_pan }}" class="form-control">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Bank Name</label>
                                <input type="text" name="bank" value="{{ $invoice->bank }}" class="form-control">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Account Number</label>
                                <input type="text" name="bank_account_no" value="{{ $invoice->bank_account_no }}" class="form-control">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">IFSC Code</label>
                                <input type="text" name="ifsc_code" value="{{ $invoice->ifsc_code }}" class="form-control">
                            </div>

                        </div>

                        <div class="d-flex justify-content-end gap-2 mt-3">
                            <button class="btn btn-primary px-4">
                                <i class="ri-save-line me-1"></i> Update
                            </button>

                            <a href="{{ route('admin.invoices.index') }}" class="btn btn-light px-4">Cancel</a>
                        </div>

                    </form>

                </div>

            </div>

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