@extends('layouts.app')

@section('title', 'Collection Reports')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="page-header mb-0">Reports Management</h1>
</div>
<div class="panel panel-inverse border-0">
    <div class="panel-heading">Aging/Outstanding Details</div>
    <div class="panel-body">
        {{-- <form action="{{ route('report.collection') }}" method="GET" class="align-items-center mb-3">
            <div class="row">
                <div class="col-sm-6 col-md-3">
                    <label class="form-label" for="payment_type">Payment Type</label>
                    <select name="payment_type" id="payment_type" class="form-select mb-3">
                        <option value="">- Select payment type -</option>
                        <option value="Online" @selected(request()->get('payment_type') == 'Online')>Online</option>
                        <option value="Transfer" @selected(request()->get('payment_type') == 'Transfer')>Transfer</option>
                        <option value="Cash" @selected(request()->get('payment_type') == 'Cash')>Cash</option>
                        <option value="Cheque" @selected(request()->get('payment_type') == 'Cheque')>Cheque</option>
                        <option value="TT" @selected(request()->get('payment_type') == 'TT')>TT</option>
                    </select>
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label" for="payment_for">Payment For</label>
                    <select name="payment_for" id="payment_for" class="form-select mb-3">
                        <option value="" @selected(request()->get('payment_for') == '')>- Select payment for -</option>
                        <option value="SEASON" @selected(request()->get('payment_for') == 'SEASON')>Season</option>
                        {{-- <option value="" @selected(request()->get('payment_for') == '')>Nil</option>
                    </select>
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label" for="date_from">Date From</label>
                    <input type="date" class="form-control mb-3" id="date_from" name="date_from" value="{{ request()->get('date_from') == '' ?  now()->startOfYear()->format('Y-m-d') : request()->get('date_from') }}" placeholder="Date From">
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label" for="date_to">Date To</label>
                    <input type="date" class="form-control mb-3" id="date_to" name="date_to" value="{{ now()->format('Y-m-d') }}" placeholder="Date To">
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label" for="site_name">Site</label>
                    <select name="site_name" id="site_name" class="form-select mb-3">
                        <option value="">- Select site -</option>
                        @foreach ($sites as $site)
                            <option value="{{ $site->site_id }}" @selected(request()->get('site_name') == $site->site_id)>{{ $site->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label" for="reference_no">Reference No</label>
                    <input type="text" class="form-control mb-3" id="reference_no" name="reference_no" value="{{ request()->get('reference_no') }}" placeholder="Reference No.">
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label" for="card_no">Card No</label>
                    <input type="text" class="form-control mb-3" id="card_no" name="card_no" value="{{ request()->get('card_no') }}" placeholder="Card No.">
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label" for="search_by">Status</label>
                    <select name="status" id="status" class="form-select mb3">
                        <option value="">- Select status -</option>
                        <option value="1" @selected(request()->get('status') == 1 )>Success</option>
                        <option value="2" @selected(request()->get('status') == 2 )>Fail</option>
                        <option value="3" @selected(request()->get('status') == 3 )>Pending</option>
                        {{-- <option value="0" @selected(request()->get('status') == 0 )>Nil</option>
                    </select>
                </div>

                <div class="col-sm-6 col-md-3">
                    <button type="submit" class="btn btn-primary">Filter</button>
                    <a href="{{ route('report.collection') }}" class="btn btn-white">Reset</a>
                </div>
            </div>
        </form> --}}
        <div class="table-responsive mb-3">
            <table class="table table-hover border text-nowrap align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>No.</th>
                        <th>Account No.</th>
                        <th>Card No.</th>
                        <th>Sites</th>
                        <th>Name</th>
                        <th>Amount</th>
                        <th>&nbsp;</th>
                    </tr>
                </thead>
                <tbody class="table-group-divider">
                    @forelse ($customers as $index => $item)
                        <tr>
                            <td>{{ $customers->firstItem() + $index }}</td>
                            <td>{{ $item->account_no ?? '--'}}</td>
                            <td>{{ $item->card_no ?? '--'}}</td>
                            <td>{{ $item->sites ?? '--'}}</td>
                            <td class="text-uppercase">{{ $item->name ?? '--'}}</td>
                            <td>{{ $item->jumlah ?? '--'}}</td>
                            {{-- <td class="text-end">
                                <a href="{{ route('payment.show', $item->id) }}" class="btn btn-sm btn-white me-1"><i class="fa-solid fa-eye fa-fw"></i></a>
                            </td> --}}
                        </tr>
                    @empty
                        <tr>
                            <td class="text-center" colspan="10">- Tiada rekod dijumpai -</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        {{  $customers->withQueryString()->links() }}
    </div>
</div>
@endsection