@extends('layouts.master')

@section('page-title'){{ __('Players List') }}@endsection

@section('menu'){{ __('Players') }}@endsection

@section('sub-menu'){{ __('Search players') }}@endsection

@section('content')

    <form js-container="#container-players-index" class="ajax-form form-players-index"
          action="{{ route('players.search') }}">
        @csrf
        @if (Auth::user()->hasRole('LimitedPlayers') || Auth::user()->hasRole('FullPlayers') ||
        Auth::user()->hasRole('AffiliateManager') || Auth::user()->hasRole('OperatorPersonnel') || Auth::user()->hasRole('OperatorAdmin'))
            <div class="row">
                @if (getenv('APP_MARKET') == 'gt')

                    <div class="col-lg-2">
                        <div class="form-group">
                            <label>{{ __('Account status') }}:</label>
                            <select class="form-control choose-status" name="status">
                                <option value="" selected="selected">{{ __('All') }}</option>
                                {{-- <option value="0x00001000" >{{ __('Unverified') }}</option> --}}
                                <option value="1">{{ __('Show verified players') }}</option>
                                <option value="0">{{ __('Show unverified players') }}</option>
                            </select>
                        </div>
                    </div>

                @endif

                <div class="form-group col-lg-2 ">
                    <label>{{ __('Aggregator ID:') }}</label>
                    <input type="text" class="form-control" name="id" placeholder="{{ __('Aggregator ID') }}" />
                </div>
                <div class="form-group col-lg-2">
                    <label>{{ __('External ID:') }}</label>
                    <input type="text" class="form-control" name="cid" placeholder="{{ __('External ID') }}" />
                </div>
                @if(Auth::user()->hasRole('AffiliateCashier') && getenv('APP_MARKET') == 'gt')
                    <div class="form-group col-lg-2">
                        <label>{{ __('National ID:') }}</label>
                        <input type="text" class="form-control" name="authority_id" placeholder="{{ __('National ID') }}" />
                    </div>
                @endif



                <div class="form-group col-lg-2">
                    <label>{{ __('Username:') }}</label>
                    <input type="text" class="form-control" name="extern-username" placeholder="{{ __('Username') }}" />
                </div>
                <div class="form-group col-lg-2">
                    <label>{{ __('Last name:') }}</label>
                    <input type="text" class="form-control" name="lastname" placeholder="{{ __('Last name') }}" />
                </div>
                <div class="form-group col-lg-2">
                    <label>{{ __('First name:') }}</label>
                    <input type="text" class="form-control" name="firstname" placeholder="{{ __('First name') }}" />
                </div>
                <div class="form-group col-lg-2">
                    <label>{{ __('VIP level:') }}</label>
                    @include('partial.dropdowns.player-level-select')
                </div>

                    @if(Auth::user()->hasRole("FullPlayers"))
                        <div class="form-group col-lg-2">
                            <label>{{ __('Partner:') }}</label>
                            <select class="form-control" name="partner_select">
                                <option value="-1">{{ __('All') }}</option>

                                @foreach($partnerSelect as $partner)
                                    <option value="{{ $partner->id }}"> {{ $partner->description }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-lg-3">
                            <label>{{ __('Skin:') }}</label>
                            <select class="form-control select-skin js-select2" multiple="multiple" name="skin_select[]" disabled>
                                <option value="-1">{{ __('All') }}</option>
                            </select>
                        </div>
                    @endif

                @if (getenv('APP_MARKET') == 'gt')
                    <div class="form-group col-lg-2">
                        <label>{{ __('Currency:') }}</label>
                        <select class="form-control" name="currency_id">
                            <option value="">
                                @lang('Please Select Currency')
                            </option>
                            @foreach ($currencies as $id => $currency)
                                <option value="{{ $id }}">
                                    {{ $currency->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                @endif
            </div>
            <div class="row">
                <div class="form-group col-lg-6 align-self-center">
                    <button class="btn btn-primary js-advanced-search">{{ __('Advanced Search') }}</button>
                    <button class="js-submit btn btn-primary waves-effect waves-light">{{ __('Search') }}</button>
                </div>
                <div class="form-group col-lg-6 align-self-center ">
                    @if (getenv('APP_MARKET') == 'gt')
                        @if ($currentBoUser->affilid != 1)
                            <a target="_blank" class="btn btn-primary float-right"
                               href="{{ getenv('CMS_URL') . 'register?affilid=' . $currentBoUser->affilid }}">
                                {{ __('Create player') }}
                            </a>
                        @endif
                        <button type="button" class="btn btn-primary js-modal float-right mr-1" data-modalid='modify-balance'
                                data-savetext="{{ __('Next') }}" data-maxwidth="1000"
                                data-modaltitle="{{ __('Modify Player Balance') }}" data-url="{{ route('payments.modify-balance') }}">
                            {{ __('Modify Player Balance') }}
                        </button>
                    @endif
                </div>
            </div>
        @else
            <div class="form-group col-lg-12 align-self-center ">
                @if (getenv('APP_MARKET') == 'gt')
                    @if ($currentBoUser->affilid != 1)
                        <a target="_blank" class="btn btn-primary float-right"
                           href="{{ getenv('CMS_URL') . 'register?affilid=' . $currentBoUser->affilid }}">
                            {{ __('Create player') }}
                        </a>
                    @endif
                    <button type="button" class="btn btn-primary js-modal float-right mr-1" data-modalid='modify-balance'
                            data-savetext="{{ __('Next') }}" data-maxwidth="1000" data-modaltitle="{{ __('Modify Player Balance') }}"
                            data-url="{{ route('payments.modify-balance') }}">
                        {{ __('Modify Player Balance') }}
                    </button>
                @endif
            </div>
        @endif
        <div class="row js-showhide-form-container" style="display: none">
            <div class="col-lg-4">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group ">
                            <label>{{ __('Account activation from - to') }} </label>
                            <input type="text" name="daterange" class="form-control js-datepicker-range"
                                   value="{{ Request::get('daterange') }}" autocomplete="off">

                            {{-- <input type="text" class="js-datepicker form-control" id="dateFrom"
                                placeholder="{{ __('From') }}" name="dateFrom" value="{{ $dateFrom or '' }}"> --}}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group ">
                            <label>{{ __('Country:') }}</label>
                            <select class="form-control js-select2" name="country">
                                <option value="" selected="selected">{{ __('-- Please select --') }}</option>
                                @foreach (GetCountryCodes() as $code => $country_name)
                                    <option value="{{ $code }}"> {{ $country_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="row">

                    <div class="col-md-6">
                        <div class="form-group ">
                            <label>{{ __('Email address:') }}</label>
                            <input type="text" class="form-control" placeholder="{{ __('Email address') }}" name="email"
                                   value="">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group ">
                            <label>{{ __('City:') }}</label>
                            <input type="text" class="form-control" placeholder="{{ __('City') }}" name="city" value="">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{ __('Last IP address:') }}</label>
                            <input type="text" class="form-control" placeholder="{{ __('Last Ip Address') }}"
                                   name="last-ipaddress" value="{{ $lastipaddres }}">
                        </div>
                    </div>
                </div>

            </div>


            <div class="col-lg-2">
                @if ((getenv('APP_MARKET') == 'gt'))

                    <div class="form-group">
                        <label>{{ __('Affiliate:') }}</label>
                        <select name="affilid[]" class="form-control js-select2" multiple="multiple">
                            <option value="">{{ __('-- Please select --') }}</option>
                            @foreach($affiliates as $id => $affiliate)
                                <option value="{{ $id }}">{{ $affiliate->name  }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif

                <div class="form-group">
                    <label>{{ __('Show per page:') }}</label>
                    <select class="form-control" name="perPage">
                        @foreach (Config::get('globalvar.perpage') as $key => $value)
                            <option value="{{ $key }}">{{ $value }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>

        @if (getenv('APP_MARKET') == 'gt')
            @if (Auth::user()->hasRole('LimitedPlayers') || Auth::user()->hasRole('FullPlayers') ||
            Auth::user()->hasRole('AffiliateManager') || Auth::user()->hasRole('OperatorPersonnel') || Auth::user()->hasRole('OperatorAdmin'))
                <div class="table-responsive">
                    <div id="container-players-index">
                        @if (isset($players_data))
                            @include ('partial/tables/players/players-table')
                        @endif
                    </div>
                </div>
            @endif
        @else
            <div class="table-responsive">
                <div id="container-players-index">
                    @if (isset($players_data))
                        @include ('partial/tables/players/players-table')
                    @endif
                </div>
            </div>
        @endif

    </form>
    <!-- end row -->

@endsection

@section('script')
    <script src="/assets/js/pages/affiliates.js"></script>
    <script src="/assets/js/pages/vouchers.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <script type="text/javascript" src="/assets/js/reports.js"></script>
    <script>
        initializeDatepickerRange();
        $(document).ready(function () {
            $('.form-players-index').on('click', '.js-advanced-search', function (e) {
                e.preventDefault();
                $('.js-showhide-form-container').toggle();
            });

            Affiliates.initialize();

            @php
                $routes = [
                        'searchRoute' => route('payments.vouchers'),
                        'cancelVoucherRoute' => route('payments.cancell-voucher'),
                        'activateVoucherRoute' => route('payments.activate-voucher'),
                        'refundVoucherRoute' => route('payments.refund')
                        ];
            @endphp
            Vouchers.initialize(
                {!! json_encode($routes) !!},
                '{{ csrf_token() }}'
            );


            $(document).on('change', '.js-change-status', function() {


                var id = $(this).attr('data-id');
                var status = $(this).attr('data-status');
                var url = $(this).attr('data-href');
                var trElem = $(this).closest('tr');
                var username = $(this).attr('data-name');
                var authority_id = $(this).attr('data-authority-id');
                var account_status = $('.choose-status option:selected').val();
                var addMsg = (authority_id != null && authority_id != '') ? '<br/><br/>Authority ID:'+ "<b>"+authority_id+"</b>" : '';

                Swal.fire({
                    title: status == 'verify' ? "{{ __('Are you sure you want to verify ') }} "+username+"?" : "{{ __('Are you sure you want to unverify ') }} "+username+"?",
                    text: "",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#02a499",
                    cancelButtonColor: "#ec4561",
                    cancelButtonText : "{{ __('Cancel') }}",
                    confirmButtonText: status == 'verify' ? "{{ __('Yes, verify') }}!" : "{{ __('Yes, unverify') }}!"
                }).then(function (result) {
                    if (result.value) {

                        $.ajax({
                            data: {
                                "_token": "{{ csrf_token() }}",
                                "account_status": account_status,
                                "player_index_table" : "true"
                            },
                            type: 'POST',
                            url: url,
                            success: function (response) {

                                if (response.success){

                                    if(status == "verify") {
                                        // Swal.fire("Verified!", username+"  is  verified.", "success");
                                        Swal.fire("Verified!", username+" is verified."+ addMsg, "success");

                                        trElem.removeClass('bg-danger');

                                    }else {
                                        Swal.fire("Unverified!", username+" is unverified."+ addMsg, "success");
                                        trElem.addClass('bg-danger');
                                    }
                                }
                                else {
                                    Swal.fire("Denied!", "You dont have permision to update this player.", "error");
                                }
                            },
                            error: function(XMLHttpRequest, textStatus, errorThrown) {
                                Swal.fire("Denied!", errorThrown, "error");
                            }
                        });
                    }
                });
            });
        });
    </script>
@endsection