@extends('layouts.back-end.body')

@section('content')
    <div class="app-content pt-3 p-md-3 p-lg-4">

        <div class="app-card app-card-notification shadow-sm mb-4">
            <div class="app-card-body p-4 input-p-4">


                <div class="col-lg-12 col-md-12 col-sm-12 row middle-decoration slide-padding">
                    {{-- searcy --}}

                    <div class="" style="margin-bottom: 30px;">
                        <form method="get" id="search-form">
                            <div class="row" style="margin-bottom:15px;">
                                <div class="col-xs-12 col-sm-4" style="margin-top:0px;font-weight: bold;">
                                    {{ __('message.status') }}

                                    <select class="form-select" aria-label="Default select example" name="status">
                                        <option value="1" @if ($status == 1) selected @endif>
                                            {{ __('message.approved') }}</option>
                                        <option value="0" @if ($status == 0) selected @endif>
                                            {{ __('message.pending') }}</option>
                                        <option value="2" @if ($status == 2) selected @endif>
                                            {{ __('message.reject') }}</option>
                                    </select>
                                </div>
                                <div class="col-xs-12 col-sm-4" style="margin-top:0px;font-weight: bold;">
                                    {{ __('message.add by') }}
                                    <select class="form-select" aria-label="Default select example" name="by">
                                        <option value="0" @if ($by == 0) selected @endif>
                                            {{ __('message.customer') }}</option>
                                        <option value="1" @if ($by == 1) selected @endif>
                                            {{ __('message.admin') }}</option>
                                    </select>
                                </div>
                                <div class="col-xs-12 col-sm-4" style="margin-top:0px;font-weight: bold;">
                                    {{ __('message.account type') }}
                                    <select class="form-select" aria-label="Default select example" name="is_test_account">
                                        <option>{{ __('message.all') }}</option>
                                        <option value="0" @if ($is_test_account == 0) selected @endif>
                                            {{ __('message.real') }}</option>
                                        <option value="1" @if ($is_test_account == 1) selected @endif>
                                            {{ __('message.test') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row" style="margin-bottom:15px;">
                                <div class="col-xs-6 col-sm-6" style="margin-top:0px;font-weight: bold;">
                                    {{ __('message.start date') }}

                                    <input type="text" id="datepicker_start" class="form-control" name="start_date"
                                        title=" {{ __('message.start date') }}" value="{{ $start_date ?? '' }}" placeholder=" {{ __('message.start date') }}"
                                        readonly="">
                                </div>
                                <div class="col-xs-6 col-sm-6" style="margin-top:0px;font-weight: bold;">
                                    {{ __('message.end date') }}
                                    <input type="text" id="datepicker_end" class="form-control" name="end_date"
                                        title="{{ __('message.end date') }}" value="{{ $end_date ?? '' }}" placeholder="{{ __('message.end date') }}" readonly="">
                                </div>
                            </div>

                            <div class="rows">
                                <div class="" style="padding-bottom:10px;display: inline;">
                                    <button type="submit" class="btn btn-primary" style="display:inline;">
                                        <i class="fa fa-search"></i>
                                        {{ __('message.search') }}
                                    </button>
                                    <a href="{{ route('balance.index') }}" type="reset" class="btn btn-warning"
                                        style="display:inline;">
                                        <i class="fa fa-refresh"></i>
                                        <span class="hidden-xs">{{ __('message.refresh') }}</span>
                                    </a>
                                </div>
                                <button type="button" class="btn btn-primary search-date" id="today">
                                    <i class="fa fa-calendar"></i>
                                    {{ __('message.today') }}
                                </button>
                                <button type="button" class="btn btn-primary search-date" id="yesterday">
                                    <i class="fa fa-calendar"></i>
                                    {{ __('message.yesterday') }}
                                </button>
                                <button type="button" class="btn btn-primary search-date" id="this-week">
                                    <i class="fa fa-calendar"></i>
                                    {{ __('message.this week') }}
                                </button>
                                <button type="button" class="btn btn-primary search-date" id="last-week">
                                    <i class="fa fa-calendar"></i>
                                    {{ __('message.last week') }}
                                </button>
                                <button type="button" class="btn btn-primary search-date" id="this-month">
                                    <i class="fa fa-calendar"></i>
                                    {{ __('message.this month') }}
                                </button>
                                <button type="button" class="btn btn-primary search-date" id="last-month">
                                    <i class="fa fa-calendar"></i>
                                    {{ __('message.last month') }}
                                </button>
                            </div>
                        </form>
                    </div>
                    {{-- End Search --}}

                    <nav id="orders-table-tab"
                        class="orders-table-tab app-nav-tabs nav shadow-sm flex-column flex-sm-row mb-4">
                        <a class="flex-sm-fill text-sm-center nav-link active" id="withdraw-pendding-tab" data-toggle="tab"
                            href="#withdraw-pendding" role="tab" aria-controls="withdraw-pendding"
                            aria-selected="false">{{ __('message.deposit') }}</a>
                        <a class="flex-sm-fill text-sm-center nav-link" id="withdraw-approve-tab" data-toggle="tab"
                            href="#withdraw-approve" role="tab" aria-controls="withdraw-approve"
                            aria-selected="false">{{ __('message.withdraw') }}</a>
                    </nav>

                    <div class="tab-content" id="orders-table-tab-content">

                        <div class="tab-pane fade show active" id="withdraw-pendding" role="tabpanel"
                            aria-labelledby="withdraw-pendding-tab">
                            @include('back-end.balance.deposit')
                        </div><!--//tab-pane-->

                        <div class="tab-pane fade" id="withdraw-approve" role="tabpanel"
                            aria-labelledby="withdraw-approve-tab">
                            <input type="hidden" id="id" value="{!! isset($player_id) ? $player_id : 0 !!}">
                            @include('back-end.balance.withdraw')
                        </div><!--//tab-pane-->

                    </div><!--//tab-content-->
                </div>
            </div>
        </div>

    </div>

    @if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif
@endsection