@extends('layouts.master')
@section('title', 'CrossFire Pharaoh | My Account')
@section('background-image', asset("assets/images/image-1.jpg"))
@section('content')
    <div class="nk-box">
        <div class="container">
            <div class="nk-gap-5"></div>
            <h1 class="nk-title">{{ __("account.MyAccount") }}</h1>
            <div class="nk-gap-4"></div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-12 bg-dark-2 block-border block-shadow p-20">
                <div class="nk-tabs">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link @if (!Session::get("redeem", false) && !Session::get('upd', false)) active @endif" href="#tab-donates" role="tab" data-toggle="tab">{{ __("account.PurchaseHistory") }}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link @if(Session::get('upd', false)) active @endif" href="#tab-settings" role="tab" data-toggle="tab">{{ __("account.AccountConfiguration") }}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link @if (Session::get("redeem", false)) active @endisset" href="#tab-redeem" role="tab" data-toggle="tab">{{ __("account.RedeemCode") }}</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane fade @if (!Session::get("redeem") && !Session::has('upd')) show active @endif" id="tab-donates">
                            <div class="table-responsive mt-10">
                                <div class="nk-box bg-dark-2">
                                    <div class="nk-gap-1"></div>
                                    <div class="row no-gutters">
                                        <div class="col-12">
                                            <div class="table-responsive mt-10">
                                                <table class="table table-bordered bg-dark-1 m-0">
                                                    <thead class="thead-default">
                                                        <tr>
                                                            <th class="text-center">{{ __("account.Order") }}</th>
                                                            <th class="text-center">{{ __("account.AccountAmount") }}</th>
                                                            <th class="text-center">{{ __("account.AccountDonateValue") }}</th>
                                                            <th class="text-center">{{ __("account.AccountDonateMethod") }}</th>
                                                            <th class="text-center" style="width: 150px;">{{ __("account.AccountDonateStatus") }}</th>
                                                            <th class="text-center" style="width: 200px;">{{ __("account.AccountDonateRequest") }}</th>
                                                            <th class="text-center" style="width: 200px;">{{ __("account.AccountDonateLastDate") }}</th>
                                                            <th style="width: 100px;"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @forelse ($bills as $bill)
                                                        <tr class="order">
                                                            <td class="text-center">{{ $bill->TID }}</td>
                                                            <td class="text-center">{{ number_format($bill->AMMOUNT) }} ZP</td>
                                                            <td>R${{ number_format($bill->PRICE, 2) }}</td>
                                                            <td>{{ $bill->PAY_METHOD }}</td>
                                                            <td class="text-center">
                                                                @if ($bill->DELIVERED_YN == "Y")
                                                                    <span class="text-success">{{ __("account.AccountDonateDelivered") }}</span>
                                                                @else
                                                                    @switch($bill->DELIVERED_N_REASON)
                                                                        @case('Canceled')
                                                                        @case('Failed')
                                                                        @case('Denied')
                                                                            <span class="text-danger">{{ $bill->DELIVERED_N_REASON }}</span>
                                                                        @break
                                                                        @default
                                                                            <span class="text-warning">{{ $bill->DELIVERED_N_REASON }}</span>
                                                                        @break
                                                                    @endswitch
                                                                @endif
                                                            </td>
                                                            <td class="text-center">{{ \Helper::date_stringFormat($bill->REG_DATE) }}</td>
                                                            <td class="text-center">{{ \Helper::date_stringFormat($bill->LAST_RESPONSE_DATE) }}</td>
                                                            <td>
                                                                <a href="{{ route('invoice', $bill->TID) }}" class="nk-btn nk-btn-sm nk-btn-bg-dark-2 nk-btn-color-success">{{ __("account.AccountDonateDetails") }}<</a>
                                                            </td>
                                                        </tr>
                                                    @empty
                                                        <tr class="text-center">
                                                            <td colspan="8">{{ __("account.AccountDonateNone") }}</td>
                                                        </tr>
                                                    @endforelse
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center">
                                        <div class="col-12">
                                            {{ $bills->onEachSide(5)->links("pagination.cf-pagination", ["paginator" => $bills]) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade @if(Session::has('upd')) show active @endif" id="tab-settings">
                            <div class="nk-gap-1"></div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="nk-box">
                                        @if (Session::has('success'))
                                            <div class="alert alert-success">{!! Session::get('success') !!}</div>
                                        @endif
                                        @if (Session::has('error'))
                                            <div class="alert alert-warning">{{ Session::get('error') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="bg-dark-1 p-20 rounded block-border">
                                        <form action="{{ route('user.doChangeEmail') }}" method="post" novalidate="novalidate">
                                            @csrf
                                            @method('put')
                                            <div class="form-group">
                                                <label>{{ __("account.AccountCurrentEmail") }}</label>
                                                <div class="form-text">
                                                    {{ substr($user->E_MAIL, 0, 1).'****'.substr($user->E_MAIL, strpos($user->E_MAIL, "@")) }}
                                                    @if ($user->EMAIL_VERIFY_YN == 'Y')
                                                        <i class="fa fa-fw fa-check text-success" data-tippy="{{ __("account.AccountConfirm") }}" data-tippy-arrow="true"></i>
                                                    @else
                                                        <i class="fa fa-fw fa-times text-warning" data-tippy="{{ __("account.AccountAwaitEmailConfirm") }}" data-tippy-arrow="true"></i>
                                                    @endif
                                                </div>
                                            </div>
                                            @include('components.form-group', [
                                                "label" => "E-Mail",
                                                "name" => "email",
                                                "placeholder" => "E-Mail",
                                                "value" => old('email')
                                            ])
                                            @include('components.form-group', [
                                                "control" => "text",
                                                "name" => "",
                                                "label" => "Secret Question",
                                                "value" => $question ?? "Secret Question",
                                                "text_style" => "warning"
                                            ])
                                            @include('components.form-group', [
                                                "label" => "Secret Answer",
                                                "name" => "sec_ans",
                                                "placeholder" => "Secret Answer ...",
                                                "value" => old('sec_ans')
                                            ])
                                            @include('components.form-group', [
                                                "control" => "button",
                                                "value" => "Change E-Mail"
                                            ])
                                        </form>
                                    </div>
                                    <div class="bg-dark-1 p-20 mt-10 rounded block-border" dir="ltr">
                                        <div class="nk-info-box nk-info-box-sm bg-main-1 block-shadow rounded">
                                            <div class="nk-info-box-icon">
                                                <i class="fal fa-fw fa-exclamation-circle"></i>
                                            </div>
                                            {{ __("account.AccountSymbols") }} <strong> [].!~#?& </strong> {{ __("account.AccountSymbols2") }}
                                        </div>
                                        <form action="{{ route("user.doChangeNick") }}" method="post" novalidate="novalidate">
                                            @csrf
                                            @method('put')
                                            @include('components.form-group', [
                                                "label" => "New Nick",
                                                "type" => "text",
                                                "name" => "nick",
                                                "placeholder" => "New Nick ...",
                                                "value" => old('nick'),
                                                "min" => "3",
                                                "max" => "12",
                                            ])
                                            @include('components.form-group', [
                                                "control" => "buttom",
                                                "value" => "New Nick (20,000 ZP)"
                                            ])
                                        </form>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="bg-dark-1 p-20 rounded block-border">
                                        <form action="{{ route('user.doChangePwd') }}" method="post" novalidate="novalidate">
                                            @csrf
                                            @method('put')
                                            @include('components.form-group', [
                                                "label" => "Current Web Password",
                                                "type" => "password",
                                                "name" => "password",
                                                "placeholder" => "Current Web Password",
                                                "value" => old('password')
                                            ])
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-6">
                                                        @include('components.form-group', [
                                                            "label" => "New Game Password",
                                                            "type" => "password",
                                                            "name" => "npassword",
                                                            "placeholder" => "New Game Password",
                                                            "value" => old('npassword')
                                                        ])
                                                    </div>
                                                    <div class="col-6">
                                                        @include('components.form-group', [
                                                            "label" => "Repeat New Game Password",
                                                            "type" => "password",
                                                            "name" => "renpassword",
                                                            "placeholder" => "Repeat New Game Password",
                                                            "value" => old('renpassword')
                                                        ])
                                                    </div>
                                                </div>
                                            </div>
                                            @include('components.form-group', [
                                                "control" => "buttom",
                                                "value" => "Change Game Password"
                                            ])
                                        </form>
                                    </div>
                                    <div class="bg-dark-1 p-20 mt-10 rounded block-border">
                                        <form action="{{ route('user.doChangeWebPwd') }}" method="post" novalidate="novalidate">
                                            @csrf
                                            @method('put')
                                            @include('components.form-group', [
                                                "label" => "Current Web Password",
                                                "type" => "password",
                                                "name" => "password",
                                                "placeholder" => __("account.ChangePassword"),
                                                "value" => old('password')
                                            ])
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-6">
                                                        @include('components.form-group', [
                                                            "label" => "New Web Password",
                                                            "type" => "password",
                                                            "name" => "npassword",
                                                            "placeholder" => "New Web Password",
                                                            "value" => old('npassword')
                                                        ])
                                                    </div>
                                                    <div class="col-6">
                                                        @include('components.form-group', [
                                                            "label" => "Repeat New Web Password",
                                                            "type" => "password",
                                                            "name" => "renpassword",
                                                            "placeholder" => "Repeat New Web Password",
                                                            "value" => old('renpassword')
                                                        ])
                                                    </div>
                                                </div>
                                            </div>
                                            @include('components.form-group', [
                                                "control" => "buttom",
                                                "value" => "Change Web Password"
                                            ])
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade @if(Session::get("redeem", false)) show active @endif" id="tab-redeem">
                            <div class="table-responsive mt-10">
                                <div class="nk-box bg-dark-2 ">
                                    <div class="nk-gap-1"></div>
                                    <div class="row vertical-gap">
                                        <div class="col-12">
                                            <div class="bg-dark-1 p-20 rounded block-border">
                                                @include('components.alert', [
                                                    "msg" => "Please wait 5 Seconds before trying again"
                                                ])
                                                @if (Session::has('success'))
                                                    <div class="alert alert-success">{!! Session::get('success') !!}</div>
                                                @endif
                                                @if (Session::has('error'))
                                                    <div class="alert alert-warning">{{ Session::get('error') }}</div>
                                                @endif
                                                @if (Session::has('fatal'))
                                                    <div class="alert alert-danger">{{ Session::get('fatal') }}</div>
                                                @endif
                                                <form action="{{ route('user.doRedeem') }}" method="post">
                                                    @csrf
                                                    @include('components.form-group', [
                                                        "label" => "Code",
                                                        "name" => "code",
                                                        "placeholder" => "Insert Redeem Code",
                                                        "min" => 1, "max" => 32,
                                                        "value" => old('code')
                                                    ])
                                                    @include('components.form-group', [
                                                        "control" => "button",
                                                        "value" => "Regiser Code"
                                                    ])
                                                </form>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <h4>{{ __("account.RedeemHistory") }}</h4>
                                            <div class="row no-gutters">
                                                <div class="col-12">
                                                    <div class="table-responsive mt-10">
                                                        <table class="table table-bordered bg-dark-1 m-0">
                                                            <thead class="thead-default">
                                                            <tr>
                                                                <th>{{ __("account.Code") }}</th>
                                                                <th>{{ __("account.RedeemItem") }}</th>
                                                                <th>{{ __("account.CodeRegister") }}</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            @forelse ($redeem as $item)
                                                                <tr class="order">
                                                                    <td>{{ $item->CODE }}</td>
                                                                    <td>
                                                                        @if (strpos($item->DELIVERED_ITEM, " ") !== false && strcmp(explode(" ", $item->DELIVERED_ITEM)[1], "ZP") == 0)
                                                                            {{ number_format(explode(" ", $item->DELIVERED_ITEM)[0]) }} ZP
                                                                        @else
                                                                            {{ $item->DELIVERED_ITEM }}
                                                                        @endif
                                                                    </td>
                                                                    <td>{{ \Helper::date_stringFormat($item->DELIVERED_DATE) }}</td>
                                                                </tr>
                                                            @empty
                                                                <tr class="order text-center">
                                                                    <td colspan="3">{{ __("account.NoCode") }}</td>
                                                                </tr>
                                                            @endforelse
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row justify-content-center">
                                                <div class="col-12">
                                                    {{ $redeem->onEachSide(5)->links("pagination.cf-pagination", ["paginator" => $redeem]) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="nk-gap-1"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="nk-gap-2"></div>
    </div>
@endsection