@extends('layouts.main')

@section('main-content')
    @php
        $filterUrl = Request::fullUrl();
        $clearFilterUrl = explode("?", $filterUrl)[0];
        $showFilter = $queryParams->filter(function ($value, $key){  return ($key === 'page') || !empty($value); })->isNotEmpty();
    @endphp
    <section class="main-content-section thin-section-border">
        <div class="row">
            <div class="col-12">

                <div class="card mt-0">
                    <div class="card-content collapse show">
                        <div class="row m-2">
                            <div class="col-md-6 col-sm-12">
                                <h5 id="filter_instruction" style="display: none;">Apply any or all of the filters below to streamline your search</h5>
                            </div>
                            <div class="col-md-6 col-sm-12 text-right">
                                <a href="{{ $clearFilterUrl }}" class="btn underline">Clear Filter</a>
                                <button class="btn btn-lg btn-primary float-right" id="toggle_filter_section" onclick="$('#filter-section, #filter_instruction').toggle('show');">Show/Hide Filter</button>
                            </div>
                        </div>
                        <div class="row m-2">
                            <div class="col-sm-12 m-auto">
                                <form id="filter-section" action="{{ $filterUrl }}" class="row pt-2" enctype="multipart/form-data">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-label mb-0 mt-2" for="paymentCode">Payment Code</label>
                                            <input type="text" class="form-control" name="payment_code" id="paymentCode" value="{{ old('payment_code', $queryParams->get('payment_code', null)) }}">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-label mb-0 mt-2" for="accountNumber">Account Number</label>
                                            <input type="text" class="form-control" name="account_number" id="accountNumber" value="{{ old('account_number', $queryParams->get('account_number', null)) }}">
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-label mb-0 mt-2" for="accountName">Account Name</label>
                                            <input type="text" class="form-control" name="account_name" id="accountName" value="{{ old('account_name', $queryParams->get('account_name', null)) }}">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-label mb-0 mt-2" for="transactionRef">Transaction Reference</label>
                                            <input type="text" class="form-control" name="transaction_reference" id="transactionRef" value="{{ old('transaction_reference', $queryParams->get('transaction_reference', null)) }}">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-label mb-0 mt-2" for="sessionId">Session ID</label>
                                            <input type="text" class="form-control" name="session_id" id="sessionId" value="{{ old('session_id', $queryParams->get('session_id', null)) }}">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-label mb-0 mt-2" for="filter_start_date">Date Created (from)</label>
                                            <input type="text" class="form-control pick-date from-date" name="creation_date_from" id="filter_start_date" value="{{ old('creation_date_from', $queryParams->get('creation_date_from')) }}"
                                                   placeholder="From Date" readonly>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-label mb-0 mt-2" for="filter_end_date">Date Created (till)</label>
                                            <input type="text" class="form-control pick-date to-date" name="creation_date_to" id="filter_end_date" value="{{ old('creation_date_to', $queryParams->get('creation_date_to')) }}"
                                                   placeholder="To Date" readonly>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group m-auto w-50">
                                            <label class="form-label"></label>
                                            <button class="btn btn-primary w-100 h-100"
                                                    onclick="BaseHelper.disableEmptyFormFieldsThenSubmit('#filter-section')">Filter</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="row">
                            <div class="card-body card-dashboard">
                                {{--<div class="row mb-2">--}}
                                    {{--<div class="col-md-6 offset-md-6">--}}
                                        {{--<div class="dt-buttons btn-group float-right">--}}
                                            {{--<a class="btn btn-outline-success" href="{{ count(explode("?", $filterUrl)) > 1 ? $filterUrl . '&download_report=yes' : $filterUrl .'?download_report=yes'}}" tabindex="0" aria-controls="example"><span class="icon ni ni-download"> </span>Download Report</a>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                <div class="mr-1 ml-1 p-1">
                                    {{ $wemaBankAccountNumbers->appends($queryParams->toArray())->links() }}
                                </div>
                                <table class="table table-bordered table-responsive report-table-res">
                                    <caption></caption>
                                    <thead class="thead-dark">
                                        <tr>
                                            <th scope="col">S/N</th>
                                            <th scope="col">Payment Code</th>
                                            <th scope="col">Account Number</th>
                                            <th scope="col">Account Name</th>
                                            <th scope="col">Amount Paid</th>
                                            <th scope="col">SessionID</th>
                                            <th scope="col">Created At</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($wemaBankAccountNumbers as $accountDetails)
                                            <tr>
                                                <td>{{ $previousRecordsCount + $loop->iteration }}</td>
                                                <td class="nk-tb-col">{{ $accountDetails->payment_code }}</td>
                                                <td class="nk-tb-col">{{ $accountDetails->account_number }}</td>
                                                <td class="nk-tb-col">{{ $accountDetails->account_name }}</td>
                                                <td class="nk-tb-col naira-prefix">{{ number_format($accountDetails->amount_paid, 2) }}</td>
                                                <td class="nk-tb-col">{{ $accountDetails->session_id }}</td>
                                                <td class="nk-tb-col">{{ $accountDetails->created_at }}</td>
                                            </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection


@section('more-scripts')
    <script>
        $(document).ready(function () {
            @if(!$showFilter)
            $('#filter-section').hide();
            @endif
        });
    </script>
    <script src="{{ asset('js/filter-datepicker-handler.js') }}"></script>
@stop