@extends('layout.app')
@section('title', 'Bill Details')
@section('page-title', 'Bill #' . $bill->bill_number)
@section('content')
    <div class="row">
        <div class="col-12">
            <!-- Bill Header Card -->
            <div class="card mb-4">
                <div class="card-header pb-3 pt-3 d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="mb-1">Bill #{{ $bill->bill_number }}</h6>
                        <small class="text-muted">{{ $bill->date_time }}</small>
                    </div>
                    <div class="text-end">
                        <a type="button" class="btn btn-sm btn-outline-secondary me-2"
                            href="{{ route('bills.print', $bill->id) }}">
                            <i class="bi bi-printer"></i> Print
                        </a>
                        <a href="{{ route('bills.index') }}" class="btn btn-sm btn-outline-secondary">
                            <i class="bi bi-arrow-left"></i> Back
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <h6 class="mb-2 text-muted">Shopkeeper Information</h6>
                            <p class="mb-1"><strong>{{ $bill->Shopkeeper->name ?? 'N/A' }}</strong></p>
                            <p class="mb-0"><small class="text-muted">{{ $bill->shop_name_snapshot ?? 'N/A' }}</small></p>
                        </div>
                        <div class="col-md-6 text-end">
                            <h6 class="mb-2 text-muted">Bill Summary</h6>
                            <p class="mb-1">Total Items: <strong>{{ $bill->BillItems->count() }}</strong></p>
                            <p class="mb-0">Total Amount: <strong class="text-primary fs-5">Rs.
                                    {{ number_format($bill->total_amount, 2) }}</strong></p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Items Card -->
            <div class="card">
                <div class="card-header pb-3 pt-3">
                    <h6 class="mb-0">Items</h6>
                </div>
                <div class="card-body px-0 pt-0 pb-2">
                    <div class="table-responsive p-0">
                        <table class="table align-items-center mb-0 text-center">
                            <thead>
                                <tr>
                                    <th>Sr#</th>
                                    <th>Item Code</th>
                                    <th>Item Name</th>
                                    <th>Description</th>
                                    <th>Location</th>
                                    <th>Unit</th>
                                    <th>Per Carton</th>
                                    <th>Qty Pieces</th>
                                    <th>Qty Cartons</th>
                                    <th>Total Qty</th>
                                    <th>Price/Unit</th>
                                    <th>Total Price</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($bill->BillItems as $item)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{ $item->Item->item_code ?? 'N/A' }}</td>
                                        <td>{{ $item->Item->name ?? 'N/A' }}</td>
                                        <td>{{ $item->Item->description ?? 'N/A' }}</td>
                                        <td>{{ $item->Item->location ?? 'N/A' }}</td>
                                        <td>{{ $item->Item->unit->name ?? 'N/A' }}</td>
                                        <td>{{ $item->pieces_per_carton ?? 0 }}</td>
                                        <td>{{ $item->quantity_pieces ?? 0 }}</td>
                                        <td>{{ $item->quantity_cartons ?? 0 }}</td>
                                        <td>{{ number_format($item->quantity_total, 2) }}</td>
                                        <td>Rs. {{ number_format($item->price_at_sale, 2) }}</td>
                                        <td>Rs. {{ number_format($item->price_total, 2) }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="12" class="text-center">No items found in this bill</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- Summary Card -->
            <div class="card mt-4">
                <div class="card-body">
                    <div class="row justify-content-end">
                        <div class="col-md-5">
                            <div class="d-flex justify-content-between mb-2">
                                <span>Total Cartons:</span>
                                <strong>{{ $bill->BillItems->sum('quantity_cartons') }}</strong>
                            </div>
                            <div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
                                <span>Total Quantity:</span>
                                <strong>{{ number_format($bill->BillItems->sum(function ($item) {return $item->quantity_pieces + $item->quantity_cartons * $item->pieces_per_carton;}),2) }}</strong>
                            </div>
                            <div class="d-flex justify-content-between mb-2 pb-2">
                                <span>Net Amount:</span>
                                <strong>Rs. {{ number_format($bill->net_amount, 2) }}</strong>
                            </div>
                            @if ($bill->discount_percent > 0)
                                <div class="d-flex justify-content-between mb-2">
                                    <span>Discount ({{ $bill->discount_percent }}%):</span>
                                    <strong>- Rs. {{ number_format($bill->discount_amount, 2) }}</strong>
                                </div>
                            @elseif($bill->discount_amount > 0)
                                <div class="d-flex justify-content-between mb-2">
                                    <span>Discount Amount:</span>
                                    <strong>- Rs. {{ number_format($bill->discount_amount, 2) }}</strong>
                                </div>
                            @endif
                            <div class="d-flex justify-content-between mb-2">
                                <span>Cash Received:</span>
                                <strong>- Rs. {{ number_format($bill->cash_received, 2) }}</strong>
                            </div>
                            @if ($bill->prev_balance > 0)
                                <div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
                                    <span>Previous Balance:</span>
                                    <strong>+ Rs. {{ number_format($bill->prev_balance, 2) }}</strong>
                                </div>
                            @else
                                <hr class="my-2">
                            @endif
                            <div class="d-flex justify-content-between">
                                <span class="fs-5">Total Amount (Due):</span>
                                <strong class="fs-5 text-primary">Rs. {{ number_format($bill->total_amount, 2) }}</strong>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection