@extends('admin.layout.panel')

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

@section('content')
    <!-- Page Header -->
    <div class="page-header">
        <div>
            <h2 class="main-content-title tx-24 mg-b-5">مدیریت تراکنش ها</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">داشبورد</a></li>
                <li class="breadcrumb-item active" aria-current="page">تراکنش ها</li>
            </ol>
        </div>
        <div class="d-flex">

        </div>
    </div>
    <!-- End Page Header -->
    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div>
                        <h6 class="main-content-label mb-1">بخش جست و جو تراکنش ها</h6>
                        <p class="text-muted card-sub-title">با تعیین فیلتر های خود در خروجی تغییر ایجاد کنید</p>
                    </div>
                    <form action="{{ route('admin.transaction') }}" method="GET">
                        <div class="input-group">
                            <input type="text" class="form-control" name="transaction_id" placeholder="شماره تراکنش"
                                value="{{ $transaction_id }}">
                            <input type="text" class="form-control" name="order_id" placeholder="شماره فاکتور"
                                value="{{ $order_id }}">
                            <input type="text" class="form-control" name="track_id" placeholder="شماره پیگیری"
                                value="{{ $track_id }}">
                            <div class="input-group-prepend">
                                <select name="gateway" class="form-control">
                                    <option value="">همه درگاه ها</option>
                                    @foreach ($gateways as $item)
                                        <option value="{{ $item->title }}"
                                            @if ($item->title == $gateway) selected @endif>{{ $item->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <input type="text" class="form-control" name="customer_name" placeholder="نام مشتری"
                                value="{{ $customer_name }}">
                            <input type="text" class="form-control" name="phone" placeholder="شماره تماس"
                                value="{{ $phone }}">
                            <input type="text" class="form-control" name="email" placeholder="پست الکترونیک"
                                value="{{ $email }}">
                            <input type="text" class="form-control" name="price" placeholder="مبلغ"
                                value="{{ $price }}">
                            <input name="date" class="form-control fc-datepicker" placeholder="تاریخ" type="text"
                                value="{{ $date }}">
                            <div class="input-group-prepend">
                                <select name="status" class="form-control">
                                    <option value="">همه وضعیت ها</option>
                                    <option value="1" @if ($status == '1') selected @endif>پرداخت نشده
                                    </option>
                                    <option value="2" @if ($status == '2') selected @endif>پرداخت شده</option>
                                </select>
                            </div>

                            <button class="btn ripple btn-primary" type="submit">
                                <i class="fa fa-search"></i>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row -->

    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div>
                        <h6 class="main-content-label mb-1">جدول تراکنش</h6>
                        <p class="text-muted card-sub-title">داده های مورد نظر خود را مشاهده کنید</p>
                    </div>
                    <div class="table-responsive border">
                        <table class="table text-nowrap text-md-nowrap table-hover mg-b-0">
                            <thead>
                                <tr>
                                    <th class="text-center">شماره تراکنش</th>
                                    <th class="text-center">شماره فاکتور</th>
                                    <th class="text-center">شماره پیگیری</th>
                                    <th class="text-center">نام درگاه</th>
                                    <th class="text-center">نام مشتری</th>
                                    <th class="text-center">شماره تماس</th>
                                    <th class="text-center">پست الکترونیک</th>
                                    <th class="text-center">مبلغ</th>
                                    <th class="text-center">تاریخ</th>
                                    <th class="text-center">وضعیت</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($transactions as $transaction)
                                    <tr>
                                        <th class="text-center" scope="row">{{ $transaction->id }}</th>
                                        <td class="text-center">{{ $transaction->order->id }}</td>
                                        <td class="text-center">
                                            @if ($transaction->tracking_code)
                                                {{ $transaction->tracking_code }}
                                            @else
                                                <span>ندارد</span>
                                            @endif
                                        </td>
                                        <td class="text-center">{{ $transaction->gateway->title }}</td>
                                        <td class="text-center">
                                            @if ($transaction->customer_name)
                                                {{ $transaction->customer_name }}
                                            @else
                                                <span>ندارد</span>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if ($transaction->phone_number)
                                                {{ $transaction->phone_number }}
                                            @else
                                                <span>ندارد</span>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if ($transaction->email)
                                                {{ $transaction->email }}
                                            @else
                                                <span>ندارد</span>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if ($transaction->price)
                                                {{ $transaction->price }} ريال
                                            @else
                                                <span>تهاتر رایگان اشتراک</span>
                                            @endif
                                        </td>
                                        <td class="text-center">{{ \App\Modules\Convertor::datetime_gregorianToJalali($transaction->created_at) }}</td>
                                        <td class="text-center">
                                            @if ($transaction->status == 1)
                                                <span class="badge badge-success">پرداخت شده</span>
                                            @else
                                                <span class="badge badge-danger">پرداخت نشده</span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                    <div class="d-flex justify-content-end align-items-center mt-2">
                        <x-pagination-bootstrap :currentPage="$current_page" :lastPage="$last_page"
                            link="{{ route('admin.transaction') }}" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row -->
@endsection

@section('js')
    <!-- Datepicker js-->
    <script src="{{ asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>

    <!-- Internal Select2 js-->
    <script src="{{ asset('assets/js/select2.js') }}"></script>
    <!-- Internal Jquery-Ui js-->
    <script src="{{ asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>

    <!-- Internal Jquery.maskedinput js-->
    <script src="{{ asset('assets/plugins/jquery.maskedinput/jquery.maskedinput.js') }}"></script>

    <!-- Internal Specturm-colorpicker js-->
    <script src="{{ asset('assets/plugins/spectrum-colorpicker/spectrum.js') }}"></script>

    <!-- Internal Form-elements js-->
    <script src="{{ asset('assets/js/form-elements.js') }}"></script>
@endsection