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

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

            <div class="table-responsive">
                <table class="table table-bordered table-sm">
                    <thead class="bg-light">
                        <tr>
                            <th>#</th><th>Cat</th><th>Sub</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>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($bill_items as $i=>$it)
                        <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->reason_type }}</td>
                            <td>{{ (int)$it->to_stock===1?'YES':'NO' }}</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">{{ number_format($it->total,2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

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