@extends('admin.layout')

@section('title', 'مدیریت تراکنش ها')

@section('content')
    <div class="block block-rounded">
        <div class="block-content fs-sm p-0">

            <div class="p-1">
                <form class=" bg-light m-1 rounded p-3">
                    <div class="row g-3 align-items-center">
                        <div class="col-9">
                            <label class="form-label" for="keyword-input">کلمه کلیدی</label>
                            <input type="text" class="form-control" id="keyword-input" name="q"
                                   value="{{request()->get('q')}}" dir="auto">
                        </div>
                        <div class="col-3">
                            <label class="form-label" for="type-select">نوع پرداخت</label>
                            <select class="form-select" name="type" id="type-select">
                                <option value="online" {{request()->get('type') == 'online' ? 'selected' : ''}}>
                                    Online
                                </option>
                                <option value="offline" {{request()->get('type') == 'offline' ? 'selected' : ''}}>
                                    Offline
                                </option>
                            </select>
                        </div>
                        <div class="col-12 text-left">
                            <button type="submit" class="btn btn-primary w-100" style="max-width: 200px">جستجو</button>
                        </div>
                    </div>
                </form>
            </div>

            <div class="p-2 ltr text-left">
                <table class="table table-bordered table-hover table-vcenter">
                    <thead>
                    <tr>
                        <th class="d-none d-md-table-cell" style="width: 120px;">مبلغ</th>
                        <th style="width: 180px;">کاربر</th>
                        <th style="width: 100px;">نوع پرداخت</th>
                        <th style="width: 60px;">پلن</th>
                        <th style="width: 200px;">تاریخ</th>
                        <th style="width: 220px;">پیگیری</th>
                        <th style="width: 150px;">بارکد</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($transactions as $transaction)
                        <tr class="{{$transaction->is_paid ? 'bg-success bg-success-light text-success' : ''}}">
                            <td class="fw-semibold text-center">
                                {{number_format($transaction->amount/10)}}
                            </td>
                            <td class="fw-semibold fs-sm text-center">
                                @if($transaction->user_id)
                                    <a target="_blank"
                                       href="{{route('admin.users.edit', ['user' => $transaction->user_id])}}">{{$transaction->user->user}}</a>
                                @else
                                    N/A
                                @endif
                            </td>
                            <td class="fs-sm text-center">
                                <div
                                    class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-info-light text-info">
                                    {{$transaction->payment_type}}
                                </div>
                                <div
                                    class="fs-xs fw-semibold d-inline-block mt-1 py-1 px-3 rounded-pill bg-info-light text-info">
                                    {{$transaction->gateway}}
                                </div>
                            </td>
                            <td class="fw-semibold text-center">
                                {{$transaction->plan_id}}
                            </td>
                            <td class="fw-semibold fs-sm text-center">
                                <div
                                    class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-light text-muted">
                                    {{$transaction->created_at}}
                                </div>
                                @if($transaction->is_paid)
                                    <div
                                        class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-success text-white mt-1">
                                        {{$transaction->paid_at}}
                                    </div>
                                @endif
                            </td>
                            <td class="d-none d-sm-table-cell fs-sm ltr text-right">
                                <div>{{$transaction->reference_no}}</div>
                                <div class="mt-1">{{$transaction->card_no}}</div>
                            </td>
                            <td class="d-none d-md-table-cell fw-semibold fs-sm text-center">
                                <a target="_blank"
                                   href="https://baazi.me/tmp/shenase/show?barcode={{$transaction->barcode}}">
                                    {{$transaction->barcode}}
                                </a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>

                <div>
                    {{ $transactions->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection



@section('js-footer')

@endsection