@extends('admin.layouts.app')

@section('content')

	<section class="content">
      <!-- Info boxes -->
      <div class="row">
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-aqua"><i class="fa fa-product-hunt"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">{{ trans('admin.CProducts') }}</span>
              <span class="info-box-number">{{ $CProducts }}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-red"><i class="fa fa-money"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">{{ trans('admin.COrders') }}</span>
              <span class="info-box-number">{{ $COrders }}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->

        <!-- fix for small devices only -->
        <div class="clearfix visible-sm-block"></div>
        <!-- /.col -->
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-yellow"><i class="fa fa-user"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">{{ trans('admin.CUser') }}</span>
              <span class="info-box-number">{{ $CUsers }}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->

        <!-- /.col -->
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-green"><i class="fa fa-folder-o"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">{{ trans('admin.CCategory') }}</span>
              <span class="info-box-number">{{ $CCategory }}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->

      <!-- Main row -->
      <div class="row">

        <script src="{{ url('public') }}/admin/js/jquery.min.js"></script>

        <div class="row">

          <div class="col-sm-12">
            <div class="box box-info">
              <div class="box-body">
                @php $views = ConsoleTVs\Links\Models\View::all(); @endphp
                {!!
                  ConsoleTVs\Charts\Charts::database($views, 'line', 'morris')
                  ->setTitle($t = trans('admin.countVisit'))->setDimensions(0, 300)->setResponsive(true)
                  ->setElementLabel($t)->setColors(['#0275d8'])->lastByDay(7, true)->render();
                  !!}
                </div>
              </div>
            </div>


            <div class="col-sm-12">
              <div class="box box-info">
                <div class="box-body">
                    {!! $chartProducts->render() !!}
                  </div>
                </div>
            </div>

            <div class="col-sm-12">
              <div class="box box-info">
                <div class="box-body">
                    {!! $chartOrders->render() !!}
                  </div>
                </div>
            </div>

            <div class="col-sm-12">
              <div class="box box-info">
                <div class="box-body">
                    {!! $chartUsers->render() !!}
                  </div>
                </div>
            </div>

          </div>

        <!-- Left col -->
        <div class="col-md-6">
          <!-- MAP & BOX PANE -->
          <!-- /.box -->

          <!-- TABLE: LATEST ORDERS -->
          <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">{{ trans('admin.lastCategory') }}</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="table-responsive">
                <table class="table no-margin">
                  <thead>
                  <tr>
                    <th>{{ trans('admin.ID') }}</th>
                    <th>{{ trans('admin.title') }}</th>
                    <th>{{ trans('admin.options') }}</th>
                  </tr>
                  </thead>
                  <tbody>
                    @if(count($LCategory) > 0)
                    @foreach($LCategory as $c)
                    <tr>
                      <td>{{ $c->id }}</td>
                      <td>@if(session()->get('lang') == 'en') {{ $c->name_en }} @else {{ $c->name_ar }} @endif</td>
                      <td>
                        <a href="{{ url('admin/category') . '/' . $c->id . '/show' }}" class="btn btn-warning"><i class="fa fa-eye"></i> {{ trans('admin.show') }} </a>
                        <a href="{{ url('admin/category') . '/' . $c->id . '/edit' }}" class="btn btn-info"><i class="fa fa-edit"></i> {{ trans('admin.edit') }} </a>

                        <a href="{{ url('admin/category') . '/' . $c->id . '/delete' }}" class="btn btn-danger"><i class="fa fa-close"></i> {{ trans('admin.delete') }} </a>
                      </td>
                    </tr>
                    @endforeach
                    @else 
                      <p class="alert alert-warning" style="margin-top: 10px; margin-bottom: 10px"> {{ trans('admin.noData') }} {{ trans('admin.willAdd') }} <a href="{{ url('admin/category/add') }}"> {{ trans('admin.addCategory') }} </a> </p>
                    @endif
                  </tbody>
                </table>
              </div>
              <!-- /.table-responsive -->
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix">
              <a href="{{ url('/admin/category') }}" class="btn btn-sm btn-default btn-flat pull-right">{{ trans('admin.viewAll') }}</a>
            </div>
            <!-- /.box-footer -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->

        <!-- Left col -->
        <div class="col-md-6">
          <!-- MAP & BOX PANE -->
          <!-- /.box -->

          <!-- TABLE: LATEST ORDERS -->
          <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">{{ trans('admin.lastUser') }}</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="table-responsive">
                <table class="table no-margin">
                  <thead>
                  <tr>
                    <th>{{ trans('admin.ID') }}</th>
                    <th>{{ trans('admin.name') }}</th>
                    <th>{{ trans('admin.options') }}</th>
                  </tr>
                  </thead>
                  <tbody>
                    @if(count($LUsers) > 0)
                    @foreach($LUsers as $u)
                    <tr>
                      <td>{{ $u->id }}</td>
                      <td>{{ $u->name }}</td>
                      <td>
                        <a href="{{ url('admin/user') . '/' . $u->id . '/edit' }}" class="btn btn-info"><i class="fa fa-edit"></i> {{ trans('admin.edit') }} </a>

                        <a href="{{ url('admin/user') . '/' . $u->id . '/delete' }}" class="btn btn-danger"><i class="fa fa-close"></i> {{ trans('admin.delete') }} </a>
                      </td>
                    </tr>
                    @endforeach
                    @else 
                      <p class="alert alert-warning" style="margin-top: 10px; margin-bottom: 10px"> {{ trans('admin.noData') }} {{ trans('admin.willAdd') }} <a href="{{ url('admin/user/add') }}"> {{ trans('admin.addUser') }} </a> </p>
                    @endif
                  </tbody>
                </table>
              </div>
              <!-- /.table-responsive -->
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix">
              <a href="{{ url('/admin/user') }}" class="btn btn-sm btn-default btn-flat pull-right">{{ trans('admin.viewAll') }}</a>
            </div>
            <!-- /.box-footer -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->

        <div class="clearfix"></div>


        <!-- Left col -->
        <div class="col-md-12">
          <!-- MAP & BOX PANE -->
          <!-- /.box -->

          <!-- TABLE: LATEST ORDERS -->
          <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">{{ trans('admin.LProducts') }}</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="table-responsive">
                <table class="table no-margin">
                  <thead>
                  <tr>
                    <th>{{ trans('admin.ID') }}</th>
                    <th>{{ trans('admin.name') }}</th>
                    <th>{{ trans('admin.category') }}</th>
                    <th>{{ trans('admin.status') }}</th>
                    <th>{{ trans('admin.options') }}</th>
                  </tr>
                  </thead>
                  <tbody>
                    @if(count($LProducts) > 0)
                    @foreach($LProducts as $s)
                    <tr>
                      <td>{{ $s->id }}</td>
                      <td>@if(session()->get('lang') == 'en') {{ $s->name_en }} @else {{ $s->name_ar }} @endif</td>
                      <td>@if(session()->get('lang') == 'en') {{ $s->category->name_en }} @else {{ $s->category->name_ar }} @endif</td>
                      <td>
                        @if($s->home == 0)
                          <a href="{{ url('admin/product') . '/' . $s->id . '/addOffer' }}" class="btn btn-info"><i class="fa fa-plus"></i> {{ trans('admin.addOffer') }} </a>
                          @else
                          <a href="{{ url('admin/product') . '/' . $s->id . '/offer' }}" class="btn btn-danger"><i class="fa fa-close"></i> {{ trans('admin.offer') }} </a>
                          @endif
                      </td>
                      <td>
                        <a href="{{ url('admin/product') . '/' . $s->id . '/show' }}" class="btn btn-warning"><i class="fa fa-eye"></i> {{ trans('admin.show') }} </a>

                        <a href="{{ url('admin/product') . '/' . $s->id . '/edit' }}" class="btn btn-info"><i class="fa fa-edit"></i> {{ trans('admin.edit') }} </a>

                        <a href="{{ url('admin/product') . '/' . $s->id . '/delete' }}" class="btn btn-danger"><i class="fa fa-close"></i> {{ trans('admin.delete') }} </a>
                      </td>
                    </tr>
                    @endforeach
                    @else 
                      <p class="alert alert-warning" style="margin-top: 10px; margin-bottom: 10px"> {{ trans('admin.noData') }} {{ trans('admin.willAdd') }} <a href="{{ url('admin/product/add') }}"> {{ trans('admin.addProduct') }} </a> </p>
                    @endif
                  </tbody>
                </table>
              </div>
              <!-- /.table-responsive -->
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix">
              <a href="{{ url('/admin/product') }}" class="btn btn-sm btn-default btn-flat pull-right">{{ trans('admin.viewAll') }}</a>
            </div>
            <!-- /.box-footer -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->

        <!-- Left col -->
        <div class="col-md-12">
          <!-- MAP & BOX PANE -->
          <!-- /.box -->

          <!-- TABLE: LATEST ORDERS -->
          <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">{{ trans('admin.LOrders') }}</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="table-responsive">
                <table class="table no-margin">
                  <thead>
                  <tr>
                    <th>{{ trans('admin.ID') }}</th>
                    <th>{{ trans('home.order_code') }}</th>
                    <th>{{ trans('home.price') }}</th>
                    <th>{{ trans('home.tax') }}</th>
                    <th>{{ trans('home.delivery') }}</th>
                    <th>{{ trans('home.total') }}</th>
                    <th>{{ trans('admin.options') }}</th>
                  </tr>
                  </thead>
                  <tbody>
                    @foreach($LOrders as $order)
                    <tr>
                      <td>{{ $order->id }}</td>
                      <td>{{ $order->order_code }}</td>
                      <td>{{ $order->price . ' ' . trans('admin.LE') }}</td>
                      <td>{{ $order->tax . ' ' . trans('admin.LE') }}</td>
                      <td>{{ $order->delivery . ' ' . trans('admin.LE') }}</td>
                      <td>{{ $order->total_price . ' ' . trans('admin.LE') }}</td>
                      <td>
                        <a href="{{ url('admin/orders') . '/' . $order->id . '/show' }}" class="btn btn-warning">
                          <i class="fa fa-eye"></i> {{ trans('admin.show') }}
                        </a>
                        @if($order->status == 0)
                          <a href="{{ url('admin/orders') . '/' . $order->id . '/status' }}" class="btn btn-danger">
                            <i class="fa fa-close"></i>
                            {{ trans('home.notDelivery') }}
                          </a>
                        @else
                          <a href="{{ url('admin/orders') . '/' . $order->id . '/status' }}" class="btn btn-success">
                            <i class="fa fa-bus"></i>
                            {{ trans('home.delivery') }}
                          </a>
                        @endif
                      </td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>
              </div>
              <!-- /.table-responsive -->
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix">
              <a href="{{ url('/admin/orders') }}" class="btn btn-sm btn-default btn-flat pull-right">{{ trans('admin.viewAll') }}</a>
            </div>
            <!-- /.box-footer -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->

      </div>
      <!-- /.row -->


    </section>

@endsection