@extends('master.app')
@section('title','Customer Return Bills')

@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">Customer Return Bills</h5>
            <a class="btn btn-primary btn-sm" href="{{ route('customer_return_bill.create') }}">
                <i class="fa fa-plus"></i> New Return
            </a>
        </div>

        <div class="card-body">
            <form method="GET" class="row g-2 mb-3">
                <div class="col-md-3">
                    <select name="customer_id" class="form-control">
                        <option value="all">All Customers</option>
                        @foreach($customers as $c)
                            <option value="{{ $c->id }}" {{ request('customer_id')==$c->id?'selected':'' }}>
                                {{ $c->name ?? ('Customer#'.$c->id) }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <select name="currency_id" class="form-control">
                        <option value="all">All Currency</option>
                        @foreach($currencies as $cur)
                            <option value="{{ $cur->id }}" {{ request('currency_id')==$cur->id?'selected':'' }}>
                                {{ $cur->title_en ?? $cur->title_ps ?? ('CUR#'.$cur->id) }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <input name="invoice_number" value="{{ request('invoice_number') }}" class="form-control" placeholder="Invoice #">
                </div>

                <div class="col-md-2">
                    <input name="title" value="{{ request('title') }}" class="form-control" placeholder="Title">
                </div>

                <div class="col-md-1">
                    <input type="date" name="fromDate" value="{{ request('fromDate') }}" class="form-control">
                </div>

                <div class="col-md-1">
                    <input type="date" name="toDate" value="{{ request('toDate') }}" class="form-control">
                </div>

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

            <div class="table-responsive">
                <table class="table table-bordered table-sm">
                    <thead class="bg-light">
                        <tr>
                            <th>#</th>
                            <th>Invoice</th>
                            <th>Title</th>
                            <th>Customer</th>
                            <th>Currency</th>
                            <th>Date</th>
                            <th class="text-end">Amount</th>
                            <th>Status</th>
                            <th width="180">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($bills as $row)
                        <tr>
                            <td>{{ $row->id }}</td>
                            <td>{{ $row->invoice_number }}</td>
                            <td>{{ $row->title }}</td>
                            <td>{{ $row->customer->name ?? '' }}</td>
                            <td>{{ $row->currency->title_en ?? $row->currency->title_ps ?? '' }}</td>
                            <td>{{ $row->invoice_date }}</td>
                            <td class="text-end">{{ number_format($row->amount ?? 0, 2) }}</td>
                            <td>
                                @if((int)$row->status===1)
                                    <span class="badge bg-success">Final</span>
                                @else
                                    <span class="badge bg-warning text-dark">Draft</span>
                                @endif
                            </td>
                            <td>
                                <a class="btn btn-info btn-sm" href="{{ route('customer_return_bill.show',$row->id) }}">View</a>
                                <a class="btn btn-primary btn-sm" href="{{ route('customer_return_bill.edit',$row->id) }}">Edit</a>
                                <a class="btn btn-danger btn-sm" onclick="return confirm('Delete?')"
                                   href="{{ route('customer_return_bill.delete',$row->id) }}">Delete</a>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="9" class="text-center text-muted">No records</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            {{-- {{ $bills->links() }} --}}
            {{ $bills->links('pagination::bootstrap-4') }}
        </div>
    </div>
</main>
@endsection