@extends('layout.app')
@section('title', 'Bills')
@section('page-title', 'Manage Bills')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card mb-4">
                <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                    <h6 class="mb-0">Bills Details</h6>
                    <a class="btn btn-primary" href="{{ route('bills.create') }}">Add New Bill</a>
                </div>
                <div class="card-body px-0 pt-0 pb-2">
                    <div class="table-responsive p-0">
                        <form method="GET" action="{{ request()->url() }}" id="searchForm">
                            <table class="table align-items-center mb-0 text-center">
                                <thead>
                                    <tr>
                                        <th>Sr#</th>
                                        <th>Bill No.</th>
                                        <th>Shopkeeper</th>
                                        <th>Shop</th>
                                        <th>Date/Time</th>
                                        <th>Total</th>
                                        <th>Operations</th>
                                    </tr>
                                    <tr>
                                        <th></th>
                                        <th>
                                            <input type="search" name="bill_number" value="{{ request('bill_number') }}"
                                                class="form-control form-control-sm" placeholder="">
                                        </th>
                                        <th>
                                            <input type="search" name="shopkeeper" value="{{ request('shopkeeper') }}"
                                                class="form-control form-control-sm" placeholder="">
                                        </th>
                                        <th>
                                            <input type="search" name="shop" value="{{ request('shop') }}"
                                                class="form-control form-control-sm" placeholder="">
                                        </th>
                                        <th>
                                            <input type="search" name="date_time" value="{{ request('date_time') }}"
                                                class="form-control form-control-sm" placeholder="">
                                        </th>
                                        <th>
                                            <input type="search" name="total_amount" value="{{ request('total_amount') }}"
                                                class="form-control form-control-sm" placeholder="">
                                        </th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($bills as $bill)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $bill->bill_number ?? 'N/A' }}</td>
                                            <td>{{ $bill->shopkeeper->name ?? 'N/A' }}</td>
                                            <td>{{ $bill->shop_name_snapshot ?? 'N/A' }}</td>
                                            <td>{{ $bill->date_time ?? 'N/A' }}</td>
                                            <td>{{ $bill->total_amount ?? 'N/A' }}</td>
                                            <td>
                                                <a href="{{ route('bills.show', $bill->id) }}"
                                                    class="btn p-0 border-0 bg-transparent text-info me-3" title="View">
                                                    <i class="bi bi-eye fs-5"></i>
                                                </a>
                                                <a href="{{ route('bills.print', $bill->id) }}" target="_blank"
                                                    class="btn p-0 border-0 bg-transparent text-success me-3"
                                                    title="Print">
                                                    <i class="bi bi-printer fs-5"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="7" class="text-center">No Bills found.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </form>
                    </div>
                </div>
                <div class="card-footer px-3 py-2 d-flex justify-content-end">
                    <div class="d-flex justify-content-end">
                        {!! $bills->appends(request()->query())->links('pagination::bootstrap-4') !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection