@extends('backend.layouts.customer-horizontal')
@section('title','My Wallet')
@section('content')
    <div class="container-fluid">
        <div class="row ">
            <div class="col-xl-12 text-end">
                <a href="" class="btn btn-outline-info  me-2"> Redeem Voucher</a>
                <button type="button" class="btn btn-primary position-relative">
                    Wallet Balance <span
                        class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-dark"> <i
                            class="fa fa-rupee-sign"></i> {{ auth()->user()->balance ?? 0 }}</span>
                </button>

            </div>
        </div>

        <div class="row mt-3 ">
            <div class="col-lg-12 ">
                <form>
                    <div class="row g-3">
                        <!--end col-->
                        <div class="col-xxl-2 col-lg-4">
                            <div class="position-relative">
                                <select name="payment_type" id="payment_type" class="form-select">
                                    <option value=""
                                            @if(request('payment_type') == '') selected @endif >
                                        Select Payment Type
                                    </option>
                                    <option value="credit"
                                            @if(request('payment_type') == 'credit') selected @endif >
                                        Credit
                                    </option>
                                    <option value="debit"
                                            @if(request('payment_type') == 'debit') selected @endif >
                                        Debit
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xxl-2 col-lg-4">
                            <div class="position-relative">
                                <select name="payment_method" id="payment_method" class="form-select">
                                    <option value=""
                                            @if(request('payment_method') == '') selected @endif >
                                        Select Payment Method
                                    </option>
                                    <option value="order"
                                            @if(request('payment_method') == 'order') selected @endif >
                                        Order
                                    </option>
                                    <option value="voucher"
                                            @if(request('payment_method') == 'voucher') selected @endif >
                                        Voucher
                                    </option>
                                </select>
                            </div>
                        </div>
                        <!--end col-->
                        <div class="col-xxl-2 col-lg-2">
                            <button type="submit" class="btn btn-primary "> Search in Wallets</button>
                        </div>
                    </div>
                    <!--end row-->
                </form>
            </div>

            <!--end col-->
        </div>

        <div class="row mt-3">
            <div class="col-xl-12">

                <div class="table-responsive">
                    <table class="table mb-0">

                        <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Date</th>
                            <th>Amount</th>
                            <th>Applied Against</th>
                            <th>Payment Method</th>
                            <th>Payment Type</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($wallets as $wallet)
                            <tr>
                                <th scope="row">{{ $wallets->firstItem() + $loop->index }}</th>
                                <td>{{ $wallet->created_at->format('jS M Y, h:i A') }}</td>
                                <td><i class="fa fa-rupee-sign fa-sm"></i> {{ $wallet->amount ?? 0 }} </td>
                                <td>{{ $wallet->order->code ?? $wallet->voucher->code ??  null }} </td>
                                <td>
                                    @if($wallet->payment_method == 'order')
                                        <span
                                            class="badge badge-pill font-size-11 badge-soft-primary">{{ ucwords($wallet->payment_method) }}</span>
                                    @else
                                        <span
                                            class="badge badge-pill font-size-11 badge-soft-pink">{{ ucwords($wallet->payment_method) }}</span>
                                    @endif
                                </td>
                                <td>
                                    @if($wallet->payment_type == 'credit')
                                        <span
                                            class="badge badge-pill font-size-11 badge-soft-success">{{ ucwords($wallet->payment_type) }}</span>
                                    @else
                                        <span
                                            class="badge badge-pill font-size-11 badge-soft-pink">{{ ucwords($wallet->payment_type) }}</span>
                                    @endif

                                </td>

                            </tr>
                        @empty
                            <tr class="text-center text-warning">
                                <td colspan="7">No record found!</td>
                            </tr>
                        @endforelse
                        </tbody>

                    </table>

                </div>
                <div class="col-xl-12 mt-3">
                    {{ $wallets->links() }}
                </div>
            </div>

        </div>

    </div>
@endsection