@extends('layouts.master')

@section('page-title')
    {{ __('Player Rakes Report') }}
@endsection

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

@section('sub-menu')
    {{ __('Player Rakes Report') }}
@endsection

@section('content')
    <div class="tab-content">
        <div class="tab-pane active">
            <div class="bs-example">
                <form
                        method="POST"
                        class="ajax-form form-players-rake-report"
                        action="{{ route('financial.poker.players-rake.reports.render') }}"
                        js-callbacks="initializeDataTables"
                        js-container="#container-financial-players-rake-report"
                >
                    @csrf
                    @method('POST')
                    <div class="row">
                        <div class="form-group col-md-2">
                            <label for="perPage" class="text-capitalize">
                                {{ __('Show per page:') }}
                            </label>
                            <select class="form-control" name="perPage">
                                @foreach($recordPerPages as $key => $recordPerPage)
                                    <option value="{{ $key }}">
                                        {{ $recordPerPage }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-2">
                            <label for="dateFrom">
                                {{ __('From:') }}
                            </label>
                            <input
                                    id="dateFrom"
                                    type="text"
                                    name="fromDate"
                                    value="{{ $fromDate }}"
                                    class="js-datepicker form-control"
                                    placeholder="dd-mm-yyyy"
                                    autocomplete="off"
                            />
                        </div>
                        <div class="form-group col-md-2">
                            <label for="dateTo">
                                {{ __('To:') }}
                            </label>
                            <input
                                    id="dateTo"
                                    type="text"
                                    name="toDate"
                                    value="{{ $toDate }}"
                                    class="js-datepicker-to form-control"
                                    placeholder="dd-mm-yyyy"
                                    autocomplete="off"
                            />
                        </div>
                        <div class="form-group col-md-2">
                            <label for="deviceType">
                                {{ __('Device') }}
                            </label>
                            <select class="form-control" name="deviceType">
                                <option value="0">
                                    All
                                </option>
                                <option value="1">
                                    Desktop
                                </option>
                                <option value="2">
                                    Mobile
                                </option>
                                <option value="3">
                                    Browser
                                </option>
                            </select>
                        </div>
                        <div class="form-group col-md-2">
                            <label for="skinType" class="text-capitalize">
                                {{ __('Select skin:') }}
                            </label>
                            <select class="form-control" name="skinId">
                                <option value="-1">{{ __('All') }}</option>
                                @foreach($availableSkins as $id => $availableSkin)
                                    <option value="{{ $id }}">
                                        {{$availableSkin->name}}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-1">
                            <div class="form-check mt-4">
                                <input
                                        id="includeTables"
                                        type="checkbox"
                                        name="includeTables"
                                        class="form-check-input"
                                >
                                <label for="includeTables" class="form-check-label">
                                    {{ __('Include Tables') }}
                                </label>
                            </div>
                        </div>
                        <div class="form-group col-lg-1 mt-4">
                            <button class="js-submit btn btn-primary waves-effect waves-light">
                                {{ __('Search') }}
                            </button>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <div id="container-financial-players-rake-report"></div>
                    </div>
                </form>
            </div>
        </div>
@endsection