@extends('admin.layout')

@section('title', 'ویرایش کاربر')

@section('content')

    @if (session('failed'))
        <div class="alert alert-danger d-flex align-items-center justify-content-between">
            {{session('failed')}}
        </div>
    @endif

    @if (session('success'))
        <div class="alert alert-success d-flex align-items-center justify-content-between">
            {{session('success')}}
        </div>
    @endif

    <div class="block block-rounded bg-light bg-amethyst-light">
        <div class="block-content fs-sm py-3">
            <form action="{{route('admin.users.index')}}">
                <div class="row g-3 align-items-center">
                    <div class="col-12 col-sm-2">
                        <select class="form-select" id="search-type-select" name="type">
                            <option value="exact">دقیق</option>
                            <option value="like">مشابه</option>
                        </select>
                    </div>
                    <div class="col-12 col-sm-8">
                        <input type="text" class="form-control" placeholder="نام کاربری یا ایمیل"
                               id="username-or-email-input" name="query" dir="auto">
                    </div>
                    <div class="col-12 col-sm-2 text-left">
                        <button type="submit" class="btn btn-primary w-100" style="max-width: 200px">جستجو</button>
                    </div>
                </div>
            </form>
        </div>
    </div>


    <div class="block block-rounded">
        <div class="block-content fs-sm">

            <div class="mx-auto" style="max-width: 400px">
                <div class="mb-4 text-center">
                    <img class="img-avatar img-avatar96"
                         src="https://www.gravatar.com/avatar/{{md5(strtolower(trim($user->email)))}}?d={{urlencode(asset('assets/media/avatars/avatar8.jpg'))}}&s=96">
                </div>
                <div class="mb-4">
                    <a onclick="CopyToClipboard('{{$user->user}}')"
                       class="btn ltr w-100 btn-alt-primary bg-white d-flex align-items-center justify-content-between"
                       href="javascript:void(0)">
                        <span>
                            <i class="fa-fw si si-user me-1"></i> {{$user->user}}
                        </span>
                    </a>
                </div>
                <div class="mb-4">
                    <a onclick="CopyToClipboard('{{$user->email}}')"
                       class="btn ltr w-100 btn-alt-primary bg-white d-flex align-items-center justify-content-between"
                       href="javascript:void(0)">
                        <span>
                            <i class="fa-fw si si-envelope me-1"></i> {{$user->email}}
                        </span>
                    </a>
                </div>
                <div class="mb-4">
                    <a onclick="CopyToClipboard('{{$user->created_at ?? $user->miladi_regdate}}')"
                       class="btn ltr w-100 btn-alt-primary bg-white d-flex align-items-center justify-content-between"
                       href="javascript:void(0)">
                        <span>
                            <i class="fa-fw si si-calendar me-1"></i> {{$user->created_at ?? $user->miladi_regdate}}
                        </span>
                    </a>
                </div>
                <div class="mb-4">
                    <span
                        class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-success-light text-success">
                        اعتبار
                        {{number_format($user->balance_sum_form_price/10)}}
                        تومان
                    </span>
                    @if($user->premium?->remain ?? 0 > 0)
                        <span
                            class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-success-light text-success">
                            کاربر ویژه
                        </span>
                        <span
                            class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-success-light text-success">
                            انقضا در
                            {{$user->premium->remain}}
                            روز
                        </span>
                    @else
                        <span
                            class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-danger-light text-danger">کاربر عادی</span>
                    @endif
                </div>
            </div>
        </div>
    </div>


    <div class="block block-rounded">
        <div class="block-content fs-sm py-4">
            <form action="{{route('admin.users.update', ['user' => $user->id])}}" method="post" class="mx-auto row"
                  style="max-width: 400px">
                @method('PUT')
                @csrf
                <input type="hidden" name="command" value="expire">
                <div class="col-6 px-1">
                    <input type="text" class="form-control" name="days" dir="auto" placeholder="تغییر اعتبار روزانه">
                </div>
                <div class="col-6 px-1">
                    <button class="btn btn-primary" type="submit">تغییر اعتبار روزانه</button>
                </div>
            </form>
        </div>
    </div>


    <div class="block block-rounded">
        <div class="block-content fs-sm py-4">
            <form action="{{route('admin.users.update', ['user' => $user->id])}}" method="post" class="mx-auto row"
                  style="max-width: 400px">
                @method('PUT')
                @csrf
                <input type="hidden" name="command" value="balance">
                <div class="col-6 px-1">
                    <input type="text" class="form-control" name="amount" dir="auto" placeholder="تغییر اعتبار پولی">
                </div>
                <div class="col-6 px-1">
                    <button class="btn btn-primary" type="submit">تغییر اعتبار پولی</button>
                </div>
            </form>
        </div>
    </div>


    <div class="block block-rounded">
        <div class="block-content fs-sm py-4">
            <form action="{{route('admin.users.update', ['user' => $user->id])}}" method="post" class="mx-auto row"
                  style="max-width: 400px">
                @method('PUT')
                @csrf
                <input type="hidden" name="command" value="service">
                <div class="col-6 px-1">
                    <input type="text" class="form-control mb-3" name="username" dir="auto" placeholder="نام کاربری"
                           value="{{'iro' . mt_rand(10000, 999999)}}">
                </div>
                <div class="col-6 px-1">
                    <input type="text" class="form-control mb-3" name="password" dir="auto" placeholder="کلمه عبور"
                           value="{{mt_rand(1000, 9999)}}">
                </div>
                <div class="col-6 px-1">
                    <input type="text" class="form-control" name="days" dir="auto" placeholder="تعداد روز"
                           value="{{$user->premium?->remain}}">
                </div>
                <div class="col-6 px-1">
                    <button class="btn btn-primary w-100" type="submit">ایجاد رفع تحریم</button>
                </div>
            </form>
        </div>
    </div>

    <div class="block block-rounded">
        <div class="block-content fs-sm">
            <table class="table table-bordered table-striped table-vcenter js-dataTable-full ltr">
                <thead>
                <tr>
                    <th style="width: 20%;">نام کاربری</th>
                    <th style="width: 20%;">کلمه عبور</th>
                    <th style="width: 15%;">تاریخ ایجاد</th>
                    <th style="width: 15%;">اعتبار روزانه</th>
                    <th style="width: 15%;">تعداد روز مانده</th>
                    <th style="width: 15%;">وضعیت</th>
                    <th style="width: 20px;">حذف</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($user->vpn as $vpn)
                    <tr>
                        <td class="fw-semibold text-center" onclick="CopyToClipboard('{{$vpn->username}}')">
                            {{$vpn->username}}
                        </td>
                        <td class="fw-semibold fs-sm text-center" onclick="CopyToClipboard('{{$vpn->password}}')">
                            {{$vpn->password}}
                        </td>
                        <td class="fw-semibold fs-sm text-center">
                            {{$vpn->created}}
                        </td>
                        <td class="d-none d-sm-table-cell fs-sm ltr text-center">
                            {{$vpn->days}}
                        </td>
                        <td class="d-none d-sm-table-cell fs-sm ltr text-center">
                            {{$vpn->remain}}
                        </td>
                        <td class="d-none d-sm-table-cell fs-sm ltr text-center">
                            <div
                                class="fs-xs fw-semibold d-inline-block mt-1 py-1 px-3 rounded-pill {{$vpn->act ? 'bg-success-light text-success' : 'bg-danger-light text-danger'}}">
                                {{$vpn->act ? 'فعال' : 'غیرفعال'}}
                            </div>
                        </td>
                        <td class="text-center">
                            <form action="{{route('admin.users.update', ['user' => $user->id])}}" method="post"
                                  onsubmit="return confirm('آیا از حذف تحریم شکن اطمینان دارید؟');">
                                @method('PUT')
                                @csrf
                                <input type="hidden" name="command" value="delete-vpn">
                                <input type="hidden" name="id" value="{{$vpn->id}}">
                                <button type="submit" class="btn btn-danger">
                                    <i class="fa fa-trash-alt"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>


    <div class="block block-rounded">
        <div class="block-content fs-sm">
            <table class="table table-bordered table-striped table-vcenter js-dataTable-full ltr">
                <thead>
                <tr>
                    <th style="width: 150px;">بارکد</th>
                    <th style="width: 150px;">مبلغ</th>
                    <th style="width: 120px;">درگاه</th>
                    <th style="width: 200px;">تاریخ</th>
                    <th>توضیحات</th>
                    <th class="text-center" style="width: 80px;">ID</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">
                            <a target="_blank"
                               href="https://baazi.me/tmp/shenase/show?barcode={{$transaction->barcode}}">
                                {{$transaction->barcode}}
                            </a>
                        </td>
                        <td class="fw-semibold text-center">
                            {{number_format($transaction->amount/10)}}
                        </td>
                        <td class="fw-semibold fs-sm text-center text-uppercase">
                            <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 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="text-center fs-sm">{{$transaction->id}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>





    <div class="block block-rounded">
        <div class="block-content fs-sm">
            <table class="table table-bordered table-striped table-vcenter js-dataTable-full ltr">
                <thead>
                <tr>
                    <th style="width: 150px;">مبلغ</th>
                    <th style="width: 250px;">تاریخ</th>
                    <th>توضیحات</th>
                    <th class="text-center" style="width: 80px;">ID</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($payments as $payment)
                    <tr>
                        <td class="d-none d-sm-table-cell text-center">
                            @if($payment->form_price < 0)
                                <span
                                    class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-danger-light text-danger">{{number_format($payment->form_price/10)}}</span>
                            @elseif($payment->form_price > 0)
                                <span
                                    class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-success-light text-success">+{{number_format($payment->form_price/10)}}</span>
                            @else
                                <span
                                    class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-warning-light text-warning">{{$payment->form_price}}</span>
                            @endif
                        </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">
                                {{$payment->created_at ?? $payment->date}}
                            </div>
                            <div class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-light mt-1">
                                {{$payment->form_date}}
                            </div>
                        </td>
                        <td class="d-none d-sm-table-cell fs-sm">
                            {{$payment->from_where}}
                        </td>
                        <td class="text-center fs-sm">{{$payment->id}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

@endsection



@section('js-footer')
    <style>
        .dataTables_paginate {
            direction: ltr;
        }

        .dataTables_filter {
            text-align: left;
            margin-bottom: 15px;
        }

        .dataTables_length {
            text-align: right;
            margin-bottom: 15px;
        }
    </style>
    <script src="{{asset('assets/js/plugins/datatables/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-bs5/js/dataTables.bootstrap5.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-responsive-bs5/js/responsive.bootstrap5.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-buttons/dataTables.buttons.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-buttons-bs5/js/buttons.bootstrap5.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-buttons-jszip/jszip.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-buttons-pdfmake/pdfmake.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-buttons-pdfmake/vfs_fonts.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-buttons/buttons.print.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins/datatables-buttons/buttons.html5.min.js')}}"></script>
    <script src="{{asset('assets/js/pages/be_tables_datatables.min.js')}}"></script>
@endsection