@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
  <style media="screen">
  .tiles .tile {
    position: relative;
    transition:.5s ease all
  }
  .tiles .tile .tile-object > .name {
    left: 0;
    font-size: 17px;
    font-weight: bold;
  }
  </style>
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{!! route('dashboard.home.page') !!}">{{ __('Dashboard') }}</a>
        <i class="fa fa-angle-left"></i>
      </li>
      <li>
        <span>{{ __('Reports') }}</span>
        <i class="fa fa-angle-left"></i>
      </li>
      <li>
        <span>{{ __('Charts') }}</span>
      </li>
    </ul>
    <div class="page-toolbar">
      <div id="dashboard-report" class="pull-right tooltips btn btn-fit-height green" data-placement="top" data-original-title="Change dashboard date range">
        <i class="icon-calendar"></i>&nbsp;
        <span class="bold hidden-xs">{!! date('d - m - Y'); !!}</span>
      </div>
    </div>
  </div>
  <div class="clearfix"></div>
  <div class="portlet light bordered">
    <div class="portlet-body">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="table-responsive">
            <table class="table table-striped table-hover table-bordered">
              <tbody>
                <tr>
                  <td>
                    عدد طلبات اليوم
                  </td>
                  <td>  </td>
                  <td>{{ @$orders['pending_day']['count'] }} </td>
                  <td>
                    @if (@$orders['pending_day']['sum'])
                      {{ @$orders['pending_day']['sum'] }} {!! __('EGP') !!}
                    @endif
                  </td>
                </tr>
                <tr>
                  <td>
                    الطلبات المؤكدة
                  </td>
                  <td>  </td>
                  <td>{{ @$orders['status'][0] }}</td>
                  <td>  </td>
                </tr>
                <tr>
                  <td>
                    طلبات تم تسليمها
                  </td>
                  <td>  </td>
                  <td>{{ @$orders['status'][3] }}</td>
                  <td>
                    @if (@$orders['price'])
                      {{ @$orders['price'] }} {!! __('EGP') !!}
                    @endif
                  </td>
                </tr>
                <tr>
                  <td>
                    إجمالى مبيعات اليوم
                  </td>
                  <td>  </td>
                  <td>{{ @$orders['status'][3] }}</td>
                  <td>
                    @if (@$orders['price'])
                      {{ @$orders['price'] }} {!! __('EGP') !!}
                    @endif
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <div class="row">
        @foreach ($charts as $key => $chart)
          @if ($loop->last)
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                </div>
            @else
              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <h4>{{ $chart->options['chart_title'] }}</h4>
                {!! $chart->renderHtml() !!}
                {!! $chart->renderChartJsLibrary() !!}
                {!! $chart->renderJs() !!}
              </div>
              @endif
          @endforeach
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
  @endsection
  @section('scripts')
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/amcharts/amcharts.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/amcharts/serial.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/amcharts/pie.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/amcharts/radar.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/amcharts/themes/light.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/amcharts/themes/patterns.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/amcharts/themes/chalk.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/ammap/ammap.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/ammap/maps/js/worldLow.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/amcharts/amstockcharts/amstock.js') !!}
  @endsection