@extends('layouts.app')
@section('include_css')
    <style>
        .dates {
            height: 35px;
        }
    </style>
@endsection
@section('content')
    <input type="hidden" name="page" id="page" value="{{ $page ?? '' }}">
    <div class="dashboard-wrapper">
        <div class="top-bar clearfix">
            <div class="row gutter">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="page-title">
                        <h4><i>{{ $customer_name }}</i> Previous Payments</h4>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">

                </div>
            </div>
        </div>
        <div class="main-container">
            <div class="row gutter">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="card-body">
                            <form action="{{ route('payments.old', $customer_id) }}" method="GET">
                                <div class="row gutter">
                                    <div class="col-md-3">
                                        <label>Reference No</label>
                                        <input type="text" name="filter_payment_ref_no" class="form-control" id="filter_payment_ref_no_input"
                                            value="{{ request('filter_payment_ref_no') }}">
                                    </div>
                                    <div class="col-md-3">
                                        <label>Remarks</label>
                                        <input type="text" name="filter_remarks" class="form-control" id="filter_remarks_input"
                                            value="{{ request('filter_remarks') }}">
                                    </div>
                                    <div class="col-md-3">
                                        <label>Payment Date</label>
                                        <input type="date" name="filter_payment_date" class="form-control" id="filter_payment_date_input"
                                            value="{{ request('filter_payment_date') }}">
                                    </div>
                                    <div class="col-md-3">
                                        <label>Payment Amount</label>
                                        <input type="number" name="filter_payment_amount" step="0.01" class="form-control"
                                            id="filter_payment_amount_input" value="{{ request('filter_payment_amount') }}">
                                    </div>
                                </div>
                                <div class="row gutter mt-3">
                                    <div class="col-md-3">
                                        <label>Payment Method</label>
                                        <select class="form-control" name="filter_payment_method" id="filter_payment_method_input">
                                            <option value="">Select Type</option>
                                            <option value="cash"
                                                {{ request('filter_payment_method') == 'cash' ? 'selected' : '' }}>Cash
                                            </option>
                                            <option value="cheque"
                                                {{ request('filter_payment_method') == 'cheque' ? 'selected' : '' }}>Cheque
                                            </option>
                                            <option value="credit"
                                                {{ request('filter_payment_method') == 'credit' ? 'selected' : '' }}>Over
                                                payments</option>
                                        </select>
                                    </div>
                                    <div class="col-md-3">
                                        <label for="rep">Representative</label> <br>
                                        <select name="filter_rep" id="rep" class="form-control select2 select3 w-100">
                                            <option value="">Select Rep</option>
                                            @foreach ($roles as $role)
                                            <option value="{{ $role->id }}"
                                                @if (request('filter_rep')==$role->id) selected @endif>
                                                {{ $role->username }} - {{ $role->fname }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group mt-3">
                                            <button type="submit"
                                                class="btn btn-gradient-primary waves-effect waves-light float-left"
                                                >Submit</button>
                                            <a href="{{ route('payments.old', $customer_id) }}"
                                            class="btn btn-gradient-primary waves-effect waves-light mb-3 ml-2">Reset</a>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table id="payment_list_table" class="table table-striped table-bordered no-margin" cellspacing="0"
                            width="100%">
                            <thead>
                                <tr>
                                    <th>Payment Code</th>
                                    <th>Invoice Code</th>
                                    <th>Date</th>
                                    <th>Method</th>
                                    <th>Effective Date</th>
                                    <th>Cheque Bank</th>
                                    <th>Ref #</th>
                                    <th>Remarks</th>
                                    <th>Amount</th>
                                    {{-- <th>Cheque Status</th> --}}
                                    <th>rep</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (!empty($old_payments))
                                    @forelse($old_payments as $old_payment)
                                        <tr>
                                            <td>{{ $old_payment->payment_code }}</td>
                                            <td>{{ $old_payment->invoice->invoice_code }}</td>
                                            <td>{{ $old_payment->payment_date }}</td>
                                            <td>{{ $old_payment->payment_method }}</td>
                                            <td>{{ $old_payment->cheque_date }}</td>
                                            <td>{{ $old_payment->bank_id ? getConfigArrayValueByKey('BANKS_LIST', $old_payment->bank_id) : 'N/A' }}
                                            </td>
                                            <td>{{ $old_payment->payment_ref_no ?? 'N/A' }}</td>
                                            <td>{{ $old_payment->payment_remarks }}</td>
                                            <td>{{ number_format($old_payment->payment_amount, 2) }}
                                            </td>
                                            {{-- <td>{{ $old_payment->cheque_status }}</td> --}}
                                            <td>
                                                @if (!empty($old_payment->rep_id))
                                                    @php
                                                        $rep = DB::table('users')->find($old_payment->rep_id);
                                                    @endphp
                                                    {{ $rep->username }}
                                                @else
                                                    {{ 'N/A' }}
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center">No found data.</td>
                                        </tr>
                                    @endforelse
                                @else
                                    <tr>
                                        <td colspan="10" class="text-center">No found data.</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                        <div class="d-flex justify-content-end">
                            {{ $old_payments->appends($_GET)->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('custom_script')
    <script>
        //
    </script>
@endsection