@extends('layouts.master')

@section('page-title'){{ __('Casino Games') }}@endsection

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

@section('sub-menu'){{ __('Casino Games') }}@endsection

@section('content')

    <p id="response_message" class="d-none alert"></p>
    <form id="search-games" js-container="#container-games" method="POST" action="{{  route('games.casinogames') }}">
        @csrf
        <div class="row">
            <div class="form-group col-lg-1 p-0 mr-1">
                <label>{{ __('Show per page:') }}</label>
                {!! Form::select('perPage', Config::get('globalvar.perpage'), null, ['class' => 'form-control']) !!}
            </div>
            <div class="form-group col-lg-1 p-0 mr-1">
                <label>{{ __('Game ID:') }}</label>
                <input type="text" class="form-control" name="gameidsearch" value="{{ Request::get('gameidsearch') }}">
            </div>
            @if (getenv('APP_MARKET') == 'it')
            <div class="form-group col-lg-1 p-0 mr-1">
                <label>{{ __('AAMS Game ID:') }}</label>
                <input type="text" class="form-control" name="aamsgameidsearch" value="{{ Request::get('aamsgameidsearch') }}">
            </div>
            @endif
            <div class="form-group col-lg-2 p-0 mr-1">
                <label>{{ __('Game Name:') }}</label>
                <input type="text" class="form-control" name="gamenamesearch" value="{{ Request::get('gamenamesearch') }}">
            </div>
            <div class="form-group col-lg-1 p-0 mr-1">
                <label>{{ __('Status:') }}</label>
                {!! Form::select('statusId', [null => "All", '1' => "Active", '0' => "Inactive"] , Request::get('statusselect'), ['class' => 'form-control','id'=>'statusselect']) !!}
            </div>
            <div class="form-group col-lg-1 p-0 mr-1">
                <label>{{ __('Checksums:') }}</label>
                {!! Form::select('checksumId', [null => "All", '0' => "OK", '1' => "Error"] , Request::get('checksumselect'), ['class' => 'form-control','id'=>'checksumselect']) !!}
            </div>
            <div class="form-group col-lg-1 p-0 mr-1">
                <label>{{ __('Category:') }}</label>
                <select class="form-control"  name="categoryId">
                    <option value="">{{ __('All') }}</option>
                    @foreach($gameCategories as $gameCategory)
                        <option value="{{ $gameCategory->id }}">{{ $gameCategory->name }}</option>
                        <option value="-1">{{ __('Unassigned') }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group col-lg-1 p-0 mr-1">
                <label>{{ __('Provider:') }}</label>
                <select class="form-control" name="providerId">
                    <option value="">{{ __('All') }}</option>
                    @foreach($providerSelect as $provider)
                        <option value="{{ $provider->id }}"> {{ $provider->provider_name }}</option>
                    @endforeach
                </select>

            </div>

            <div class="form-group ml-3 mt-4">
                <button type="submit" class="js-search js-submit btn btn-primary waves-effect waves-light">{{ __('Search') }}</button>
            </div>
        </div>

        <button class="js-modal btn btn-success"
                data-modalid="casino-game-add"
                data-url="{{ route('games.edit')  }}"
                data-modaltitle="{{ __('Add New Casino Game') }}"
                data-savetext="{{ __('Save') }}"
                data-maxwidth="600"
        >{{ __('Add new game') }}</button>

        <button
                id="do-with-selected"
                class="js-modal btn btn-info"
                data-modalid="casino-do-with-selected"
                data-url="{{ route('games.edit-multiple')  }}"
                data-modaltitle="{{ __('Chose action') }}"
                data-savetext="{{ __('Save') }}"
                data-maxwidth="600"
        >{{ __('Do with selected ...') }}</button>

        <div class="mt-3 table-responsive">
            <div id="container-games">
                @include('partial.tables.games.casino-games-table')
            </div>
        </div>
    </form>


@endsection


@section('script')
    <script src="/assets/js/pages/casino_games.js"></script>

    <script>
        function reRenderTable() {
            let currentPage = $('.pagination > li.page-item.active .page-link').text();
            $('#search-games').attr('current-page', currentPage)
            $('#search-games').find(".js-submit").click();
        }
        $(document).ready(function () {
            CasinoGames.initialize('{{ route('games.edit-multiple')  }}', '{{ route('games.delete')  }}');

        });

    </script>

@endsection