<x-app-layout>
    @can('show_banner')
        <form method="get">
            <div class="row">
                <div class="col-3 form-group">
                    <label class="control-label" for="from">{{ __('From') }}</label>
                    <input type="date"  name="from" for="from" class="form-control date" value={{ old('from', Request::get('from', date('Y-m-d')))}}>
                </div>
                <div class="col-3 form-group">
                    <label class="control-label" for="to">{{ __('To') }}</label>
                    <input type="date"  name="to" for="to" class="form-control date" value={{ old('to', Request::get('to', date('Y-m-d')))}}>
                </div>
               
                <div class="col-3">
                    <label class="control-label">&nbsp;</label><br>
                    <button class="btn btn-primary" type="submit">{{ __('filter by date') }}</button>
                </div>

                  <!--compact('open_reservation_count', 'pending_payement_count', 'users_count','ticket_used','ticket_open','transfer_success','transfer_pending','office_balance','refund_amount')-->
    
            </div>
         </form>
          <div class="card-header">
              <a href="{{ route('banner_export',Request::all()) }}" class="btn btn-primary float-right"> {{ __('Export Excel') }}</a>
         </div>
        <div class="row mt-4">
            
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-info">
                <div class="inner">
                  <h3>{{ formatPrice($office_balance) }}</h3>
      
                  <p>{{ __('office balance') }}</p>
                </div>
                <div class="icon">
                  <i class="fas fa-bars"></i>
                </div>
                <a href="#" class="small-box-footer">{{ __('more info ..') }} <i class="fas fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-success">
                <div class="inner">
                  <h3>{{ formatPrice($refund_amount *-1) }}</h3>
      
                  <p>{{ __('refund amount') }}</p>
                </div>
                <div class="icon">
                  <i class="fas fa-credit-card"></i>
                </div>
                <a href="#" class="small-box-footer">{{ __('more info ..') }} <i class="fas fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-warning">
                <div class="inner">
                  <h3>{{ formatPrice2($transfer_success) }}</h3>
      
                  <p>{{  __('transfer success') }}</p>
                </div>
                <div class="icon">
                  <i class="fa fa-users"></i>
                </div>
                <a href="#" class="small-box-footer">{{ __('more info ..') }} <i class="fas fa-arrow-circle-right"></i></a>
              </div>
            </div>
            
            <!-- ./col -->
          </div>
        <div class="row mt-4">
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-info">
                <div class="inner">
                  <h3>{{ formatPrice($transfer_pending) }}</h3>
      
                  <p>{{ __('transfer pending') }}</p>
                </div>
                <div class="icon">
                  <i class="fas fa-bars"></i>
                </div>
                <a href="#" class="small-box-footer">{{ __('more info ..') }} <i class="fas fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-success">
                <div class="inner">
                  <h3>{{ formatPrice($ticket_used) }}</h3>
      
                  <p>{{ __('ticket used') }}</p>
                </div>
                <div class="icon">
                  <i class="fas fa-credit-card"></i>
                </div>
                <a href="#" class="small-box-footer">{{ __('more info ..') }} <i class="fas fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-success">
                <div class="inner">
                  <h3>{{formatPrice($ticket_open*-1 ) }} </h3>
      
                  <p>{{ __('ticket open') }}</p>
                </div>
                <div class="icon">
                  <i class="fas fa-credit-card"></i>
                </div>
                <a href="#" class="small-box-footer">{{ __('more info ..') }} <i class="fas fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <!-- ./col -->
          </div>
    @endcan
      
    <div class="row mt-4">
        <div class="col-lg-4 col-6">
          <!-- small box -->
          <div class="small-box bg-info">
            <div class="inner">
              <h3>{{ $open_reservation_count }}</h3>
  
              <p>{{ __('Open Booking Count') }}</p>
            </div>
            <div class="icon">
              <i class="fas fa-bars"></i>
            </div>
            <a href="#" class="small-box-footer">{{ __('more info ..') }} <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-4 col-6">
          <!-- small box -->
          <div class="small-box bg-success">
            <div class="inner">
              <h3>{{ $pending_payement_count }}</h3>
  
              <p>{{ __('Pending Payement') }}</p>
            </div>
            <div class="icon">
              <i class="fas fa-credit-card"></i>
            </div>
            <a href="#" class="small-box-footer">{{ __('more info ..') }} <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-4 col-6">
          <!-- small box -->
          <div class="small-box bg-warning">
            <div class="inner">
              <h3>{{ $users_count }}</h3>
  
              <p>{{  __('Users Count') }}</p>
            </div>
            <div class="icon">
              <i class="fa fa-users"></i>
            </div>
            <a href="#" class="small-box-footer">{{ __('more info ..') }} <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->
      </div>
</x-app-layout>

