@extends('master.app')
@section('title','Return Bill Items')

@section('body')
<main class="app-content">
    <div class="card mb-3">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <h5 class="mb-0">Return Bill: {{ $bill->invoice_number }}</h5>
                <small class="text-muted">
                    Customer: {{ $bill->customer->name ?? '' }} |
                    Currency: {{ $bill->currency->title_en ?? $bill->currency->title_ps ?? '' }}
                </small>
            </div>
            <a class="btn btn-sm btn-dark" href="{{ route('customer_return_bill.index') }}">Back</a>
        </div>

        <div class="card-body">
            @include('general.valert')

            {{-- Add item --}}
            <form action="{{ route('customer_return_bill.item_store') }}" method="POST" class="row g-2 align-items-end">
                @csrf
                <input type="hidden" name="bill_id" value="{{ $bill->id }}">
                <input type="hidden" name="customer_id" value="{{ $bill->customer_id }}">
                <input type="hidden" name="date" value="{{ $bill->invoice_date }}">

                <div class="col-md-2">
                    <label class="form-label">Category</label>
                    <select name="cat_id" class="form-control" required>
                        <option value="">Select</option>
                        @foreach($categories as $c)
                            <option value="{{ $c->id }}">{{ $c->title_ps ?? $c->title_en ?? $c->id }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Sub Category</label>
                    <select name="sub_cat_id" class="form-control" required>
                        <option value="">Select</option>
                        @foreach($scategories as $sc)
                            <option value="{{ $sc->id }}">{{ $sc->title_ps ?? $sc->title_en ?? $sc->id }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-1">
                    <label class="form-label">Unit</label>
                    <select name="unit_id" class="form-control" required>
                        <option value="">Select</option>
                        @foreach($units as $u)
                            <option value="{{ $u->id }}">{{ $u->title_ps ?? $u->title_en ?? $u->id }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-1">
                    <label class="form-label">Weight</label>
                    <select name="weight_id" class="form-control" required>
                        <option value="">Select</option>
                        @foreach($weights as $w)
                            <option value="{{ $w->id }}">{{ $w->title_ps ?? $w->title_en ?? $w->id }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-1">
                    <label class="form-label">Qty</label>
                    <input name="qty" class="form-control" required>
                </div>

                <div class="col-md-1">
                    <label class="form-label">Return Price</label>
                    <input name="return_price" class="form-control" required>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Return Type</label>
                    <select name="reason_type" class="form-control">
                        <option value="quantity">Quantity (Normal)</option>
                        <option value="quality">Quality Issue</option>
                        <option value="damage">Damaged</option>
                        <option value="expiry">Expired</option>
                        <option value="other">Other</option>
                    </select>
                </div>

                <div class="col-md-1">
                    <label class="form-label">To Stock?</label>
                    <select name="to_stock" class="form-control" required>
                        <option value="1">Yes</option>
                        <option value="0">No</option>
                    </select>
                </div>

                <div class="col-md-1">
                    <label class="form-label">Note</label>
                    <input name="note" class="form-control" placeholder="...">
                </div>

                <div class="col-md-1 d-grid">
                    <button class="btn btn-primary">Add</button>
                </div>
            </form>

            <hr>

            {{-- Items table --}}
            <div class="table-responsive">
                <table class="table table-bordered table-sm" id="itemsTbl">
                    <thead class="bg-light">
                        <tr>
                            <th>#</th>
                            <th>Cat</th>
                            <th>Sub</th>
                            <th>Unit</th>
                            <th>Weight</th>
                            <th>Type</th>
                            <th>To Stock</th>
                            <th class="text-end">Price</th>
                            <th class="text-end">Qty</th>
                            <th class="text-end">Total</th>
                            <th width="90">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php($sum = 0)
                        @foreach($bill_items as $i => $it)
                            @php($sum += (float)$it->total)
                            <tr>
                                <td>{{ $i+1 }}</td>
                                <td>{{ $it->category->title_ps ?? $it->cat_id }}</td>
                                <td>{{ $it->sub_category->title_ps ?? $it->sub_cat_id }}</td>
                                <td>{{ $it->unit->title_ps ?? $it->unit_id }}</td>
                                <td>{{ $it->weight->title_ps ?? $it->weight_id }}</td>
                                <td>{{ $it->reason_type }}</td>
                                <td>
                                    @if((int)$it->to_stock===1)
                                        <span class="badge bg-success">YES</span>
                                    @else
                                        <span class="badge bg-danger">NO</span>
                                    @endif
                                </td>
                                <td class="text-end">{{ number_format($it->price,2) }}</td>
                                <td class="text-end">{{ number_format($it->qty,2) }}</td>
                                <td class="text-end itemTotal">{{ number_format($it->total,2) }}</td>
                                <td>
                                    <a class="btn btn-danger btn-sm"
                                       onclick="return confirm('Delete item?')"
                                       href="{{ route('customer_return_bill.item_delete',$it->id) }}">Del</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <th colspan="9" class="text-end">Grand Total</th>
                            <th class="text-end" id="grandTotal">{{ number_format($sum,2) }}</th>
                            <th></th>
                        </tr>
                    </tfoot>
                </table>
            </div>

            {{-- Finalize --}}
            <form action="{{ route('customer_return_bill.next_store') }}" method="POST" class="row g-2 mt-3">
                @csrf
                <input type="hidden" name="bill_id" value="{{ $bill->id }}">
                <input type="hidden" name="grand_total" id="grand_total_input" value="{{ $sum }}">

                <div class="col-md-4">
                    <label class="form-label">Return By</label>
                    <input name="return_by" class="form-control" placeholder="اسم / Driver / Receiver">
                </div>

                <div class="col-md-4">
                    <label class="form-label">Process</label>
                    <select name="transaction_id" class="form-control" required>
                        <option value="1">Refund Cash/Bank</option>
                        <option value="2">Adjust Against Next Invoice</option>
                        <option value="3">Ledger Only</option>
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Cash Target</label>
                    <select name="cash_id" class="form-control" required>
                        <option value="1">Cash</option>
                        <option value="2">Bank</option>
                    </select>
                </div>

                <div class="col-md-2 d-grid">
                    <label class="form-label">&nbsp;</label>
                    <button class="btn btn-success">Finalize</button>
                </div>
            </form>

        </div>
    </div>
</main>

<script>
(function(){
    // keep grand_total synced (server already computed, but just in case)
    var g = document.getElementById('grandTotal');
    var inp = document.getElementById('grand_total_input');
    if (g && inp) {
        var raw = g.innerText.replace(/,/g,'');
        inp.value = raw;
    }
})();
</script>
@endsection