@extends('layouts.master')

@section('page-title'){{ __('User Win Report') }}@endsection

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

@section('sub-menu'){{ __('User Win Report') }}@endsection

@section('content')

<form js-container ="#container-user-win" class="ajax-form form-players-index" action="{{ route('financial.userswin.render') }}">
    @csrf

    <div class="row">
        <div class="form-group col-lg-1">
            <label>{{ __('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-lg-2">
            <label>{{ __('Min amount:') }}</label>
            <input type="text" name="minamount" class="form-control" value="0">
        </div>

        <div class="form-group col-lg-2">
            <label>{{ __('From:') }}</label>
            <input type="text" class="js-datepicker form-control" id="dateFrom" placeholder="{{ __('From') }}" name="dateFrom"
                   value="{{ date("Y-m-d H:i:s", mktime(0, 0, 0, date("m"),date("d")-1,date("Y"))) }}" autocomplete="off">
        </div>

        <div class="form-group col-lg-2">
            <label>{{ __('To:') }}</label>
            <input type="text" class="form-control js-datepicker-to" id="dateTo" placeholder="{{ __('To') }}" name="dateTo" value="{{ date('Y-m-d H:i:s') }}" autocomplete="off">
        </div>

        <div class="form-group col-lg-2 align-self-center mt-4">
            <button class="js-submit btn btn-primary waves-effect waves-light">{{ __('Search') }}</button>
        </div>

    </div>

    <div class="table-responsive">
        <div id="container-user-win">
            @if (isset($user_win))
                @include ('partial/tables/financial/user-win')
            @endif
        </div>
    </div>

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

@endsection