@extends('voyager::master')

@section('page_title', __('voyager::generic.view').' '.$dataType->display_name_singular)

@section('content')

    <style>

        .mySelectionItem1 .select2-selection--single{
            margin-top: 0;
        }
        .select2-dropdown{
            min-width: 150px !important;
            width: 100%;
        }

        .mySelectionItem1 .select-selected{
            display: block !important;
        }

        .customRow{
            align-items:center;
        }

        .checkboxCustomTitle{
            font-size: 18px;
            margin-inline-start: 10px;
        }

        .customPanelTitle{
            width: calc(100% - 20px);
            display: flex;
            align-items: center;
            font-size: 18px;
            font-weight: 600;
            margin-right: 10px;
            margin-bottom: 5px !important;
        }

        .accessByDevice{
            padding-right: 15px;
        }

        .activityChartHeader{
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .calenderHeaderMainBox{
            text-align: center;
            font-size: 20px;
            color: #4a5568;
            margin: 10px 0;
        }

        #Datepicker1{
            position: relative;
        }
        .ui-datepicker-header a.ui-datepicker-prev,
        .ui-datepicker-header a.ui-datepicker-next{
            margin-top: 0;
        }
        #Datepicker1 .ui-datepicker-month,
        #Datepicker1 .ui-datepicker-year{
            background-color: #eaeaea;
            color: #222;
            border: 0;
            border-radius: 5px;
            padding: 7px;
            margin: 0 10px;
        }

        .ui-datepicker-calendar tbody td a.ui-state-active{
            background-color: transparent;
            color: #546E7A;
        }

        .customSelectedDay{
            padding:2.5px !important;
        }

        .customSelectedDay a{
            background-color: #2b95f5 !important;
            border-radius: 5px !important;
            color: #fff !important;
        }

        .customSelectedDay a:hover{
            background-color: #2a5ff5 !important;
        }


        .calenderFooterMainBox{
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 15px 0;
            margin-bottom: 10px;
        }

        .calenderFooterCard{
            width: 45px;
            height: 45px;
            font-size: 20px;
            cursor: pointer;
            display: grid;
            place-items: center;
            background-color: #2b95f5;
            color: #fff;
            border-radius: 5px;
        }

        .calenderFooterCard i{
            display: grid;
            place-items: center;
        }

        .calenderFooterCard.active{
            background-color: #0b5fcc;
        }

        .rtpMainBox >div{
            padding-right: 15px;
        }
        .rtpMainBox >div:last-child{
            padding-right: 0px;
        }

        .rtpHeader{
            font-size: 18px;
            text-align: center;
            margin-bottom: 10px;
        }

        .playerMainTabBox{
            overflow-x: auto;
        }

        .playerMainTabBox > li{
            min-width: 150px;
            text-align: center;
        }
        .playerMainTabBox > li .tabs__toggle{
            width: 100%;
            padding: 10px ;
        }

        .tabs__toggle{
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tabs__toggle i{
            font-size: 18px;
            display: grid;
            place-items: center;
            margin-right: 8px;
        }

        .select2-dropdown{
            text-align: left;
            direction: ltr !important;
        }

        .mySelectionItem *{
            text-align: left !important;
        }

        .playerNameDetailMainBox{
            display: flex;
            align-items: center;
            margin-top: 20px;
            margin-bottom: 30px;
        }

        .PND-icon{
            width: 85px;
            height: 85px;
            background-color: #ddd;
            border-radius: 50%;
            display: grid;
            place-items: center;
            font-size: 28px;
            color: #222;
            text-transform: uppercase;
            margin-right: 10px;
        }

        .PND-name{
            font-size: 20px;
            text-transform: capitalize;
        }

        .overviewTableDetailBox{
            background-color: #eaeaea;
            margin-top: 11px;
        }

        .overviewTableDetailCard{
            text-align: center;
            border-right: 1px solid #ddd;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .overviewTableDetailCard:last-child{
            border-right: 0;
        }

        .overviewTableDetailCardNum{
            font-size: 21px;
            font-weight: 600;
            /*margin-bottom: 8px;*/
        }

        .overviewTableDetailCardTitle{
            font-size: 18px;
            color: #777;
        }

        .calenderMainBox{
            padding-right: 15px;
        }

        .playerInfoMainBox{
            margin-top: 30px;
        }

        .playerInfoCard{
            min-height: 88px;
            border: 1px solid #ccc;
            display: flex;
            align-items: center;
            color: #444;
            font-size: 18px;
            border-radius: 5px;
            padding: 15px;
        }

        .playerInfoCard:nth-child(3n){
            margin-right: 0;
        }

        .playerInfoCardIcon{
            font-size: 35px;
            margin-right: 12px;
        }

        .playerInfoCardIcon i{
            display: grid;
            place-items: center;
        }

        .playerInfoCardTitle{
            font-size: 21px;
        }

        .playerInfoCard.green1 .playerInfoCardIcon,
        .playerInfoCard.green1 .playerInfoCardTitle{
            color: #2CB543;
        }

        .playerInfoCard.blue1 .playerInfoCardIcon,
        .playerInfoCard.blue1 .playerInfoCardTitle{
            color: #174581;
        }

        .playerInfoCard.orange1 .playerInfoCardIcon,
        .playerInfoCard.orange1 .playerInfoCardTitle{
            color: #fe5f0f;
        }

        .playerInfoCard.red1 .playerInfoCardIcon,
        .playerInfoCard.red1 .playerInfoCardTitle{
            color: #c73b3b;
        }

        .accountActionMainBox{
            /*border: 1px solid #ccc;*/
        }

        .accountActionHeader{
            font-size: 18px;
            border-bottom: 1px solid #ccc;
            padding: 15px;
        }

        .accountActionCard{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px;
        }

        .accountActionCard:nth-child(2n){
            background-color: var(--input-value-bg);
        }

        .accountActionCardBtn{
            min-width: 120px;
            cursor: pointer;
            background-color: #dddddd;
            color: #222;
            text-align: left;
            position: relative;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .accountActionCardBtnBadge{
            width: 35px;
            height: 41px;
            display: grid;
            place-items: center;
            position: absolute;
            top: 0;
            right: 12px;
            clip-path: polygon(100% 0%, 100% 90%, 80% 100%, 20% 100%, 0% 90.00%, 0% 0%);
            font-size: 22px;
            color: #fff;
            border-radius: 4px;
        }

        .accountActionCardBtn.success .accountActionCardBtnBadge{
            background-color: #26D882;
        }

        .accountActionCardBtn.error .accountActionCardBtnBadge{
            background-color: #F84263;
        }

        .tabInTabMainUl{
            display: flex;
            gap: 5px;
            list-style: none;
            direction: ltr;
            padding: 0;
            border-bottom: 1px solid var(--nav-color);
            margin-bottom: 15px;
        }

        .tabs__toggle1.active {
            color: var(--blue-btn_twxt_color) !important;
            background: var(--blue_btn_bg);
            border: 1px solid var(--blue-btn_twxt_color);
        }

        .tabs__toggle1 {

            display: flex;
            align-items: center;
            justify-content: center;

        }
        .tabs__toggle1 {

            appearance: none;
            cursor: pointer;
            padding: 10px 24px 10px;
            background: var(--bg-color);
            border: 1px solid #DCE5EA;
            border-bottom-color: rgb(220, 229, 234);
            border-bottom-style: solid;
            border-bottom-width: 1px;
            box-sizing: border-box;
            border-radius: 6px 6px 0px 0px;
            border-bottom: none !important;
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            margin: 0 3px;
            color: var(--font-color);

        }

        .tabs__toggle1 i {
            font-size: 18px;
            display: grid;
            place-items: center;
            margin-right: 8px;
        }

        .tabs__tab-panel1 {
            display: none;
        }

        .tabs__tab-panel1.active{
            display: block;
        }

        .tabs__toggle1{

        }

    </style>

    @php
        $tickets = \App\Models\Ticket::query()->where('player_id' , request()->id)->orderByDesc('created_at')->get();
    @endphp

    <div class="row">
        <div class="padding-item col-lg-12 col-md-12 col-sm-12">
            <nav class="navigation">
                <div class="right-top-nav flex-box">
                    <a href="{{ url()->previous() }}" class="flex-box back">
                        <img src="{{ voyager_asset('icon/back.svg') }}">
                        {{ __('voyager::generic.return_to_list') }}
                    </a>
                </div>
            </nav>
        </div>


        <div class="tabs">
            <ul class="tabs__button-group playerMainTabBox">

                <li>
                    <button class="tabs__toggle @if (! \Session::has('ticket')) active @endif " data-tab="-1"
                            type="button">

                        <i class="voyager-eye"></i>
                        Overview
                    </button>
                </li>

                <li>
                    <button class="tabs__toggle" data-tab="0" type="button">
                        <i class="voyager-news"></i>
                        Account
                    </button>
                </li>


                <li>
                    <button class="tabs__toggle showHistoryBox" data-tab="10" type="button">
                        <i class="voyager-news"></i>
                        History
                    </button>
                </li>

                <li>
                    <button class="tabs__toggle @if (\Session::has('ticket')) active @endif" data-tab="5" type="button">
                        <i class="voyager-mail"></i>
                        Ticket
                    </button>
                </li>

                <li>
                    <button class="tabs__toggle" data-tab="6" type="button">
                        <i class="voyager-window-list"></i>
                        Responsible
                    </button>
                </li>
                <li>
                    <button class="tabs__toggle" data-tab="7" type="button">
                        <i class="voyager-list"></i>
                        Statistics
                    </button>
                </li>
                <li>
                    <button class="tabs__toggle" data-tab="8" type="button">
                        <i class="voyager-pie-chart"></i>
                        Segment
                    </button>
                </li>

            </ul>

            <ul class="tabs__container box setting-row" id="testttt">

                <li class="tabs__tab-panel @if (! \Session::has('ticket')) active @endif" data-tab="-1">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="row">

                                        <div class="padding-item col-lg-12 col-md-12 col-sm-12">



                                            <div class="row">

                                                <div class="playerNameDetailMainBox">
                                                    <div class="PND-icon">
                                                        @foreach(explode(' ',$dataTypeContent->full_name) as $name)
                                                            {{ $name[0] }}
                                                        @endforeach
                                                    </div>
                                                    <div class="PND-name">
                                                        {{ $dataTypeContent->full_name }}
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="col-md-4 calenderMainBox">
                                                        <div class="box">
                                                            <div class="calenderHeaderMainBox">Login</div>
                                                            <div id="Datepicker1"></div>
                                                            <div class="calenderFooterMainBox">
                                                                <div class="calenderFooterCard" title="Login" data-id="login"><i class="voyager-key"></i></div>
                                                                <div class="calenderFooterCard" title="Deposit" data-id="deposit"><i class="voyager-dollar"></i></div>
                                                                <div class="calenderFooterCard" title="Withdraw" data-id="withdraw"><i class="voyager-wallet"></i></div>
                                                                <div class="calenderFooterCard" title="Support" data-id="support"><i class="voyager-activity"></i></div>
                                                                <div class="calenderFooterCard" title="Game play" data-id="game_play"><i class="voyager-cannon"></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-8 px-0 chartHomeDataBox">
                                                        <div class="box px-0 pb-0" style="overflow: hidden">
                                                            <div class="px-4">
                                                                <canvas id="chartHomeDataLine" height="400"></canvas>
                                                            </div>
                                                            <div class="row overviewTableDetailBox">
                                                                <div class="col-md-4 overviewTableDetailCard">
                                                                    <div class="overviewTableDetailCardNum">{{ \App\Models\GameToPlayer::query()->where(['player_id' => request()->id])->count() }}</div>
                                                                    <div class="overviewTableDetailCardTitle">TOTAL WAGERS</div>
                                                                </div>
                                                                <div class="col-md-4 overviewTableDetailCard">
                                                                    <div class="overviewTableDetailCardNum">{{ \App\Models\GameToPlayer::query()->whereRaw('output_amount > input_amount')->count() }}</div>
                                                                    <div class="overviewTableDetailCardTitle">TOTAL WINS</div>
                                                                </div>
                                                                <div class="col-md-4 overviewTableDetailCard">
                                                                    <div class="overviewTableDetailCardNum">{{ \App\Models\PlayerLogin::query()->where(['reason' => 'Login' ,'player_id' => request()->id])->count() }}</div>
                                                                    <div class="overviewTableDetailCardTitle">LOGIN</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="row rtpMainBox">
                                                <div class="col-md-4">
                                                    <div class="box">
                                                        <div class="rtpHeader">Total RTP</div>
                                                        <canvas id="totalRTP" style="height: 250px"></canvas>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="box">
                                                        <div class="rtpHeader">Cash RTP</div>
                                                        <canvas id="cashRTP" style="height: 250px"></canvas>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="box">
                                                        <div class="rtpHeader">Bonus RTP</div>
                                                        <canvas id="bonusRTP" style="height: 250px"></canvas>
                                                    </div>
                                                </div>
                                            </div>




                                           {{-- <div class="box">
                                                <form action="#" class="form">
                                                    <div class="row">
                                                        @foreach($dataType->readRows as $row)
                                                            @php
                                                                if ($dataTypeContent->{$row->field.'_read'}) {
                                                                    $dataTypeContent->{$row->field} = $dataTypeContent->{$row->field.'_read'};
                                                                }
                                                            @endphp
                                                            @if($row->type == 'checkbox')

                                                            <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12"
                                                                @if($row->flex) style="flex: {{ $row->flex }}" @endif>

                                                                <div class="input-row-value">
                                                                    <label>{{ $row->getTranslatedAttribute('display_name') }}</label>
                                                                    <div class="same-input-div">

                                                                        @if($row->type == 'checkbox')
                                                                            @if(property_exists($row->details, 'on') && property_exists($row->details, 'off'))
                                                                                @if($dataTypeContent->{$row->field})
                                                                                    <span style="margin:0 " class="green-2 Condition">{{ $row->details->on }}</span>
                                                                                @else
                                                                                    <span style="margin:0 " class="red Condition">{{ $row->details->off }}</span>
                                                                                @endif
                                                                            @else
                                                                                {{ $dataTypeContent->{$row->field} }}
                                                                            @endif
                                                                        @endif
                                                                    </div><!-- panel-body -->
                                                                </div>
                                                            </div>
                                                            @endif

                                                            @if($row->is_empty)
                                                                <div>
                                                                </div>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                </form>
                                            </div>--}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="tabs__tab-panel " data-tab="0">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="row">

                                        <div class="padding-item col-lg-12 col-md-12 col-sm-12">
                                            <div class="box">
                                                <form action="#" class="form">
                                                    <div class="row">
                                                        @foreach($dataType->readRows as $row)
                                                            @php
                                                                if ($dataTypeContent->{$row->field.'_read'}) {
                                                                    $dataTypeContent->{$row->field} = $dataTypeContent->{$row->field.'_read'};
                                                                }
                                                            @endphp
                                                            @if($row->type != 'checkbox')

                                                            <div
                                                                class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12"
                                                                @if($row->flex) style="flex: {{ $row->flex }}" @endif>

                                                                <div class="input-row-value">
                                                                    <label>{{ $row->getTranslatedAttribute('display_name') }}</label>
                                                                    <div class="same-input-div">

                                                                        @if (isset($row->details->view))
                                                                            @include($row->details->view, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $dataTypeContent->{$row->field}, 'action' => 'read', 'view' => 'read', 'options' => $row->details])
                                                                        @elseif($row->type == "image")
                                                                            <img width="100"
                                                                                 src="{{ filter_var($dataTypeContent->{$row->field}, FILTER_VALIDATE_URL) ? $dataTypeContent->{$row->field} : Voyager::image($dataTypeContent->{$row->field}) }}">
                                                                        @elseif($row->type == 'multiple_images')
                                                                            @if(json_decode($dataTypeContent->{$row->field}))
                                                                                @foreach(json_decode($dataTypeContent->{$row->field}) as $file)
                                                                                    <img class="img-responsive"
                                                                                         src="{{ filter_var($file, FILTER_VALIDATE_URL) ? $file : Voyager::image($file) }}">
                                                                                @endforeach
                                                                            @else
                                                                                <img class="img-responsive"
                                                                                     src="{{ filter_var($dataTypeContent->{$row->field}, FILTER_VALIDATE_URL) ? $dataTypeContent->{$row->field} : Voyager::image($dataTypeContent->{$row->field}) }}">
                                                                            @endif
                                                                        @elseif($row->type == 'relationship')
                                                                            @include('voyager::formfields.relationship', ['view' => 'read', 'options' => $row->details])
                                                                        @elseif($row->type == 'select_dropdown' && property_exists($row->details, 'options') &&
                                                                                !empty($row->details->options->{$dataTypeContent->{$row->field}})
                                                                        )
                                                                                                                                                    @elseif($row->type == 'select_multiple')
                                                                            @if(property_exists($row->details, 'relationship'))

                                                                                @foreach(json_decode($dataTypeContent->{$row->field}) as $item)
                                                                                    {{ $item->{$row->field}  }}
                                                                                @endforeach

                                                                            @elseif(property_exists($row->details, 'options'))
                                                                                @if (!empty(json_decode($dataTypeContent->{$row->field})))
                                                                                    @foreach(json_decode($dataTypeContent->{$row->field}) as $item)
                                                                                        @if (@$row->details->options->{$item})
                                                                                            {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                                                        @endif
                                                                                    @endforeach
                                                                                @else
                                                                                    {{ __('voyager::generic.none') }}
                                                                                @endif
                                                                            @endif
                                                                        @elseif($row->type == 'date' || $row->type == 'timestamp')
                                                                            @if ( property_exists($row->details, 'format') && !is_null($dataTypeContent->{$row->field}) )
                                                                                @if(Auth::user()->Locale =='fa')
                                                                                    {{ \Morilog\Jalali\Jalalian::forge($dataTypeContent->{$row->field})->format($row->details->format) }}
                                                                                @else
                                                                                    {{ \Carbon\Carbon::parse($dataTypeContent->{$row->field})->formatLocalized($row->details->format) }}
                                                                                @endif
                                                                            @else
                                                                                @if(Auth::user()->Locale =='fa')
                                                                                    {{ \Morilog\Jalali\Jalalian::forge($dataTypeContent->{$row->field})->format('Y-m-d H:i:s') }}
                                                                                @else
                                                                                    {{ $dataTypeContent->{$row->field} }}
                                                                                @endif
                                                                            @endif
                                                                            {{-- @elseif($row->type == 'checkbox')
                                                                                 @if(property_exists($row->details, 'on') && property_exists($row->details, 'off'))
                                                                                     @if($dataTypeContent->{$row->field})
                                                                                         <span style="margin:0 "
                                                                                               class="green-2 Condition">{{ $row->details->on }}</span>
                                                                                     @else
                                                                                         <span style="margin:0 "
                                                                                               class="red Condition">{{ $row->details->off }}</span>
                                                                                     @endif
                                                                                 @else
                                                                                     {{ $dataTypeContent->{$row->field} }}
                                                                                 @endif--}}
                                                                        @elseif($row->type == 'color')
                                                                            <span class="badge badge-lg"
                                                                                  style="background-color: {{ $dataTypeContent->{$row->field} }}">{{ $dataTypeContent->{$row->field} }}</span>
                                                                        @elseif($row->type == 'coordinates')
                                                                            @include('voyager::partials.coordinates')
                                                                        @elseif($row->type == 'rich_text_box')
                                                                            @include('voyager::multilingual.input-hidden-bread-read')
                                                                            {!! $dataTypeContent->{$row->field} !!}
                                                                        @elseif($row->type == 'file')
                                                                            @if(json_decode($dataTypeContent->{$row->field}))
                                                                                @foreach(json_decode($dataTypeContent->{$row->field}) as $file)
                                                                                    <div style="margin: 0"
                                                                                         class="account-number">
                                                                                        <a style="color: black"
                                                                                           href="{{ Storage::disk(config('voyager.storage.disk'))->url($file->download_link) ?: '' }}">
                                                                                            Download
                                                                                        </a>
                                                                                    </div>
                                                                                @endforeach
                                                                            @else
                                                                                <a href="{{ Storage::disk(config('voyager.storage.disk'))->url($row->field) ?: '' }}">
                                                                                    {{ __('voyager::generic.download') }}
                                                                                </a>
                                                                            @endif
                                                                        @else
                                                                            @include('voyager::multilingual.input-hidden-bread-read')
                                                                            @if(is_array($dataTypeContent->{$row->field}))
                                                                                {!! json_printer($dataTypeContent->{$row->field}) !!}
                                                                            @else
                                                                                {{ is_array($dataTypeContent->{$row->field}) ?  : $dataTypeContent->{$row->field} }}
                                                                            @endif
                                                                        @endif
                                                                    </div><!-- panel-body -->
                                                                </div>
                                                            </div>
                                                            @endif
                                                            @if($row->is_empty)
                                                                <div>
                                                                </div>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                </form>

                                            </div>

                                            <div class="box">
                                                <div class="input-row form-group">
                                                    <div class="row">
                                                        <div class="col-md-4 px-2 mb-3">
                                                            <label class="control-label" for="wageringRequirements">Wagering Requirements</label>
                                                            <input type="text" class="form-control" id="wageringRequirements"
                                                                   placeholder="Wagering Requirements"
                                                                   value="0" disabled />
                                                        </div>
                                                        <div class="col-md-4 px-2 mb-3">
                                                            <label class="control-label" for="wageringDone">Wagering Done</label>
                                                            <input type="text" class="form-control" id="wageringDone"
                                                                   placeholder="Wagering Requirements"
                                                                   value="0" disabled />
                                                        </div>
                                                        <div class="col-md-4 px-2 mb-3">
                                                            <label class="control-label" for="wageringDone">Direction</label>
                                                            <div class="dropdown custom-selects mySelectionItem">
                                                                <select
                                                                    class="form-control DirectionSelect" name="DirectionSelect">
                                                                    <option value="0">negative</option>
                                                                    <option value="1">positive</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4 px-2 mb-3">
                                                            <label class="control-label" for="wageringDone">Balance</label>
                                                            <div class="dropdown custom-selects mySelectionItem">
                                                                <select
                                                                    class="form-control BalanceSelect" name="BalanceSelect">
                                                                    <option value="0">Cash Balance</option>
                                                                    <option value="1">Bonus Balance</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4 px-2 mb-3">
                                                            <label class="control-label" for="giveawayAmount">Amount</label>
                                                            <input type="text" class="form-control" id="giveawayAmount"
                                                                   placeholder="Amount" />
                                                        </div>
                                                        <div class="col-md-4 px-2 mb-3 turnoverFactorItem" style="display:none;">
                                                            <label class="control-label" for="turnoverFactor">Turnover Factor</label>
                                                            <input type="text" class="form-control" id="turnoverFactor"
                                                                   placeholder="Turnover Factor" />
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <span style="margin:10px auto " class="Condition accountActionCardBtn success saveGiveawayBtn">
                                                            Save
                                                            <div class="accountActionCardBtnBadge">
                                                                <i class="voyager-check"></i>
                                                            </div>
                                                        </span>
                                                    </div>


                                                </div>
                                            </div>

                                            <div class="box">
                                                <div class="row">
                                                    <div class="">
                                                        <div class="accountActionMainBox">
                                                            <div class="accountActionHeader">Account Action</div>
                                                            <div class="accountActionBody">

                                                                @foreach($dataType->readRows as $row)
                                                                    @php
                                                                        if ($dataTypeContent->{$row->field.'_read'}) {
                                                                            $dataTypeContent->{$row->field} = $dataTypeContent->{$row->field.'_read'};
                                                                        }
                                                                    @endphp


                                                                    @if($row->getTranslatedAttribute('display_name') == 'Is Agent')
                                                                        @continue
                                                                    @endif


                                                                    @if($row->type == 'checkbox')

                                                                        <div class="accountActionCard">
                                                                            <label>{{ $row->getTranslatedAttribute('display_name') }}</label>
{{--                                                                                same-input-div--}}
{{--                                                                            <div class="">--}}

                                                                                @if($row->type == 'checkbox')
                                                                                    @if(property_exists($row->details, 'on') && property_exists($row->details, 'off'))
                                                                                        @if($dataTypeContent->{$row->field})
                                                                                            <span style="margin:0 " class="Condition accountActionCardBtn success">
                                                                                                Apply
                                                                                                <div class="accountActionCardBtnBadge">
                                                                                                    <i class="voyager-check"></i>
                                                                                                </div>
                                                                                            </span>
                                                                                        @else
                                                                                            <span style="margin:0 " class="Condition accountActionCardBtn error">
{{--                                                                                                {{ $row->details->off }}--}}
                                                                                                Apply
                                                                                                <div class="accountActionCardBtnBadge">
                                                                                                    <i class="voyager-check"></i>
                                                                                                </div>
                                                                                            </span>
                                                                                        @endif
                                                                                    @else
                                                                                        {{ $dataTypeContent->{$row->field} }}
                                                                                    @endif
                                                                                @endif
{{--                                                                            </div><!-- panel-body -->--}}
                                                                        </div>

                                                                    @endif

                                                                    @if($row->is_empty)
                                                                        <div>
                                                                        </div>
                                                                    @endif
                                                                @endforeach

                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </li>



                <li class="tabs__tab-panel @if (\Session::has('ticket')) active @endif" data-tab="5">
                    @foreach($tickets as $ticket)

                        <div class="customBoxToShowDataInPanel"
                             style="width: 98%;border-radius: 10px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding:20px;margin:20px auto"
                        >

                            <h4>
                                title :   {{ $ticket->title }}
                            </h4>

                            @foreach($ticket->messages as $message)
                                <div @if($message->is_admin) class="green Condition"
                                     style="min-width:200px;max-width:500px;text-align:right;border-bottom-right-radius:0;padding:10px 20px; margin-top: 20px;margin-bottom: 20px;margin-right: 10px"
                                     @else
                                     class="acsses"
                                     style="min-width:200px;max-width:500px;text-align:left;border-bottom-left-radius:0;padding:10px 20px; margin: unset; margin-top: 20px;margin-bottom: 20px;"
                                    @endif>

                                    @if($message->is_admin)
                                        <div class="panelTicketMessageTitle"
                                             style="text-align:right;font-weight: 700 ; font-size: 16px; margin-bottom: 10px;">
                                            Admin
                                        </div>
                                    @else
                                        <div class="panelTicketMessageTitle"
                                             style="text-align:left;font-weight: 700 ; font-size: 16px; margin-bottom: 10px;">
                                            {{ $message->player->full_name }}
                                        </div>
                                    @endif
                                    {{ $message->desc }}
                                </div>

                            @endforeach
                            <div class="input-row" style="margin-top: 60px">
                                <form style="display: flex" method="post" action="{{ route('ticket.store') }}">
                                    @csrf
                                    <input style="display: none" name="player_id" value="{{ request()->id }}">
                                    <input style="display: none" name="ticket_id" value="{{ $message->ticket_id }}">

                                    @if($ticket->status == 'open')
                                        <input placeholder="write your answer" style="width: calc(100% - 250px)"
                                               name="desc" data-toggle_ticket = "true">
                                        <button class="flex-box add-new" data-ticketStatus = "{{$ticket->status}}">
                                            Send
                                        </button>
                                        <div class="flex-box add-new closeTicketButton" data-ticketStatus = "{{$ticket->status}}" data-ticket="{{ $message->ticket_id }}" data-player="{{ request()->id }}" style="background-color: #dc3545 ; border-color: #dc3545">
                                            Close Ticket
                                        </div>
                                    @else

                                        <div class="flex-box add-new reopenTicket" data-ticketStatus = "{{$ticket->status}}" data-ticket="{{ $message->ticket_id }}">
                                            Open Ticket
                                        </div>
                                    @endif
                                </form>
                            </div>
                            {{--                            <hr>--}}
                        </div>



                    @endforeach

                </li>

                <li class="tabs__tab-panel " data-tab="6">
                    <div class="col-lg-12 col-md-12 col-sm-12">

                        <div class="box">
                            <div class="customPanelTitle">Deposit Control</div>
                            <div class="row customRow">
                                <div class="col-md-4 px-2 mb-3">
                                    <label class="control-label" for="depositLimitIn">Amount</label>
                                    <input type="text" class="form-control" id="depositLimitIn"
                                           placeholder="Amount" />
                                </div>
                                <div style="height: 37px; margin-right: 10px;" class="Condition accountActionCardBtn success saveGiveawayBtn" onclick="handleUpdateDepositControl()">
                                    Save
                                    <div class="accountActionCardBtnBadge">
                                        <i class="voyager-check"></i>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="box">
                            <div class="customPanelTitle">Wagers Control</div>
                            <div class="row customRow">
                                <div class="col-md-4 px-2 mb-3">
                                    <label class="control-label" for="wagersLimitIn">Amount</label>
                                    <input type="text" class="form-control" id="wagersLimitIn"
                                           placeholder="Amount" />
                                </div>
                                <div style="height: 37px; margin-right: 10px;" class="Condition accountActionCardBtn success saveGiveawayBtn" onclick="handleUpdateWagersControl()">
                                    Save
                                    <div class="accountActionCardBtnBadge">
                                        <i class="voyager-check"></i>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="box">
                            <div class="customPanelTitle">Play Time Control</div>
                            <div class="row customRow">
                                <div class="col-md-4 px-2 mb-3">
                                    <label class="control-label" for="playTimeLimitIn">Time</label>
                                    <input type="text" class="form-control" id="playTimeLimitIn"
                                           placeholder="Time (minute)" />
                                </div>
                                <div style="height: 37px; margin-right: 10px;" class="Condition accountActionCardBtn success saveGiveawayBtn" onclick="handleUpdatePlayTimeControl()">
                                    Save
                                    <div class="accountActionCardBtnBadge">
                                        <i class="voyager-check"></i>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="box">
                            <div class="customPanelTitle">Loss Control</div>
                            <div class="row customRow">
                                <div class="col-md-4 px-2 mb-3">
                                    <label class="control-label" for="lossLimitIn">Amount</label>
                                    <input type="text" class="form-control" id="lossLimitIn"
                                           placeholder="Amount" />
                                </div>
                                <div style="height: 37px; margin-right: 10px;" class="Condition accountActionCardBtn success saveGiveawayBtn" onclick="handleUpdateLossControl()">
                                    Save
                                    <div class="accountActionCardBtnBadge">
                                        <i class="voyager-check"></i>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="box">
                            <div class="customPanelTitle">Access Control</div>
                            <div class="row customRow">
                                <div class="col-md-4 px-2 mb-3">

                                    <div style="position:relative;">
                                        <input type="date" class="form-control datePickerInput" name=""
                                               placeholder="Start Date"
                                               value=""
                                               id="startAccessIn"
                                        >


                                        <img class="black-calender" src="{{voyager_asset('icon/black-calender.svg')}}" style="top: 13px">
                                        <img class="delet-value" src="{{voyager_asset('icon/delet-value.svg')}}" style="top: 16px">

                                    </div>
                                </div>
                                <div class="col-md-4 px-2 mb-3">

                                    <div  style="position:relative;">
                                        <input type="date" class="form-control datePickerInput" name=""
                                               placeholder="End Date"
                                               value=""
                                               id="endAccessIn">


                                        <img class="black-calender" src="{{voyager_asset('icon/black-calender.svg')}}" style="top: 13px">
                                        <img class="delet-value" src="{{voyager_asset('icon/delet-value.svg')}}" style="top: 16px">

                                    </div>
                                </div>
                                <div style="height: 37px; margin-right: 10px;" class="Condition accountActionCardBtn success saveGiveawayBtn" onclick="handleUpdateAccessControl()">
                                    Save
                                    <div class="accountActionCardBtnBadge">
                                        <i class="voyager-check"></i>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="box">
                            <div class="customPanelTitle">Account Control</div>


                            <div class="padding-item col-lg-12 col-md-12 col-sm-12">

                                <div class="flex-box check-box-row" style="margin: 0;padding: 0;border: none; margin-bottom: 15px;">

                                    <span class="checkboxCustomTitle">
                                        Receive e-mail newsletters (and promotions)
                                    </span>

                                    <label class="switch" style="width: 100px;display: flex;justify-content: space-between;align-items: center">

                                        <input id="newsletterIn" type="checkbox" name="" class="my-checkbox" hidden />
                                        <span class="slider round" style="display: flex"></span>
                                    </label>

                                </div>
                                <div class="flex-box check-box-row" style="margin: 0;padding: 0;border: none; margin-bottom: 15px;">

                                    <span class="checkboxCustomTitle">
                                        Exclude your account from real money wagering
                                    </span>

                                    <label class="switch" style="width: 100px;display: flex;justify-content: space-between;align-items: center">

                                        <input id="real_moneyIn" type="checkbox" name="" class="my-checkbox" hidden/>
                                        <span class="slider round" style="display: flex"></span>
                                    </label>

                                </div>
                                <div class="flex-box check-box-row" style="margin: 0;padding: 0;border: none; margin-bottom: 15px;">

                                    <span class="checkboxCustomTitle">
                                        Exclude your account from receiving bonuses
                                    </span>

                                    <label class="switch" style="width: 100px;display: flex;justify-content: space-between;align-items: center">

                                        <input id="no_bonusIn" type="checkbox" name="" class="my-checkbox" hidden/>
                                        <span class="slider round" style="display: flex"></span>
                                    </label>

                                </div>
                                <div class="flex-box check-box-row" style="margin: 0;padding: 0;border: none; margin-bottom: 15px;">

                                    <span class="checkboxCustomTitle">
                                        Exclude your account from receiving free spins
                                    </span>

                                    <label class="switch" style="width: 100px;display: flex;justify-content: space-between;align-items: center">

                                        <input id="free_spinIn" type="checkbox" name="" class="my-checkbox" hidden/>
                                        <span class="slider round" style="display: flex"></span>
                                    </label>

                                </div>
                                <div class="row">
                                    <div style="height: 37px; margin: 10px auto;" class="Condition accountActionCardBtn success saveGiveawayBtn" onclick="handleUpdateAccountControl()">
                                        Save
                                        <div class="accountActionCardBtnBadge">
                                            <i class="voyager-check"></i>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>



                    </div>

                </li>


                <li class="tabs__tab-panel " data-tab="7">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="row">

                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="totalGameRounds">Total Game Rounds</label>
                                <input type="text" class="form-control" id="totalGameRounds" readonly/>
                            </div>
                            <div class="form-group col-md-4 px-2 mb-3">
                                <label class="control-label" for="rtpTimePeriod">RTP time period</label>
                                <div class=" mySelectionItem mySelectionItem1">
                                    <select
                                        class="form-control rtpTimePeriod" name="rtpTimePeriod"
                                        style="display: none;">
                                        <option value="lifeTime">Life Time</option>
                                        <option value="monthly">monthly</option>
                                        <option value="daily">daily</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="totalLogin">Total Login</label>
                                <input type="text" class="form-control" id="totalLogin" readonly/>
                            </div>
                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="totalRTPIn">Total RTP</label>
                                <input type="text" class="form-control" id="totalRTPIn" readonly/>
                            </div>
                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="totalDepositsDone">Total Deposits Done</label>
                                <input type="text" class="form-control" id="totalDepositsDone" readonly/>
                            </div>
                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="cashRTPIn">Cash RTP</label>
                                <input type="text" class="form-control" id="cashRTPIn" readonly/>
                            </div>
                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="totalDeposited">Total Deposited</label>
                                <input type="text" class="form-control" id="totalDeposited" readonly/>
                            </div>
                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="bonusRTPIn">Bonus RTP</label>
                                <input type="text" class="form-control" id="bonusRTPIn" readonly/>
                            </div>
                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="totalPayoutsDone">Total Payouts Done</label>
                                <input type="text" class="form-control" id="totalPayoutsDone" readonly/>
                            </div>
                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="rakeAndGgr">Rake / GGR</label>
                                <input type="text" class="form-control" id="rakeAndGgr" readonly/>
                            </div>
                            <div class="col-md-4 px-2 mb-3">
                                <label class="control-label" for="totalPayoutAmount">Total Payout Amount</label>
                                <input type="text" class="form-control" id="totalPayoutAmount" readonly/>
                            </div>

                        </div>

                        <div class="row rtpMainBox">
                            <div class="col-md-4">
                                <div class="box">
                                    <div class="rtpHeader">Total RTP</div>
                                    <canvas id="totalRTP1" height="400" style="height: 400px"></canvas>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="box">
                                    <div class="rtpHeader">Cash RTP</div>
                                    <canvas id="cashRTP1" height="400" style="height: 400px"></canvas>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="box">
                                    <div class="rtpHeader">Bonus RTP</div>
                                    <canvas id="bonusRTP1" height="400" style="height: 400px"></canvas>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 px-0 chartHomeDataBox">
                                <div class="box px-0 pb-0" style="overflow: hidden">
                                    <div class="px-4">
                                        <canvas id="chartHomeDataLineStatic" style="height: 400px"></canvas>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </li>

                <li class="tabs__tab-panel " data-tab="8">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <table>
                            <thead>
                            <tr class="tr">


                                @php

                                    $segments = \App\Http\Controllers\Api\Auth\PlayerController::segment(\request()->id);

                                //die(json_encode($segments));
                                @endphp

                                <th class="child1 text-center">
                                    <div class="flex-box list-filter">

                                       ID
                                    </div>


                                </th>
                                <th class="child1 text-center">
                                    <div class="flex-box list-filter">
                                        Title
                                    </div>


                                </th>
                                <th class="child1 text-center">
                                    <div class="flex-box list-filter">


                                    </div>


                                </th>

                            </tr>
                            </thead>
                            <tbody>

                            @foreach($segments as $segment)
                                <tr class="tr">

                                    <td data-column="ID"
                                        class="child1 text-center">
                                        {{ $segment->id }}
                                    </td>
                                    <td data-column="Title"
                                        class="child1 text-center">
                                        {{ $segment->name }}
                                    </td>
                                    <td data-column=""
                                        class="child1 text-center">

                                    </td>



                                </tr>
                            @endforeach

                            </tbody>
                        </table>
                    </div>

                </li>

                <li class="tabs__tab-panel " data-tab="10">


                        <ul class="tabInTabMainUl">

                            @can('browse', app('App\Models\Deposit'))
                                <li>
                                    <button class="tabs__toggle1" data-tab="1" type="button">
                                        <i class="voyager-dollar"></i>
                                        Deposit History
                                    </button>
                                </li>
                            @endcan

                            @can('browse', app('App\Models\Withdraw'))
                                <li>
                                    <button class="tabs__toggle1 " data-tab="2" type="button">
                                        <i class="voyager-wallet"></i>
                                        Withdraw History
                                    </button>
                                </li>
                            @endcan

                            @can('browse', app('App\Models\Withdraw'))
                                <li>
                                    <button class="tabs__toggle1 " data-tab="3" type="button">
                                        <i class="voyager-controller"></i>
                                        Game History
                                    </button>
                                </li>
                            @endcan

                            <li>
                                <button class="tabs__toggle1" data-tab="4" type="button">
                                    <i class="voyager-data"></i>
                                    Activity
                                </button>
                            </li>

                        </ul>


                        <div>
                @can('browse', app('App\Models\Deposit'))
                    <li class="tabs__tab-panel1 " data-tab="1">
                        @php
                            $deposits = \App\Models\Deposit::query()->where('player_id' , request()->id)->with('player')->get();

                            $dataType = \TCG\Voyager\Facades\Voyager::model('DataType')->where('slug', '=', 'deposits')->first();

                            $orderBy = request()->get('order_by', $dataType->order_column);
                            $sortOrder = request()->get('sort_order', $dataType->order_direction);

                        @endphp

                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <table>
                                <thead>
                                <tr class="tr">

                                    @foreach($dataType->browseRows as $row)

                                        <th class="child1 text-center">
                                            <div class="flex-box list-filter">

                                                <a href="{{ $row->sortByUrl($orderBy, $sortOrder) }}"
                                                   style="color: inherit !important;">
                                                    {{ $row->getTranslatedAttribute('display_name') }}
                                                    @if ($row->isCurrentSortField($orderBy))
                                                        @if ($sortOrder == 'asc')
                                                            <i class="voyager-angle-up pull-right"></i>
                                                        @else
                                                            <i class="voyager-angle-down pull-right"></i>
                                                        @endif
                                                    @endif
                                                </a>
                                            </div>


                                        </th>
                                    @endforeach

                                </tr>
                                </thead>
                                <tbody>

                                @foreach($deposits as $data)
                                    <tr class="tr">
                                        @foreach($dataType->browseRows as $row)
                                            @php
                                                if ($data->{$row->field.'_browse'}) {
                                                    $data->{$row->field} = $data->{$row->field.'_browse'};
                                                }
                                            @endphp
                                            <td data-column="{{ $row->getTranslatedAttribute('display_name') }}"
                                                class="child1 text-center">
                                                @if (isset($row->details->view))
                                                    @include($row->details->view, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $data->{$row->field}, 'action' => 'browse', 'view' => 'browse', 'options' => $row->details])
                                                @elseif($row->type == 'image')
                                                    <div class="image-box" style="margin: auto;">
                                                        @if($data->{$row->field})
                                                            <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}
                                                                @else{{ $data->{$row->field} }}@endif">
                                                        @else
                                                            <img src="{{voyager_asset('icon/Mask.svg')}}">
                                                        @endif
                                                    </div>
                                                @elseif($row->type == 'relationship')
                                                    @include('voyager::formfields.relationship', ['view' => 'browse','options' => $row->details])
                                                @elseif($row->type == 'select_multiple')
                                                    @if(property_exists($row->details, 'relationship'))

                                                        @foreach($data->{$row->field} as $item)
                                                            {{ $item->{$row->field} }}
                                                        @endforeach

                                                    @elseif(property_exists($row->details, 'options'))
                                                        @if (!empty(json_decode($data->{$row->field})))
                                                            @foreach(json_decode($data->{$row->field}) as $item)
                                                                @if (@$row->details->options->{$item})
                                                                    {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                                @endif
                                                            @endforeach
                                                        @else
                                                            {{ __('voyager::generic.none') }}
                                                        @endif
                                                    @endif

                                                @elseif($row->type == 'multiple_checkbox' && property_exists($row->details, 'options'))
                                                    @if (@count(json_decode($data->{$row->field})) > 0)
                                                        @foreach(json_decode($data->{$row->field}) as $item)
                                                            @if (@$row->details->options->{$item})
                                                                {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                            @endif
                                                        @endforeach
                                                    @else
                                                        {{ __('voyager::generic.none') }}
                                                    @endif

                                                @elseif(($row->type == 'select_dropdown' || $row->type == 'radio_btn') && property_exists($row->details, 'options'))

                                                    {!! $row->details->options->{$data->{$row->field}} ?? '' !!}

                                                @elseif($row->type == 'date' || $row->type == 'timestamp')
                                                    @if ( property_exists($row->details, 'format') && !is_null($data->{$row->field}) )
                                                        @if(Auth::user()->Locale =='fa')
                                                            {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format($row->details->format) }}
                                                        @else
                                                            {{ \Carbon\Carbon::parse($data->{$row->field})->formatLocalized($row->details->format) }}
                                                        @endif
                                                    @else
                                                        @if(Auth::user()->Locale =='fa')
                                                            {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format('Y-m-d H:i:s') }}
                                                        @else
                                                            {{ $data->{$row->field} }}
                                                        @endif

                                                    @endif
                                                @elseif($row->type == 'checkbox')
                                                    @if(property_exists($row->details, 'on') && property_exists($row->details, 'off'))
                                                        @if($data->{$row->field})
                                                            <div class="green-2 Condition">
                                                                {{ $row->details->on }}
                                                            </div>
                                                        @else
                                                            <div class="red Condition">
                                                                {{ $row->details->off }}
                                                            </div>
                                                        @endif
                                                    @else
                                                        {{ $data->{$row->field} }}
                                                    @endif
                                                @elseif($row->type == 'color')
                                                    <span class="badge badge-lg"
                                                          style="background-color: {{ $data->{$row->field} }}">{{ $data->{$row->field} }}</span>
                                                @elseif($row->type == 'text')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                                @elseif($row->type == 'text_area')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                                @elseif($row->type == 'file' && !empty($data->{$row->field}) )
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    @if(json_decode($data->{$row->field}) !== null)
                                                        @foreach(json_decode($data->{$row->field}) as $file)
                                                            <div class="acsses">

                                                                <a style="color: black"
                                                                   href="{{ Storage::disk(config('voyager.storage.disk'))->url($file->download_link) ?: '' }}"
                                                                   target="_blank">
                                                                    download

                                                                </a>
                                                            </div>

                                                        @endforeach
                                                    @else
                                                        <div class="acsses">
                                                            <a style="color: black"
                                                               href="{{ Storage::disk(config('voyager.storage.disk'))->url($data->{$row->field}) }}"
                                                               target="_blank">
                                                                Download
                                                            </a>
                                                        </div>
                                                    @endif
                                                @elseif($row->type == 'rich_text_box')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( strip_tags($data->{$row->field}, '<b><i><u>') ) > 200 ? mb_substr(strip_tags($data->{$row->field}, '<b><i><u>'), 0, 200) . ' ...' : strip_tags($data->{$row->field}, '<b><i><u>') }}</div>
                                                @elseif($row->type == 'coordinates')
                                                    @include('voyager::partials.coordinates-static-image')
                                                @elseif($row->type == 'multiple_images')
                                                    @php $images = json_decode($data->{$row->field}); @endphp
                                                    @if($images)
                                                        @php $images = array_slice($images, 0, 3); @endphp
                                                        @foreach($images as $image)
                                                            <img
                                                                src="@if( !filter_var($image, FILTER_VALIDATE_URL)){{ Voyager::image( $image ) }}@else{{ $image }}@endif"
                                                                style="width:50px">
                                                        @endforeach
                                                    @endif
                                                @elseif($row->type == 'media_picker')
                                                    @php
                                                        if (is_array($data->{$row->field})) {
                                                            $files = $data->{$row->field};
                                                        } else {
                                                            $files = json_decode($data->{$row->field});
                                                        }
                                                    @endphp
                                                    @if ($files)
                                                        @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                            @foreach (array_slice($files, 0, 3) as $file)
                                                                <img
                                                                    src="@if( !filter_var($file, FILTER_VALIDATE_URL)){{ Voyager::image( $file ) }}@else{{ $file }}@endif"
                                                                    style="width:50px">
                                                            @endforeach
                                                        @else
                                                            <ul>
                                                                @foreach (array_slice($files, 0, 3) as $file)
                                                                    <li>{{ $file }}</li>
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                        @if (count($files) > 3)
                                                            {{ __('voyager::media.files_more', ['count' => (count($files) - 3)]) }}
                                                        @endif
                                                    @elseif (is_array($files) && count($files) == 0)
                                                        {{ trans_choice('voyager::media.files', 0) }}
                                                    @elseif ($data->{$row->field} != '')
                                                        @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                            <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}@else{{ $data->{$row->field} }}@endif"
                                                                style="width:50px">
                                                        @else
                                                            {{ $data->{$row->field} }}
                                                        @endif
                                                    @else
                                                        {{ trans_choice('voyager::media.files', 0) }}
                                                    @endif
                                                @else
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <span>{{ $data->{$row->field} }}</span>
                                                @endif
                                            </td>
                                        @endforeach

                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>

                    </li>
                @endcan

                @can('browse', app('App\Models\Withdraw'))
                    <li class="tabs__tab-panel1 " data-tab="2">
                        @php
                            $withdraws = \App\Models\Withdraw::query()->where('player_id' , request()->id)->with('player')->get();

                            $dataType = \TCG\Voyager\Facades\Voyager::model('DataType')->where('slug', '=', 'withdraws')->first();

                            $orderBy = request()->get('order_by', $dataType->order_column);
                            $sortOrder = request()->get('sort_order', $dataType->order_direction);

                        @endphp

                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <table>
                                <thead>
                                <tr class="tr">

                                    @foreach($dataType->browseRows as $row)

                                        <th class="child1 text-center">
                                            <div class="flex-box list-filter">

                                                <a href="{{ $row->sortByUrl($orderBy, $sortOrder) }}"
                                                   style="color: inherit !important;">
                                                    {{ $row->getTranslatedAttribute('display_name') }}
                                                    @if ($row->isCurrentSortField($orderBy))
                                                        @if ($sortOrder == 'asc')
                                                            <i class="voyager-angle-up pull-right"></i>
                                                        @else
                                                            <i class="voyager-angle-down pull-right"></i>
                                                        @endif
                                                    @endif
                                                </a>
                                            </div>


                                        </th>
                                    @endforeach

                                </tr>
                                </thead>
                                <tbody>

                                @foreach($withdraws as $data)
                                    <tr class="tr">
                                        @foreach($dataType->browseRows as $row)
                                            @php
                                                if ($data->{$row->field.'_browse'}) {
                                                    $data->{$row->field} = $data->{$row->field.'_browse'};
                                                }
                                            @endphp
                                            <td data-column="{{ $row->getTranslatedAttribute('display_name') }}"
                                                class="child1 text-center">
                                                @if (isset($row->details->view))
                                                    @include($row->details->view, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $data->{$row->field}, 'action' => 'browse', 'view' => 'browse', 'options' => $row->details])
                                                @elseif($row->type == 'image')
                                                    <div class="image-box" style="margin: auto;">
                                                        @if($data->{$row->field})
                                                            <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}
                                                                @else{{ $data->{$row->field} }}@endif">
                                                        @else
                                                            <img src="{{voyager_asset('icon/Mask.svg')}}">
                                                        @endif
                                                    </div>
                                                @elseif($row->type == 'relationship')
                                                    @include('voyager::formfields.relationship', ['view' => 'browse','options' => $row->details])
                                                @elseif($row->type == 'select_multiple')
                                                    @if(property_exists($row->details, 'relationship'))

                                                        @foreach($data->{$row->field} as $item)
                                                            {{ $item->{$row->field} }}
                                                        @endforeach

                                                    @elseif(property_exists($row->details, 'options'))
                                                        @if (!empty(json_decode($data->{$row->field})))
                                                            @foreach(json_decode($data->{$row->field}) as $item)
                                                                @if (@$row->details->options->{$item})
                                                                    {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                                @endif
                                                            @endforeach
                                                        @else
                                                            {{ __('voyager::generic.none') }}
                                                        @endif
                                                    @endif

                                                @elseif($row->type == 'multiple_checkbox' && property_exists($row->details, 'options'))
                                                    @if (@count(json_decode($data->{$row->field})) > 0)
                                                        @foreach(json_decode($data->{$row->field}) as $item)
                                                            @if (@$row->details->options->{$item})
                                                                {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                            @endif
                                                        @endforeach
                                                    @else
                                                        {{ __('voyager::generic.none') }}
                                                    @endif

                                                @elseif(($row->type == 'select_dropdown' || $row->type == 'radio_btn') && property_exists($row->details, 'options'))

                                                    {!! $row->details->options->{$data->{$row->field}} ?? '' !!}

                                                @elseif($row->type == 'date' || $row->type == 'timestamp')
                                                    @if ( property_exists($row->details, 'format') && !is_null($data->{$row->field}) )
                                                        @if(Auth::user()->Locale =='fa')
                                                            {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format($row->details->format) }}
                                                        @else
                                                            {{ \Carbon\Carbon::parse($data->{$row->field})->formatLocalized($row->details->format) }}
                                                        @endif
                                                    @else
                                                        @if(Auth::user()->Locale =='fa')
                                                            {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format('Y-m-d H:i:s') }}
                                                        @else
                                                            {{ $data->{$row->field} }}
                                                        @endif

                                                    @endif
                                                @elseif($row->type == 'checkbox')
                                                    @if(property_exists($row->details, 'on') && property_exists($row->details, 'off'))
                                                        @if($data->{$row->field})
                                                            <div class="green-2 Condition">
                                                                {{ $row->details->on }}
                                                            </div>
                                                        @else
                                                            <div class="red Condition">
                                                                {{ $row->details->off }}
                                                            </div>
                                                        @endif
                                                    @else
                                                        {{ $data->{$row->field} }}
                                                    @endif
                                                @elseif($row->type == 'color')
                                                    <span class="badge badge-lg"
                                                          style="background-color: {{ $data->{$row->field} }}">{{ $data->{$row->field} }}</span>
                                                @elseif($row->type == 'text')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                                @elseif($row->type == 'text_area')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                                @elseif($row->type == 'file' && !empty($data->{$row->field}) )
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    @if(json_decode($data->{$row->field}) !== null)
                                                        @foreach(json_decode($data->{$row->field}) as $file)
                                                            <div class="acsses">

                                                                <a style="color: black"
                                                                   href="{{ Storage::disk(config('voyager.storage.disk'))->url($file->download_link) ?: '' }}"
                                                                   target="_blank">
                                                                    download

                                                                </a>
                                                            </div>

                                                        @endforeach
                                                    @else
                                                        <div class="acsses">
                                                            <a style="color: black"
                                                               href="{{ Storage::disk(config('voyager.storage.disk'))->url($data->{$row->field}) }}"
                                                               target="_blank">
                                                                Download
                                                            </a>
                                                        </div>
                                                    @endif
                                                @elseif($row->type == 'rich_text_box')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( strip_tags($data->{$row->field}, '<b><i><u>') ) > 200 ? mb_substr(strip_tags($data->{$row->field}, '<b><i><u>'), 0, 200) . ' ...' : strip_tags($data->{$row->field}, '<b><i><u>') }}</div>
                                                @elseif($row->type == 'coordinates')
                                                    @include('voyager::partials.coordinates-static-image')
                                                @elseif($row->type == 'multiple_images')
                                                    @php $images = json_decode($data->{$row->field}); @endphp
                                                    @if($images)
                                                        @php $images = array_slice($images, 0, 3); @endphp
                                                        @foreach($images as $image)
                                                            <img
                                                                src="@if( !filter_var($image, FILTER_VALIDATE_URL)){{ Voyager::image( $image ) }}@else{{ $image }}@endif"
                                                                style="width:50px">
                                                        @endforeach
                                                    @endif
                                                @elseif($row->type == 'media_picker')
                                                    @php
                                                        if (is_array($data->{$row->field})) {
                                                            $files = $data->{$row->field};
                                                        } else {
                                                            $files = json_decode($data->{$row->field});
                                                        }
                                                    @endphp
                                                    @if ($files)
                                                        @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                            @foreach (array_slice($files, 0, 3) as $file)
                                                                <img
                                                                    src="@if( !filter_var($file, FILTER_VALIDATE_URL)){{ Voyager::image( $file ) }}@else{{ $file }}@endif"
                                                                    style="width:50px">
                                                            @endforeach
                                                        @else
                                                            <ul>
                                                                @foreach (array_slice($files, 0, 3) as $file)
                                                                    <li>{{ $file }}</li>
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                        @if (count($files) > 3)
                                                            {{ __('voyager::media.files_more', ['count' => (count($files) - 3)]) }}
                                                        @endif
                                                    @elseif (is_array($files) && count($files) == 0)
                                                        {{ trans_choice('voyager::media.files', 0) }}
                                                    @elseif ($data->{$row->field} != '')
                                                        @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                            <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}@else{{ $data->{$row->field} }}@endif"
                                                                style="width:50px">
                                                        @else
                                                            {{ $data->{$row->field} }}
                                                        @endif
                                                    @else
                                                        {{ trans_choice('voyager::media.files', 0) }}
                                                    @endif
                                                @else
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <span>{{ $data->{$row->field} }}</span>
                                                @endif
                                            </td>
                                        @endforeach

                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>

                    </li>
                @endcan

                @can('browse', app('App\Models\Game'))
                    <li class="tabs__tab-panel1 " data-tab="3">
                        @php
                            $games = \App\Models\GameToPlayer::query()->where('player_id' , request()->id)->with('player')->get();

                            $dataType = \TCG\Voyager\Facades\Voyager::model('DataType')->where('slug', '=', 'game-to-players')->first();

                            $orderBy = request()->get('order_by', $dataType->order_column);
                            $sortOrder = request()->get('sort_order', $dataType->order_direction);

                        @endphp

                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <table>
                                <thead>
                                <tr class="tr">

                                    @foreach($dataType->browseRows as $row)

                                        <th class="child1 text-center">
                                            <div class="flex-box list-filter">

                                                <a href="{{ $row->sortByUrl($orderBy, $sortOrder) }}"
                                                   style="color: inherit !important;">
                                                    {{ $row->getTranslatedAttribute('display_name') }}
                                                    @if ($row->isCurrentSortField($orderBy))
                                                        @if ($sortOrder == 'asc')
                                                            <i class="voyager-angle-up pull-right"></i>
                                                        @else
                                                            <i class="voyager-angle-down pull-right"></i>
                                                        @endif
                                                    @endif
                                                </a>
                                            </div>


                                        </th>
                                    @endforeach

                                </tr>
                                </thead>
                                <tbody>

                                @foreach($games as $data)
                                    <tr class="tr">
                                        @foreach($dataType->browseRows as $row)
                                            @php
                                                if ($data->{$row->field.'_browse'}) {
                                                    $data->{$row->field} = $data->{$row->field.'_browse'};
                                                }
                                            @endphp
                                            <td data-column="{{ $row->getTranslatedAttribute('display_name') }}"
                                                class="child1 text-center">
                                                @if (isset($row->details->view))
                                                    @include($row->details->view, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $data->{$row->field}, 'action' => 'browse', 'view' => 'browse', 'options' => $row->details])
                                                @elseif($row->type == 'image')
                                                    <div class="image-box" style="margin: auto;">
                                                        @if($data->{$row->field})
                                                            <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}
                                                                @else{{ $data->{$row->field} }}@endif">
                                                        @else
                                                            <img src="{{voyager_asset('icon/Mask.svg')}}">
                                                        @endif
                                                    </div>
                                                @elseif($row->type == 'relationship')
                                                    @include('voyager::formfields.relationship', ['view' => 'browse','options' => $row->details])
                                                @elseif($row->type == 'select_multiple')
                                                    @if(property_exists($row->details, 'relationship'))

                                                        @foreach($data->{$row->field} as $item)
                                                            {{ $item->{$row->field} }}
                                                        @endforeach

                                                    @elseif(property_exists($row->details, 'options'))
                                                        @if (!empty(json_decode($data->{$row->field})))
                                                            @foreach(json_decode($data->{$row->field}) as $item)
                                                                @if (@$row->details->options->{$item})
                                                                    {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                                @endif
                                                            @endforeach
                                                        @else
                                                            {{ __('voyager::generic.none') }}
                                                        @endif
                                                    @endif

                                                @elseif($row->type == 'multiple_checkbox' && property_exists($row->details, 'options'))
                                                    @if (@count(json_decode($data->{$row->field})) > 0)
                                                        @foreach(json_decode($data->{$row->field}) as $item)
                                                            @if (@$row->details->options->{$item})
                                                                {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                            @endif
                                                        @endforeach
                                                    @else
                                                        {{ __('voyager::generic.none') }}
                                                    @endif

                                                @elseif(($row->type == 'select_dropdown' || $row->type == 'radio_btn') && property_exists($row->details, 'options'))

                                                    {!! $row->details->options->{$data->{$row->field}} ?? '' !!}

                                                @elseif($row->type == 'date' || $row->type == 'timestamp')
                                                    @if ( property_exists($row->details, 'format') && !is_null($data->{$row->field}) )
                                                        @if(Auth::user()->Locale =='fa')
                                                            {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format($row->details->format) }}
                                                        @else
                                                            {{ \Carbon\Carbon::parse($data->{$row->field})->formatLocalized($row->details->format) }}
                                                        @endif
                                                    @else
                                                        @if(Auth::user()->Locale =='fa')
                                                            {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format('Y-m-d H:i:s') }}
                                                        @else
                                                            {{ $data->{$row->field} }}
                                                        @endif

                                                    @endif
                                                @elseif($row->type == 'checkbox')
                                                    @if(property_exists($row->details, 'on') && property_exists($row->details, 'off'))
                                                        @if($data->{$row->field})
                                                            <div class="green-2 Condition">
                                                                {{ $row->details->on }}
                                                            </div>
                                                        @else
                                                            <div class="red Condition">
                                                                {{ $row->details->off }}
                                                            </div>
                                                        @endif
                                                    @else
                                                        {{ $data->{$row->field} }}
                                                    @endif
                                                @elseif($row->type == 'color')
                                                    <span class="badge badge-lg"
                                                          style="background-color: {{ $data->{$row->field} }}">{{ $data->{$row->field} }}</span>
                                                @elseif($row->type == 'text')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                                @elseif($row->type == 'text_area')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                                @elseif($row->type == 'file' && !empty($data->{$row->field}) )
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    @if(json_decode($data->{$row->field}) !== null)
                                                        @foreach(json_decode($data->{$row->field}) as $file)
                                                            <div class="acsses">

                                                                <a style="color: black"
                                                                   href="{{ Storage::disk(config('voyager.storage.disk'))->url($file->download_link) ?: '' }}"
                                                                   target="_blank">
                                                                    download

                                                                </a>
                                                            </div>

                                                        @endforeach
                                                    @else
                                                        <div class="acsses">
                                                            <a style="color: black"
                                                               href="{{ Storage::disk(config('voyager.storage.disk'))->url($data->{$row->field}) }}"
                                                               target="_blank">
                                                                Download
                                                            </a>
                                                        </div>
                                                    @endif
                                                @elseif($row->type == 'rich_text_box')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( strip_tags($data->{$row->field}, '<b><i><u>') ) > 200 ? mb_substr(strip_tags($data->{$row->field}, '<b><i><u>'), 0, 200) . ' ...' : strip_tags($data->{$row->field}, '<b><i><u>') }}</div>
                                                @elseif($row->type == 'coordinates')
                                                    @include('voyager::partials.coordinates-static-image')
                                                @elseif($row->type == 'multiple_images')
                                                    @php $images = json_decode($data->{$row->field}); @endphp
                                                    @if($images)
                                                        @php $images = array_slice($images, 0, 3); @endphp
                                                        @foreach($images as $image)
                                                            <img
                                                                src="@if( !filter_var($image, FILTER_VALIDATE_URL)){{ Voyager::image( $image ) }}@else{{ $image }}@endif"
                                                                style="width:50px">
                                                        @endforeach
                                                    @endif
                                                @elseif($row->type == 'media_picker')
                                                    @php
                                                        if (is_array($data->{$row->field})) {
                                                            $files = $data->{$row->field};
                                                        } else {
                                                            $files = json_decode($data->{$row->field});
                                                        }
                                                    @endphp
                                                    @if ($files)
                                                        @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                            @foreach (array_slice($files, 0, 3) as $file)
                                                                <img
                                                                    src="@if( !filter_var($file, FILTER_VALIDATE_URL)){{ Voyager::image( $file ) }}@else{{ $file }}@endif"
                                                                    style="width:50px">
                                                            @endforeach
                                                        @else
                                                            <ul>
                                                                @foreach (array_slice($files, 0, 3) as $file)
                                                                    <li>{{ $file }}</li>
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                        @if (count($files) > 3)
                                                            {{ __('voyager::media.files_more', ['count' => (count($files) - 3)]) }}
                                                        @endif
                                                    @elseif (is_array($files) && count($files) == 0)
                                                        {{ trans_choice('voyager::media.files', 0) }}
                                                    @elseif ($data->{$row->field} != '')
                                                        @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                            <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}@else{{ $data->{$row->field} }}@endif"
                                                                style="width:50px">
                                                        @else
                                                            {{ $data->{$row->field} }}
                                                        @endif
                                                    @else
                                                        {{ trans_choice('voyager::media.files', 0) }}
                                                    @endif
                                                @else
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <span>{{ $data->{$row->field} }}</span>
                                                @endif
                                            </td>
                                        @endforeach

                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>
                    </li>
                @endcan

                @can('browse', app('App\Models\PlayerLogin'))

                    <li class="tabs__tab-panel1" data-tab="4">
                        @php
                            $activity = \App\Models\PlayerLogin::query()->where('player_id' , request()->id)->with('player')->get();

                            $dataType = \TCG\Voyager\Facades\Voyager::model('DataType')->where('slug', '=', 'player-logins')->first();

                            $orderBy = request()->get('order_by', $dataType->order_column);
                            $sortOrder = request()->get('sort_order', $dataType->order_direction);

                        @endphp

                        <div class="row">
                            <div class="col-md-6 pr-2 accessByDevice">
                                <div class="box">
                                    <div class="activityChartHeader">Access By Device</div>
                                    <canvas id="accessByDevice"></canvas>
                                </div>
                            </div>
                            <div class="col-md-6 pl-2 accessByBrowser">
                                <div class="box">
                                    <div class="activityChartHeader">Access By Browser</div>

                                    <canvas id="accessByBrowser"></canvas>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <table>
                                <thead>
                                <tr class="tr">

                                    @foreach($dataType->browseRows as $row)

                                        <th class="child1 text-center">
                                            <div class="flex-box list-filter">

                                                <a href="{{ $row->sortByUrl($orderBy, $sortOrder) }}"
                                                   style="color: inherit !important;">
                                                    {{ $row->getTranslatedAttribute('display_name') }}
                                                    @if ($row->isCurrentSortField($orderBy))
                                                        @if ($sortOrder == 'asc')
                                                            <i class="voyager-angle-up pull-right"></i>
                                                        @else
                                                            <i class="voyager-angle-down pull-right"></i>
                                                        @endif
                                                    @endif
                                                </a>
                                            </div>


                                        </th>
                                    @endforeach

                                </tr>
                                </thead>
                                <tbody>

                                @foreach($activity as $data)
                                    <tr class="tr">
                                        @foreach($dataType->browseRows as $row)
                                            @php
                                                if ($data->{$row->field.'_browse'}) {
                                                    $data->{$row->field} = $data->{$row->field.'_browse'};
                                                }
                                            @endphp
                                            <td data-column="{{ $row->getTranslatedAttribute('display_name') }}"
                                                class="child1 text-center">
                                                @if (isset($row->details->view))
                                                    @include($row->details->view, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $data->{$row->field}, 'action' => 'browse', 'view' => 'browse', 'options' => $row->details])
                                                @elseif($row->type == 'image')
                                                    <div class="image-box" style="margin: auto;">
                                                        @if($data->{$row->field})
                                                            <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}
                                                                @else{{ $data->{$row->field} }}@endif">
                                                        @else
                                                            <img src="{{voyager_asset('icon/Mask.svg')}}">
                                                        @endif
                                                    </div>
                                                @elseif($row->type == 'relationship')
                                                    @include('voyager::formfields.relationship', ['view' => 'browse','options' => $row->details])
                                                @elseif($row->type == 'select_multiple')
                                                    @if(property_exists($row->details, 'relationship'))

                                                        @foreach($data->{$row->field} as $item)
                                                            {{ $item->{$row->field} }}
                                                        @endforeach

                                                    @elseif(property_exists($row->details, 'options'))
                                                        @if (!empty(json_decode($data->{$row->field})))
                                                            @foreach(json_decode($data->{$row->field}) as $item)
                                                                @if (@$row->details->options->{$item})
                                                                    {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                                @endif
                                                            @endforeach
                                                        @else
                                                            {{ __('voyager::generic.none') }}
                                                        @endif
                                                    @endif

                                                @elseif($row->type == 'multiple_checkbox' && property_exists($row->details, 'options'))
                                                    @if (@count(json_decode($data->{$row->field})) > 0)
                                                        @foreach(json_decode($data->{$row->field}) as $item)
                                                            @if (@$row->details->options->{$item})
                                                                {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                            @endif
                                                        @endforeach
                                                    @else
                                                        {{ __('voyager::generic.none') }}
                                                    @endif

                                                @elseif(($row->type == 'select_dropdown' || $row->type == 'radio_btn') && property_exists($row->details, 'options'))

                                                    {!! $row->details->options->{$data->{$row->field}} ?? '' !!}

                                                @elseif($row->type == 'date' || $row->type == 'timestamp')
                                                    @if ( property_exists($row->details, 'format') && !is_null($data->{$row->field}) )
                                                        @if(Auth::user()->Locale =='fa')
                                                            {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format($row->details->format) }}
                                                        @else
                                                            {{ \Carbon\Carbon::parse($data->{$row->field})->formatLocalized($row->details->format) }}
                                                        @endif
                                                    @else
                                                        @if(Auth::user()->Locale =='fa')
                                                            {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format('Y-m-d H:i:s') }}
                                                        @else
                                                            {{ $data->{$row->field} }}
                                                        @endif

                                                    @endif
                                                @elseif($row->type == 'checkbox')
                                                    @if(property_exists($row->details, 'on') && property_exists($row->details, 'off'))
                                                        @if($data->{$row->field})
                                                            <div class="green-2 Condition">
                                                                {{ $row->details->on }}
                                                            </div>
                                                        @else
                                                            <div class="red Condition">
                                                                {{ $row->details->off }}
                                                            </div>
                                                        @endif
                                                    @else
                                                        {{ $data->{$row->field} }}
                                                    @endif
                                                @elseif($row->type == 'color')
                                                    <span class="badge badge-lg"
                                                          style="background-color: {{ $data->{$row->field} }}">{{ $data->{$row->field} }}</span>
                                                @elseif($row->type == 'text')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                                @elseif($row->type == 'text_area')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                                @elseif($row->type == 'file' && !empty($data->{$row->field}) )
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    @if(json_decode($data->{$row->field}) !== null)
                                                        @foreach(json_decode($data->{$row->field}) as $file)
                                                            <div class="acsses">

                                                                <a style="color: black"
                                                                   href="{{ Storage::disk(config('voyager.storage.disk'))->url($file->download_link) ?: '' }}"
                                                                   target="_blank">
                                                                    download

                                                                </a>
                                                            </div>

                                                        @endforeach
                                                    @else
                                                        <div class="acsses">
                                                            <a style="color: black"
                                                               href="{{ Storage::disk(config('voyager.storage.disk'))->url($data->{$row->field}) }}"
                                                               target="_blank">
                                                                Download
                                                            </a>
                                                        </div>
                                                    @endif
                                                @elseif($row->type == 'rich_text_box')
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <div>{{ mb_strlen( strip_tags($data->{$row->field}, '<b><i><u>') ) > 200 ? mb_substr(strip_tags($data->{$row->field}, '<b><i><u>'), 0, 200) . ' ...' : strip_tags($data->{$row->field}, '<b><i><u>') }}</div>
                                                @elseif($row->type == 'coordinates')
                                                    @include('voyager::partials.coordinates-static-image')
                                                @elseif($row->type == 'multiple_images')
                                                    @php $images = json_decode($data->{$row->field}); @endphp
                                                    @if($images)
                                                        @php $images = array_slice($images, 0, 3); @endphp
                                                        @foreach($images as $image)
                                                            <img
                                                                src="@if( !filter_var($image, FILTER_VALIDATE_URL)){{ Voyager::image( $image ) }}@else{{ $image }}@endif"
                                                                style="width:50px">
                                                        @endforeach
                                                    @endif
                                                @elseif($row->type == 'media_picker')
                                                    @php
                                                        if (is_array($data->{$row->field})) {
                                                            $files = $data->{$row->field};
                                                        } else {
                                                            $files = json_decode($data->{$row->field});
                                                        }
                                                    @endphp
                                                    @if ($files)
                                                        @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                            @foreach (array_slice($files, 0, 3) as $file)
                                                                <img
                                                                    src="@if( !filter_var($file, FILTER_VALIDATE_URL)){{ Voyager::image( $file ) }}@else{{ $file }}@endif"
                                                                    style="width:50px">
                                                            @endforeach
                                                        @else
                                                            <ul>
                                                                @foreach (array_slice($files, 0, 3) as $file)
                                                                    <li>{{ $file }}</li>
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                        @if (count($files) > 3)
                                                            {{ __('voyager::media.files_more', ['count' => (count($files) - 3)]) }}
                                                        @endif
                                                    @elseif (is_array($files) && count($files) == 0)
                                                        {{ trans_choice('voyager::media.files', 0) }}
                                                    @elseif ($data->{$row->field} != '')
                                                        @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                            <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}@else{{ $data->{$row->field} }}@endif"
                                                                style="width:50px">
                                                        @else
                                                            {{ $data->{$row->field} }}
                                                        @endif
                                                    @else
                                                        {{ trans_choice('voyager::media.files', 0) }}
                                                    @endif
                                                @else
                                                    @include('voyager::multilingual.input-hidden-bread-browse')
                                                    <span>{{ $data->{$row->field} }}</span>
                                                @endif
                                            </td>
                                        @endforeach

                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>

                    </li>

            @endcan


        </div>

                </li>


            </ul>

            <div class="box row playerInfoMainBox">
                {{--<div class="playerInfoMainBox">

                </div>--}}
                <div class="col-md-4 px-2 mb-3">
                    <div class="playerInfoCard green1">
                        <div class="playerInfoCardIcon">
                            <i class="voyager-controller"></i>
                        </div>
                        <div class="playerInfoCardBody">
                            <div class="playerInfoCardTitle">{{ $dataTypeContent->status }}</div>
                            <div class="playerInfoCardDetail">Account Status</div>
                        </div>
                    </div>

                </div>
                <div class="col-md-4 px-2 mb-3">
                    <div class="playerInfoCard blue1">
                        <div class="playerInfoCardIcon">
                            <i class="voyager-wallet"></i>
                        </div>
                        <div class="playerInfoCardBody">
                            <div class="playerInfoCardTitle">{{ $dataTypeContent->wallet }}</div>
                            <div class="playerInfoCardDetail">Cash Balance</div>
                        </div>
                    </div>

                </div>
                <div class="col-md-4 px-2 mb-3">
                    <div class="playerInfoCard blue1">
                        <div class="playerInfoCardIcon">
                            <i class="voyager-mail"></i>
                        </div>
                        <div class="playerInfoCardBody">
                            <div class="playerInfoCardTitle">Email</div>
                            <div class="playerInfoCardDetail">{{ $dataTypeContent->email }}</div>
                        </div>
                    </div>

                </div>
                <div class="col-md-4 px-2 mb-3">
                    <div class="playerInfoCard red1">
                        <div class="playerInfoCardIcon">
                            <i class="voyager-trophy"></i>
                        </div>
                        <div class="playerInfoCardBody">
                            <div class="playerInfoCardTitle">{{ \App\Models\Badge::query()->find($dataTypeContent->badge_id)?->name }}</div>
                            <div class="playerInfoCardDetail">Loyality Tier</div>
                        </div>
                    </div>

                </div>
                <div class="col-md-4 px-2 mb-3">
                    <div class="playerInfoCard orange1">
                        <div class="playerInfoCardIcon">
                            <i class="voyager-star-two"></i>
                        </div>
                        <div class="playerInfoCardBody">
                            <div class="playerInfoCardTitle">{{ $dataTypeContent->bonus_balance }}</div>
                            <div class="playerInfoCardDetail">Bonus Balance</div>
                        </div>
                    </div>

                </div>

            </div>

        </div>

    </div>

    {{-- Single delete modal --}}
    <div class="modal modal-danger fade" tabindex="-1" id="delete_modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title"><i
                            class="voyager-trash"></i> {{ __('voyager::generic.delete_question') }} {{ strtolower($dataType->display_name_singular) }}
                        ?</h4>
                </div>
                <div class="modal-footer">
                    <form action="{{ route('voyager.'.$dataType->slug.'.index') }}" id="delete_form" method="POST">
                        {{ method_field('DELETE') }}
                        {{ csrf_field() }}
                        <input type="submit" class="btn btn-danger pull-right delete-confirm"
                               value="{{ __('voyager::generic.delete_confirm') }} {{ strtolower($dataType->display_name_singular) }}">
                    </form>
                    <button type="button" class="btn btn-default pull-right"
                            data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div class="modal modal-danger" id="acceptModal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title"><i
                            class="voyager-trash"></i> Are You Sure?</h4>
                </div>
                <div class="modal-footer">

                    <div class="btn btn-danger pull-right delete-confirm handleAccountActionModalSuccess">Yes</div>

                    <button type="button" class="btn btn-default pull-right"
                            data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>

    <div class="mainToastBox">
        <div class="toastCard"></div>
    </div>

    <style>
        .chartHomeDataBox .box canvas{
            height: auto;
        }

        .mainToastBox{
            max-width: 290px;
            position: fixed;
            top: 15px;
            right: 15px;
            z-index: 999999;
            font-size: 17px;
            overflow: hidden;
        }
        .toastCard{
            border-radius: 7px;
            transition: all .5s ease;
            transform: translateX(-100%);
            padding: 11px;
        }
        .toastCard.success{
            background-color: #2CB543;
            color: #fff;
        }
        .toastCard.error{
            background-color: #b52c2c;
            color: #fff;
        }

        .modal-backdrop{
            opacity: .5;
        }
    </style>
@stop

@section('javascript')
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


    @if ($isModelTranslatable)
        <script>
            $(document).ready(function () {
                $('.side-body').multilingual();
            });
        </script>
    @endif



    <script>
        var deleteFormAction;
        $('.delete').on('click', function (e) {
            var form = $('#delete_form')[0];

            if (!deleteFormAction) {
                // Save form action initial value
                deleteFormAction = form.action;
            }

            form.action = deleteFormAction.match(/\/[0-9]+$/)
                ? deleteFormAction.replace(/([0-9]+$)/, $(this).data('id'))
                : deleteFormAction + '/' + $(this).data('id');

            $('#delete_modal').modal('show');
        });

    </script>

    <script>
        class Tabs {
            constructor(element) {
                this.tabs = element;
                this.toggles = this.tabs.querySelectorAll('.tabs__toggle');
                this.panels = this.tabs.querySelectorAll('.tabs__tab-panel')
            }

            init() {
                this.toggles.forEach(toggle => {
                    toggle.addEventListener('click', (e) => {
                        this.toggles.forEach(toggle => {
                            toggle.classList.remove('active');
                        })
                        this.panels.forEach(panel => {
                            panel.classList.remove('active');
                        })
                        e.currentTarget.classList.add('active');
                        this.tabs.querySelector(`.tabs__tab-panel[data-tab='${e.currentTarget.dataset.tab}']`).classList.add('active')
                    })
                })
            }
        }

        document.querySelectorAll('.tabs').forEach(tab => {
            const tabs = new Tabs(tab);
            tabs.init();
        })
    </script>

    <script>
        const ctx3 = document.getElementById('chartHomeDataLine').getContext('2d');
        const ctx3_1 = document.getElementById('chartHomeDataLineStatic').getContext('2d');
        const ctx4 = document.getElementById('accessByDevice').getContext('2d');
        const ctx5 = document.getElementById('accessByBrowser').getContext('2d');
        const ctx6 = document.getElementById('totalRTP').getContext('2d');
        const ctx7 = document.getElementById('cashRTP').getContext('2d');
        const ctx8 = document.getElementById('bonusRTP').getContext('2d');
        const ctx9 = document.getElementById('totalRTP1').getContext('2d');
        const ctx10 = document.getElementById('cashRTP1').getContext('2d');
        const ctx11 = document.getElementById('bonusRTP1').getContext('2d');

        const homeAndStaticChartData = [

            @for($i = 1 ; $i < 13 ; $i++)
            @php
                echo \App\Models\PlayerLogin::query()->where([
                    'reason' => 'Login' ,
                    'player_id' => request()->id
                ])->whereMonth('created_at' , $i)->count();
            @endphp,
            @endfor

        ]

        const actions3 = [
            {
                name: 'pointStyle: circle (default)',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'cirlce';
                    });
                    chart.update();
                }
            },
            {
                name: 'pointStyle: cross',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'cross';
                    });
                    chart.update();
                }
            },
            {
                name: 'pointStyle: crossRot',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'crossRot';
                    });
                    chart.update();
                }
            },
            {
                name: 'pointStyle: dash',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'dash';
                    });
                    chart.update();
                }
            },
            {
                name: 'pointStyle: line',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'line';
                    });
                    chart.update();
                }
            },
            {
                name: 'pointStyle: rect',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'rect';
                    });
                    chart.update();
                }
            },
            {
                name: 'pointStyle: rectRounded',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'rectRounded';
                    });
                    chart.update();
                }
            },
            {
                name: 'pointStyle: rectRot',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'rectRot';
                    });
                    chart.update();
                }
            },
            {
                name: 'pointStyle: star',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'star';
                    });
                    chart.update();
                }
            },
            {
                name: 'pointStyle: triangle',
                handler: (chart) => {
                    chart.data.datasets.forEach(dataset => {
                        dataset.pointStyle = 'triangle';
                    });
                    chart.update();
                }
            }
        ];
        const myChart3 = new Chart(ctx3, {
            type: "line",
            data: {
                labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
                datasets: [{
                    label: 'Login',
                    fill: false,
                    data: homeAndStaticChartData,
                    borderColor:'rgb(80,208,83)',
                    backgroundColor: [
                        'rgb(80,208,83)',
                        'rgb(255, 205, 86)',
                        'rgb(255, 205, 86)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                    {
                        label: 'Total wagers',
                        fill: false,
                        data: [

                            @for($i = 1 ; $i < 13 ; $i++)
                            @php
                                echo \App\Models\GameToPlayer::query()->where([
                                    'player_id' => request()->id
                                ])->whereMonth('created_at' , $i)->sum('input_amount');
                            @endphp,
                            @endfor

                        ],
                        borderColor:'rgb(81,66,195)',
                        backgroundColor: [
                            'rgb(81,66,195)',
                            'rgb(34,124,185)',
                            'rgb(34,124,185)'
                        ],
                        pointStyle: 'circle',
                        pointRadius: 5,
                        pointHoverRadius: 10,
                        hoverOffset: 4
                    },
                    {
                        label: 'Total wins',
                        fill: false,
                        data: [

                            @for($i = 1 ; $i < 13 ; $i++)
                                @php
                                    echo \App\Models\GameToPlayer::query()->where([
                                        'player_id' => request()->id
                                    ])->whereMonth('created_at' , $i)->whereRaw('output_amount > input_amount')->sum('output_amount');
                                @endphp,
                            @endfor

                        ],
                        borderColor:'rgb(81,60,185)',
                        backgroundColor: [
                            'rgb(81,60,185)',
                            'rgb(34,120,185)',
                            'rgb(34,120,185)'
                        ],
                        pointStyle: 'circle',
                        pointRadius: 5,
                        pointHoverRadius: 10,
                        hoverOffset: 4
                    }
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx3) => 'Point Style: ' + ctx3.chart.data.datasets[0].pointStyle,
                    }
                }
            },
        });
        const myChart3_1 = new Chart(ctx3_1, {
            type: "line",
            data: {
                labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
                datasets: [{
                    label: 'Login',
                    fill: false,
                    data: homeAndStaticChartData,
                    borderColor:'rgb(80,208,83)',
                    backgroundColor: [
                        'rgb(80,208,83)',
                        'rgb(255, 205, 86)',
                        'rgb(255, 205, 86)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                    {
                        label: 'Total wagers',
                        fill: false,
                        data: [

                            @for($i = 1 ; $i < 13 ; $i++)
                            @php
                                echo \App\Models\GameToPlayer::query()->where([
                                    'player_id' => request()->id
                                ])->whereMonth('created_at' , $i)->sum('input_amount');
                            @endphp,
                            @endfor

                        ],
                        borderColor:'rgb(81,66,195)',
                        backgroundColor: [
                            'rgb(81,66,195)',
                            'rgb(34,124,185)',
                            'rgb(34,124,185)'
                        ],
                        pointStyle: 'circle',
                        pointRadius: 5,
                        pointHoverRadius: 10,
                        hoverOffset: 4
                    },
                    {
                        label: 'Total wins',
                        fill: false,
                        data: [

                            @for($i = 1 ; $i < 13 ; $i++)
                                @php
                                    echo \App\Models\GameToPlayer::query()->where([
                                        'player_id' => request()->id
                                    ])->whereMonth('created_at' , $i)->whereRaw('output_amount > input_amount')->sum('output_amount');
                                @endphp,
                            @endfor

                        ],
                        borderColor:'rgb(81,60,185)',
                        backgroundColor: [
                            'rgb(81,60,185)',
                            'rgb(34,120,185)',
                            'rgb(34,120,185)'
                        ],
                        pointStyle: 'circle',
                        pointRadius: 5,
                        pointHoverRadius: 10,
                        hoverOffset: 4
                    }
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx3) => 'Point Style: ' + ctx3.chart.data.datasets[0].pointStyle,
                    }
                }
            },
        });

        const myChart4 = new Chart(ctx4, {
            type: "pie",
            data: {
                labels: ['Desktop', 'Tablet', 'Mobile'],
                datasets: [
                    {
                    label: 'Desktop',
                    fill: false,
                    data: [
                            @php
                                echo \App\Models\PlayerLogin::query()->where([
                                    'player_id' => request()->id,
                                    'device' => 'desktop'
                                ])->count();
                            @endphp,
                            @php
                                echo \App\Models\PlayerLogin::query()->where([
                                    'player_id' => request()->id,
                                    'device' => 'tablet'
                                ])->count();
                            @endphp,
                        @php
                            echo \App\Models\PlayerLogin::query()->where([
                                'player_id' => request()->id,
                                'device' => 'mobile'
                            ])->count();
                        @endphp

                    ],
                    // borderColor:'rgb(232,17,35)',
                    backgroundColor: [
                        'rgb(232,17,35)',
                        'rgb(255, 205, 86)',
                        'rgb(80,208,83)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx4) => 'Point Style: ' + ctx4.chart.data.datasets[0].pointStyle,
                    }
                }
            },
        });

        const myChart5 = new Chart(ctx5, {
            type: "pie",
            data: {
                labels: ['Chrome', 'Firefox', 'Safari', 'Other'],
                datasets: [
                    {
                    label: 'Other',
                    fill: false,
                    data: [
                        @php
                            echo \App\Models\PlayerLogin::query()->where([
                                'player_id' => request()->id,
                                'browser' => 'Chrome'
                            ])->count();
                        @endphp,
                        @php
                            echo \App\Models\PlayerLogin::query()->where([
                                'player_id' => request()->id,
                                'browser' => 'Firefox'
                            ])->count();
                        @endphp,

                        @php
                            echo \App\Models\PlayerLogin::query()->where([
                                'player_id' => request()->id,
                                'browser' => 'Safari'
                            ])->count();
                        @endphp,

                        @php
                            echo \App\Models\PlayerLogin::query()->where([
                                'player_id' => request()->id,
                            ])->where('browser' , '!=', 'Safari')->where('browser' , '!=', 'Firefox')->where('browser' , '!=', 'Chrome')->count();
                        @endphp,

                    ],
                    // borderColor:'rgb(4,238,212)',
                    backgroundColor: [
                        'rgb(194,48,24)',
                        'rgb(255, 205, 86)',
                        'rgb(16,66,232)',
                        'rgb(4,238,212)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx5) => 'Point Style: ' + ctx5.chart.data.datasets[0].pointStyle,
                    }
                }
            },
        });

        const myChart6  = new Chart(ctx6, {
            type: "pie",
            data: {
                labels: ['Total'],
                datasets: [
                    {
                    label: 'Total',
                    fill: false,
                    data: [],
                    // borderColor:'rgb(4,238,212)',
                    backgroundColor: [
                        'rgb(16,66,232)',
                        'rgb(255, 255, 255)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx6) => 'Point Style: ' + ctx6.chart.data.datasets[0].pointStyle,
                        position:'bottom'
                    }
                }
            },
        });
        const myChart7  = new Chart(ctx7, {
            type: "pie",
            data: {
                labels: ['Cash'],
                datasets: [
                    {
                    label: 'Cash',
                    fill: false,
                    data: [],
                    // borderColor:'rgb(4,238,212)',
                    backgroundColor: [
                        'rgb(16,66,232)',
                        'rgb(255, 255, 255)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx5) => 'Point Style: ' + ctx5.chart.data.datasets[0].pointStyle,
                    }
                }
            },
        });
        const myChart8 = new Chart(ctx8, {
            type: "pie",
            data: {
                labels: ['Bonus'],
                datasets: [
                    {
                    label: 'Bonus',
                    fill: false,
                    data: [],
                    // borderColor:'rgb(4,238,212)',
                    backgroundColor: [
                        'rgb(16,66,232)',
                        'rgb(255, 255, 255)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx5) => 'Point Style: ' + ctx5.chart.data.datasets[0].pointStyle,
                    }
                }
            },
        });
        const myChart9 = new Chart(ctx9, {
            type: "pie",
            data: {
                labels: ['Total'],
                datasets: [
                    {
                    label: 'Total',
                    fill: false,
                    data: [],
                    // borderColor:'rgb(4,238,212)',
                    backgroundColor: [
                        'rgb(16,66,232)',
                        'rgb(255, 255, 255)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx5) => 'Point Style: ' + ctx5.chart.data.datasets[0].pointStyle,
                    }
                }
            },
        });
        const myChart10 = new Chart(ctx10, {
            type: "pie",
            data: {
                labels: ['Cash'],
                datasets: [
                    {
                    label: 'Cash',
                    fill: false,
                    data: [],
                    // borderColor:'rgb(4,238,212)',
                    backgroundColor: [
                        'rgb(16,66,232)',
                        'rgb(255, 255, 255)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx5) => 'Point Style: ' + ctx5.chart.data.datasets[0].pointStyle,
                    }
                }
            },
        });
        const myChart11= new Chart(ctx11, {
            type: "pie",
            data: {
                labels: ['Bonus'],
                datasets: [
                    {
                    label: 'Bonus',
                    fill: false,
                    data: [],
                    // borderColor:'rgb(4,238,212)',
                    backgroundColor: [
                        'rgb(16,66,232)',
                        'rgb(255, 255, 255)'
                    ],
                    pointStyle: 'circle',
                    pointRadius: 5,
                    pointHoverRadius: 10,
                    hoverOffset: 4
                },
                ],
                action:actions3
            },
            options: {
                responsive: true,
                plugins: {
                    title: {
                        display: true,
                        text: (ctx5) => 'Point Style: ' + ctx5.chart.data.datasets[0].pointStyle,
                    }
                }
            },
        });


        function handleGetRTPData (){
            $.ajax({
                url:"{{ route('rtp') }}",
                method:'post',
                data:{'_token' : '{{ csrf_token() }}','player_id' : {{request()->id}} }
            }).then((res) =>{
                myChart6.data.datasets[0].data = parseInt(res.all) > 0 ? [res.all , Math.abs(res.all - 100)] : [0];
                myChart7.data.datasets[0].data = parseInt(res.cash) > 0 ? [res.cash , Math.abs(res.cash - 100)] : [0];
                myChart8.data.datasets[0].data = parseInt(res.bonus) > 0 ? [res.bonus , Math.abs(res.bonus - 100)] : [0];
                myChart9.data.datasets[0].data = parseInt(res.all) > 0 ? [res.all , Math.abs(res.all - 100)] : [0];
                myChart10.data.datasets[0].data = parseInt(res.cash) > 0 ? [res.cash , Math.abs(res.cash - 100)] : [0];
                myChart11.data.datasets[0].data = parseInt(res.bonus) > 0 ? [res.bonus , Math.abs(res.bonus - 100)] : [0];
                myChart6.update();
                myChart7.update();
                myChart8.update();
                myChart9.update();
                myChart10.update();
                myChart11.update();
            }).catch((err)=>{
                console.log(err)
            })

        }

        handleGetRTPData();

    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script>

        var selectedDatepicker = '';
        // An array of dates
        var eventDates = {};
        // eventDates[ new Date( '07/18/2022' )] = new Date( '07/18/2022' );

        let accountActionCard_endPointUrl = '';

        $(".accountActionCard").click(function () {
            let endPointUrl = '';
            let itemName = $(this).children('label').text();
            if(itemName == 'FORFEIT ALL CASH BALANCE'){
                endPointUrl = "{{ route('forfeit_player_wallet') }}" ;
            }else if(itemName == 'FORFEIT ALL BONUS BALANCE'){
                endPointUrl = "{{ route('forfeit_player_bonus') }}" ;
            }else if(itemName == 'KILL PLAYER SESSION'){
                endPointUrl = "{{ route('kill_player_session') }}" ;
            }else if(itemName == 'FORFEIT WAGERING REQUIREMENTS'){
                endPointUrl = "{{ route('forfeit_wagering_requirements') }}" ;
            }else if(itemName == 'Resend Account Activation'){
                endPointUrl = "{{ route('resend_account_activation') }}" ;
            }else if(itemName == 'TRIGGER PASSWORD CHANG'){
                endPointUrl = "{{ route('trigger_password_change') }}" ;
            }else if(itemName == "ADD FREE SPINS DIRECTLY TO PLAYERS'S ACCOUNT" || itemName == 'FORFEIT ALL FREE SPINS'){
                // window.location.reload()
            }

            accountActionCard_endPointUrl  = endPointUrl;

            $('#acceptModal').modal('show')




        });

        $(".handleAccountActionModalSuccess").click(function(){

            if(accountActionCard_endPointUrl == ''){
                window.location.reload();
            }else{
                let data = {
                    player_id : {{ request()->id }},
                    _token : '{{ csrf_token() }}'
                }

                $.ajax({
                    url:accountActionCard_endPointUrl,
                    method:'post',
                    data
                }).then((res) =>{
                    $(".toastCard").addClass("success")
                    $(".toastCard").text('successfully');
                    $(".toastCard").css('transform', 'translateX(0%)');
                    setTimeout(()=>{
                        $(".toastCard").css('transform', 'translateX(-100%)');
                    },3000)
                }).catch((err) =>{
                    console.log(err)
                })
            }


        })

        $(".BalanceSelect").change(function(){
            if($(this).val() === '1'){
                $(".turnoverFactorItem").show(400);
            }else{
                $(".turnoverFactorItem").hide(400);
            }
        })

        $(".saveGiveawayBtn").click(function(){
            if($(".DirectionSelect").val() == -1){

            }else if($(".BalanceSelect").val() === '1'){
                if($("#turnoverFactor").val().trim() === ''){

                }
            }else if($("#giveawayAmount").val().trim() === '' || $("#giveawayAmount").val() == 0 ){

            }else{
                let url = new URL(window.location.href);
                let urlPlayer = url.pathname.split('/');
                urlPlayer = urlPlayer[urlPlayer.length -1 ];
                let dataList ={
                    '_token' : '{{ csrf_token() }}',
                    'is_increase' : $(".DirectionSelect").val(),
                    'is_bonus' : $(".BalanceSelect").val(),
                    'amount' :$("#giveawayAmount").val(),
                    'player_id' :urlPlayer,
                }

                if($(".BalanceSelect").val() === '1'){
                    dataList['turnover'] = $("#turnoverFactor").val();
                }

                $.ajax({
                    url:"{{route('giveaway_store')}}",
                    method:'post',
                    data:dataList,
                }).then((res)=>{
                    alret("successfully");
                }).catch((err) =>{
                    alret("error");
                })

            }
        });


        $(".calenderFooterCard").click(function(){
            $(".calenderFooterCard").removeClass("active")
            $(this).addClass("active");
            handleGetDataInCalender($(this).data("id"))
            $(".calenderHeaderMainBox").text($(this).attr("title"));
        });

        $(".calenderFooterCard").eq(0).click();

        function handleGetDataInCalender(typeName){
            let url = new URL(window.location.href);
            let urlPlayer = url.pathname.split('/');
            urlPlayer = urlPlayer[urlPlayer.length -1 ];

            $.ajax({
                url:'/api/player-data',
                method:'post',
                data:{'_token' : '{{ csrf_token() }}','type' : typeName , 'player_id':urlPlayer}
            }).then((res)=>{
                eventDates = {};
                for (let i=0 ; i<res.length ; i++){
                    eventDates[ moment(new Date( res[i].split('T')[0])).format('YYYY/MM/DD')] = new Date( res[i].split('T')[0]);
                }
                $( "#Datepicker1" ).datepicker( "refresh" );
            }).catch((err)=>{
                console.log(err)
            })
        }

        $(function() {
            $("#Datepicker1").datepicker({
                beforeShowDay: function( date ) {
                    var highlight = eventDates[(moment(date).format('YYYY/MM/DD'))];
                    if( highlight ) {
                        return [true, "customSelectedDay"];
                    } else {
                        return [true, '', ''];
                    }
                },
                dateFormat: "dd/mm/yy",
                changeMonth: true,
                changeYear: true,
                numberOfMonths: 1,
                onSelect: function(dateText) {
                    // handleGetDataInCalender(dateText);
                    // console.log("Selected date: " + dateText + "; input's current value: " + this.value);
                },
                onChangeMonthYear: function () {
                    $( "#Datepicker1" ).datepicker( "refresh" );
                }
            });
        });

        $(document).ready(function(){
            const dateInput = $(".datePickerInput");
            dateInput.on("click",function (){
                try {
                    this.showPicker();
                    // A date picker is shown.
                } catch (error) {
                    // Use external library when this fails.
                }
            })
        })

    </script>
    <script>

        // responsible gaming
        function handleUpdateDepositControl() {
            let dataItem = new FormData();
            dataItem.append('player_id',{{request()->id}});
            dataItem.append('value',$("#depositLimitIn").val().trim());


            $.ajax({
                url:'/player/max-deposit',
                method : 'post',
                processData: false,
                contentType: false,
                data:dataItem,
            }).then((res)=>{
                $(".toastCard").text('successfully');
                $(".toastCard").css('transform', 'translateX(0%)');
                setTimeout(()=>{
                    $(".toastCard").css('transform', 'translateX(-100%)');
                },3000)

            }).cach((err) =>{
                console.log(err)
            })
        }
        function handleUpdateWagersControl() {
            var dataItem = new FormData();
            dataItem.append('player_id',{{request()->id}});
            dataItem.append('value',$("#wagersLimitIn").val().trim());


            $.ajax({
                url:'/player/max-wager',
                method : 'post',
                processData: false,
                contentType: false,
                data:dataItem,
            }).then((res)=>{
                $(".toastCard").text('successfully');
                $(".toastCard").css('transform', 'translateX(0%)');
                setTimeout(()=>{
                    $(".toastCard").css('transform', 'translateX(-100%)');
                },3000)

            }).cach((err) =>{
                console.log(err)
            })
        }
        function handleUpdatePlayTimeControl() {
            var dataItem = new FormData();
            dataItem.append('player_id',{{request()->id}});
            dataItem.append('value',$("#playTimeLimitIn").val().trim());


            $.ajax({
                url:'/player/max-time',
                method : 'post',
                processData: false,
                contentType: false,
                data:dataItem,
            }).then((res)=>{
                $(".toastCard").text('successfully');
                $(".toastCard").css('transform', 'translateX(0%)');
                setTimeout(()=>{
                    $(".toastCard").css('transform', 'translateX(-100%)');
                },3000)

            }).cach((err) =>{
                console.log(err)
            })
        }
        function handleUpdateLossControstartAccessInl() {
            var dataItem = new FormData();
            dataItem.append('player_id',{{request()->id}});
            dataItem.append('value',$("#lossLimitIn").val().trim());


            $.ajax({
                url:'/player/max-loss',
                method : 'post',
                processData: false,
                contentType: false,
                data:dataItem,
            }).then((res)=>{
                $(".toastCard").text('successfully');
                $(".toastCard").css('transform', 'translateX(0%)');
                setTimeout(()=>{
                    $(".toastCard").css('transform', 'translateX(-100%)');
                },3000)

            }).cach((err) =>{
                console.log(err)
            })
        }
        function handleUpdateAccessControl() {
            var dataItem = new FormData();
            dataItem.append('player_id',{{request()->id}});
            dataItem.append('start_date',$("#startAccessIn").val().trim());
            dataItem.append('end_date',$("#endAccessIn").val().trim());


            $.ajax({
                url:'/player/freeze',
                method : 'post',
                processData: false,
                contentType: false,
                data:dataItem,
            }).then((res)=>{
                $(".toastCard").text('successfully');
                $(".toastCard").css('transform', 'translateX(0%)');
                setTimeout(()=>{
                    $(".toastCard").css('transform', 'translateX(-100%)');
                },3000)

            }).cach((err) =>{
                console.log(err)
            })
        }
        function handleUpdateAccountControl() {
            var dataItem = new FormData();
            dataItem.append('player_id',{{request()->id}});
            dataItem.append('newsletter',$("#newsletterIn").prop("checked") ? 1 : 0);
            dataItem.append('real_money',$("#real_moneyIn").prop("checked") ? 1 : 0);
            dataItem.append('no_bonus',$("#no_bonusIn").prop("checked") ? 1 : 0);
            dataItem.append('free_spin',$("#free_spinIn").prop("checked") ? 1 : 0);

            $.ajax({
                url:'/player/account_control',
                method : 'post',
                processData: false,
                contentType: false,
                data:dataItem,
            }).then((res)=>{
                $(".toastCard").text('successfully');
                $(".toastCard").css('transform', 'translateX(0%)');
                setTimeout(()=>{
                    $(".toastCard").css('transform', 'translateX(-100%)');
                },3000)

            }).cach((err) =>{
                console.log(err)
            })
        }


        $(".rtpTimePeriod").change(function(){
            handleGetStaticData($(this).val());
        })

    //    Statics


        function handleGetStaticData(dateType = "lifeTime"){
            $.ajax({
                url:"{{ route('statics') }}",
                method:'post',
                data:{'_token' : '{{ csrf_token() }}','player_id' : '{{ request()->id }}' , 'period' : dateType}
            }).then((res) =>{

                $("#totalGameRounds").val(res.total_game_rounds);
                $("#totalLogin").val(res.total_log_in);
                $("#totalRTPIn").val(res.total_rtp);
                $("#totalDepositsDone").val(res.total_deposits_done);
                $("#cashRTPIn").val(res.cash_rtp);
                $("#totalDeposited").val(res.total_deposits);
                $("#bonusRTPIn").val(res.bonus_rtp);
                $("#totalPayoutsDone").val(res.total_payouts_done);
                $("#rakeAndGgr").val(res.ggr);
                $("#totalPayoutAmount").val(res.total_payouts_amount);
            }).catch((err)=>{})

        }
        handleGetStaticData("lifeTime");

    </script>


    <script>
        $(".tabs__toggle1").click(function () {
            let itemId = $(this).data("tab");

            $(".tabs__toggle1").removeClass("active");
            $(this).addClass("active");

            $(".tabs__tab-panel1").removeClass("active");
            $(`.tabs__tab-panel1[data-tab=${itemId}]`).addClass("active")

        })

        $(".tabs__toggle").click(function () {
            if($(this).hasClass('showHistoryBox')){
                $(".tabs__toggle1").eq(0).click();
            }else{
                $(".tabs__tab-panel1").removeClass("active");
            }
        })

    </script>

    <script>
        $(".closeTicketButton").click(function(){
            let ticket_id = $(this).data("ticket");
            // let player_id = $(this).data("player");
            handleOpenOrCloseTicket(ticket_id , 'close')
        })
        $(".reopenTicket").click(function(){
            let ticket_id = $(this).data("ticket");
            handleOpenOrCloseTicket(ticket_id , 'open')
        })

        function handleOpenOrCloseTicket (ticketId , type) {
            $.ajax({
                url:"{{ route('changing_ticket') }}",
                method:'post',
                data:{'_token' : '{{ csrf_token() }}','ticket_id' : ticketId, 'status' : type}
            }).then((res) =>{
                $(".toastCard").addClass("success");

                if(type == 'open'){
                    $(".toastCard").text('Ticket Opened Successfully');
                }else{
                    $(".toastCard").text('Ticket Closed Successfully');
                }

                $(".toastCard").css('transform', 'translateX(0%)');
                setTimeout(()=>{
                    $(".toastCard").css('transform', 'translateX(-100%)');
                },3000);

                localStorage.setItem("tabSelect" , 5)

                window.location.reload();
            }).catch((err) =>{
                console.log(err)
            })
        }

        if(localStorage.getItem("tabSelect")){
            $(`.tabs__toggle[data-tab=${localStorage.getItem("tabSelect")}]`).click();
            localStorage.removeItem("tabSelect");
        }

    </script>




@stop