@extends('layouts.master')

@section('page-title'){{ __('Casino Real Bonus Expired') }}@endsection

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

@section('sub-menu'){{ __('Casino Real Bonus Expired') }}@endsection


@section('content')
<div class="tab-content">

    <div class="tab-pane active" id="casino-realbonus-report">
        <div class="bs-example casinorealbonus-report">
            <form js-callbacks="initializeDataTables" js-container="#container-real-bonus-expired" class="ajax-form form-real-bonus-expired" action="{{ route('casino.real.bonus.expired.render') }}">
                @csrf
                <div class="row">
                    <div class="form-group col-md-2">
                        <label>{{ __('Show per page:') }}</label>
                        <select class="form-control" name="perPage">
                            @foreach($perPage as $key => $value)
                            <option value="{{ $key }}">{{ $value }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-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-md-2">
                        <label>{{ __('Skin:') }}</label>
                        <select class="form-control select-skin js-select2" multiple="multiple" name="skin_select[]" disabled>
                            <option value="-1">{{ __('All') }}</option>
                        </select>
                    </div>

                    <div class="form-group col-md-2">
                        <label>{{ __('Aggregator ID:') }}</label>
                        <input type="text" name="user_id" class="form-control" placeholder="{{ __('Aggregator ID') }}" />
                    </div>
                    <div class="form-group col-md-2">
                        <label>{{ __('Affiliate Name:') }}</label>
                        <input type="text" class="form-control" id="affilid" name="affilid" value="">
                    </div>

                    <div class="form-group col-md-4">
                        <label>{{ __('Time Range') }}</label>
                        <input type="text" name="daterange" class="form-control js-datepicker-range" value="{{ Request::get('daterange') }}" autocomplete="off">
                    </div>
                    
                    <div class="form-group col-md-2">
                        <label></span> Show by:</label>
                        {!! Form::select('group_by', array('sum'=>'Summarized', 'user'=>'User'), Request::get('group_by'), ['class' => 'form-control','id'=>'group_by']) !!}
                    </div>

                    <div class="form-group col-md-1 align-self-center text-center mt-4">
                        <button type="submit" class="js-submit btn btn-primary waves-effect waves-light">{{ __('Search') }}</button>
                    </div>
                </div>
                <div class="table-responsive overflow-hidden">
                    <div id="container-real-bonus-expired">
                        @if(isset($casino_real_bonuses_expired))
                            @include ('partial.tables.financial.casino-real-bonus-user-expired')
                        @endif
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
@endsection

@section('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>
    $(document).ready(function() {
        initializeDatepickerRange();
    });
</script>
@endsection