@extends('admin.template')

@section('main')

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
      Dashboard
      <small>Control panel</small>
    </h1>
    <ol class="breadcrumb">
      <li><a href="{{ url(LOGIN_USER_TYPE.'/dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
      <li class="active">Dashboard</li>
    </ol>
  </section>

  @if(LOGIN_USER_TYPE=='company' || auth('admin')->user()->can('manage_trips'))
  <!-- Main content -->
  <section class="content">
    <!-- Small boxes (Stat box) -->
    <div class="row">
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url(LOGIN_USER_TYPE.'/trips') }}" class="small-box">
          <div class="inner">
            <p>Total Earnings</p>
            <h3> {{ html_string($currency_code) }} {{ round($total_revenue) }}</h3>
          </div>
          <div class="icon">
            <i class="fa fa-dollar"></i>
          </div>
          <!-- <a href="{{ url(LOGIN_USER_TYPE.'/trips') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>

      @if(LOGIN_USER_TYPE == 'company')
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url(LOGIN_USER_TYPE.'/statements/overall') }}" class="small-box">
          <div class="inner">
            <p> Received Amount </p>
            <h3>{{ html_string($currency_code) }} {{ round($admin_paid_amount) }}</h3>

          </div>
          <div class="icon">
            <i class="fa fa-dollar"></i>
          </div>
          <!-- <a href="{{ url(LOGIN_USER_TYPE.'/statements/overall') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>
      @endif

      @if(LOGIN_USER_TYPE!='company')
      <!-- ./col -->
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url('admin/rider') }}" class="small-box">
          <div class="inner">
            <p>Total Riders</p>
            <h3>{{ $total_rider }} &nbsp;&nbsp;&nbsp;&nbsp;<small><b>Android : {{$total_rider_android}}</b></small> &nbsp; <small><b>IOS : {{$total_rider_ios}}</b></small></h3>
              
          </div>
          <div class="icon">
            <i class="fa fa-user"></i>
          </div>
          <!-- <a href="{{ url('admin/rider') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>
      @endif

      <!-- ./col -->
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url(LOGIN_USER_TYPE.'/driver') }}" class="small-box">
          <div class="inner">
            <p>Total Drivers</p>
            <h3>{{$total_driver}} &nbsp;&nbsp;&nbsp;&nbsp;<small><b>Android : {{$total_driver_android}}</b></small> &nbsp; <small><b>IOS : {{$total_driver_ios}}</b></small></h3>

          </div>
          <div class="icon">
            <i class="fa fa-user-plus"></i>
          </div>
          <!-- <a href="{{ url(LOGIN_USER_TYPE.'/driver') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url(LOGIN_USER_TYPE.'/trips') }}" class="small-box">
          <div class="inner">
            <p>Total Trips</p>
            <h3>{{$total_trips}}</h3>

          </div>
          <div class="icon">
            <i class="fa fa-cab"></i>
          </div>
          <!-- <a href="{{ url(LOGIN_USER_TYPE.'/trips') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>
      <!-- ./col -->
    </div>
    <!-- ./col -->
    <!-- /.row -->
    <!-- Small boxes (Stat box) -->
    <div class="row">
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url(LOGIN_USER_TYPE.'/trips') }}" class="small-box">
          <div class="inner">
            <p>Today Earnings</p>
            <h3> {{ html_string($currency_code) }} {{ round($today_revenue) }}</h3>
          </div>
          <div class="icon">
            <i class="fa fa-dollar"></i>
          </div>
          <!-- <a href="{{ url(LOGIN_USER_TYPE.'/trips') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>
      @if(LOGIN_USER_TYPE == 'company')
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url(LOGIN_USER_TYPE.'/statements/overall') }}" class="small-box">
          <div class="inner">
            <p> Pending Amount </p>
            <h3> {{ html_string($currency_code) }} {{ round($admin_pending_amount) }}</h3>

          </div>
          <div class="icon">
            <i class="fa fa-dollar"></i>
          </div>
          <!-- <a href="{{ url(LOGIN_USER_TYPE.'/statements/overall') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>
      @endif
      <!-- ./col -->
      <!-- ./col -->
      @if(LOGIN_USER_TYPE!='company')
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url('admin/rider') }}" class="small-box">
          <div class="inner">
            <p>Today Riders</p>
            <h3>{{ $today_rider_count }} &nbsp;&nbsp;&nbsp;&nbsp;<small><b>Android : {{$today_rider_count_android}}</b></small> &nbsp; <small><b>IOS : {{$today_rider_count_ios}}</b></small></h3>

          </div>
          <div class="icon">
            <i class="fa fa-user"></i>
          </div>
          <!-- <a href="{{ url('admin/rider') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>
      @endif
      <!-- ./col -->
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url(LOGIN_USER_TYPE.'/driver') }}" class="small-box">
          <div class="inner">
            <p>Today Drivers</p>
            <h3>{{$today_driver_count}} &nbsp;&nbsp;&nbsp;&nbsp;<small><b>Android : {{$today_driver_count_android}}</b></small> &nbsp; <small><b>IOS : {{$today_driver_count_ios}}</b></small></h3>

          </div>
          <div class="icon">
            <i class="fa fa-user-plus"></i>
          </div>
          <!-- <a href="{{ url(LOGIN_USER_TYPE.'/driver') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <a href="{{ url(LOGIN_USER_TYPE.'/trips') }}" class="small-box">
          <div class="inner">
            <p>Today Trips</p>
            <h3>{{$today_trips}}</h3>

          </div>
          <div class="icon">
            <i class="fa fa-cab"></i>
          </div>
          <!-- <a href="{{ url(LOGIN_USER_TYPE.'/trips') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
        </a>
      </div>

    </div>
    <!-- /.row -->
    <!-- Main row -->
    <div class="row">
      <!-- Left col -->
      <section class="col-lg-7 connectedSortable">
        <input type="hidden" value='{{ $line_chart_data }}' id="line-chart-data">
        <!-- [ {"y": "2013 Q1", "amount": 2666}, {"y": "2011 Q2", "amount": 2778}, {"y": "2011 Q3", "amount": 4912}, {"y": "2012 Q1", "amount": 6810}, {"y": "2012 Q2", "amount": 5670}, {"y": "2012 Q3", "amount": 4820}, {"y": "2013 Q1", "amount": 10687}, {"y": "2013 Q2", "amount": 8432}, {"y": "2016 Q3", "amount": 8432} ] -->
        <!-- solid sales graph -->
        <div class="box box-solid bg-teal-gradient">
          <div class="box-header">
            <i class="fa fa-th"></i>

            <h3 class="box-title">Sales Graph</h3>

            <div class="box-tools pull-right">
              <button type="button" class="btn bg-teal btn-sm" data-widget="collapse"><i class="fa fa-minus"></i>
              </button>
              <button type="button" class="btn bg-teal btn-sm" data-widget="remove"><i class="fa fa-times"></i>
              </button>
            </div>
          </div>
          <div class="box-body border-radius-none">
            <div class="chart" id="line-chart" style="height: 250px;"></div>
          </div>
        </div>
      </section>
      <!-- /.Left col -->
      <!-- right col (We are only adding the ID to make the widgets sortable)-->
      <section class="col-lg-5 connectedSortable">
        <!-- Calendar -->
        <div class="box box-solid bg-green-gradient">
          <div class="box-header">
            <i class="fa fa-calendar"></i>

            <h3 class="box-title">Calendar</h3>
            <div class="pull-right box-tools">
              <button type="button" class="btn bg-teal btn-sm" data-widget="collapse"><i class="fa fa-minus"></i>
              </button>
              <button type="button" class="btn bg-teal btn-sm" data-widget="remove"><i class="fa fa-times"></i>
              </button>
            </div>
          </div>
          <div class="box-body no-padding">
            <div id="calendar" style="width: 100%"></div>
          </div>
        </div>
      </section>
      <!-- right col -->
    </div>
    <!-- /.row (main row) -->
  </section>
  <!-- /.content -->

  <section class="content-header" style="padding: 0px 15px 15px 15px;">
    <div class="col-lg-6 recent_rides_section">
      <h3>
        Recent Ride Requests
        <span id="close_recent"><i class="fa fa-close"></i></span>
      </h3>
      @if($recent_trips->count())
      <div class="table-responsive">
      <table class="recent_rides_table">
        <tr>
          <th>Group ID</th>
          <th>Rider name</th>
          <th>Dated on</th>
          <th>Status</th>
          <th></th>
        </tr>
        @foreach($recent_trips as $row_trips)
        <tr data-toggle="collapse" data-target="#accordion{{  $row_trips->group_id }}" class="clickable">
          <td><a href="{{ url('/').'/'.LOGIN_USER_TYPE }}/detail_request/{{ $row_trips->id }}">#{{ $row_trips->id }}</a></td>
          <td>{{ $row_trips->users->first_name }}</td>
          <td class="text-nowrap">{{ $row_trips->date_time }}</td>
          @php
          $request_status=DB::table('request')->where('group_id',$row_trips->group_id)->where('status','Accepted');
          $pending_request_status=DB::table('request')->where('group_id',$row_trips->group_id)->where('status','Pending')->count();
          @endphp
          @if($request_status->count() > 0)
          @php
          $req_id=$request_status->get()->first()->id;
          $trip_status=@DB::table('trips')->where('request_id',$req_id)->get()->first()->status;
          @endphp
          <td class="text-nowrap"><span class="dash_status {{ @$trip_status }}">{{ @$trip_status }}</span></td>
          @elseif($pending_request_status)
          <td class="text-nowrap"><span class="dash_status Searching">Searching</span></td>
          @else
          <td class="text-nowrap"><span class="dash_status Searched">No one accepted</span></td>
          @endif
          <td>
            <i class="fa fa-caret-down" aria-hidden="true"></i>
          </td>
        </tr>
        <tr id="accordion{{  $row_trips->group_id }}" class="table-wrap-row collapse">
         <td colspan="5">
          <table>
            <tr><th>Driver Name</th><th>status</th></tr>
            @foreach($row_trips->request as $val)
            <tr>
             <td>{{ $val->driver->first_name }}</td>
             <td>{{ ($val->status=="Cancelled") ? 'Not Accepted' : $val->status }}</td></tr>
             @endforeach             
           </table>
         </td>
       </tr>
       @endforeach
     </table>
   </div>
     @else
     <small>Recently no Rides found</small>
     @endif
   </div>
 </section>
 @else
 <div style="height: 80vh;text-align: center;padding-top: 150px;font-size: 15px;">
  Welcome to Dispatcher panel
</div>
@endif
<input type="hidden" class="form-control" placeholder="">
</div>
<!-- /.content-wrapper -->
@stop