@extends('layouts.master')

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

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

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

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

    <div class="tab-pane active">
        <div class="bs-example">
            <form js-container="#container-casino-taxable-table" method="POST" action="{{ route('casino.taxable.report.render') }}">
                @csrf
                <div class="row">
                    <div class="form-group">
                        <span class="badge badge-secondary">{{ __('Timezone Europe/Rome') }}</span>
                    </div>

                    <div class="form-group col-md-3">
                        <label for="game_category">{{ __('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-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-casino-taxable-table">
                        @if(isset($casino_taxable))
                        @include ('partial/tables/financial/casino-taxable-report')
                        @endif
                    </div>
                </div>

            </form>


        </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="https://cdn.datatables.net/buttons/2.1.0/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.1.0/js/buttons.html5.min.js"></script> --}}
<script type="text/javascript" src="/assets/js/reports.js"></script>

<script>
    $(document).ready(function() {
        initializeDatepickerRange();
        Reports.initialize({first_range_days_before:1});
    });
</script>
@endsection