@extends('admin.layouts.master')

@section('page-style')
  @include('plugins.ionic')
@endsection

@section('content')

  @include('admin.partials._subscription_notice')

  <!-- Info boxes -->
  <div class="row">
    <div class="col-md-3 col-sm-6 col-xs-12 nopadding-right">
      <div class="info-box">
        <span class="info-box-icon bg-yellow">
          <i class="icon ion-md-cube"></i>
        </span>

        <div class="info-box-content">
          <span class="info-box-text">{{ trans('app.unfulfilled_orders') }}</span>
          <span class="info-box-number">
            {{ $unfulfilled_order_count }}
            <a href="{{ url('admin/order/order?tab=unfulfilled') }}" class="pull-right small" data-toggle="tooltip" data-placement="left" title="{{ trans('app.detail') }}">
              <i class="icon ion-md-send"></i>
            </a>
          </span>
          @php
            $unfulfilled_percents = $todays_order_count == 0 ? $unfulfilled_order_count * 100 : round(($unfulfilled_order_count / $todays_order_count) * 100);
          @endphp
          <div class="progress">
            <div class="progress-bar progress-bar-warning" style="width: {{ $unfulfilled_percents }}%"></div>
          </div>
          <span class="progress-description text-muted">
            {{ trans('messages.unfulfilled_percents', ['percent' => $unfulfilled_percents]) }}
          </span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>
    <!-- /.col -->

    <div class="col-md-3 col-sm-6 col-xs-12 nopadding-right nopadding-left">
      <div class="info-box">
        <span class="info-box-icon bg-aqua">
          <i class="icon ion-md-cart"></i>
        </span>

        <div class="info-box-content">
          <span class="info-box-text">{{ trans('app.last_sale') }}</span>
          <span class="info-box-number">
            {{ get_formated_currency($last_sale ? $last_sale->total : 0, 2, config('system_settings.currency.id')) }}

            @if ($last_sale)
              <a href="{{ route('admin.order.order.show', $last_sale->id) }}" class="pull-right small" data-toggle="tooltip" data-placement="left" title="{{ trans('app.detail') }}">
                <i class="icon ion-md-send"></i>
              </a>
            @endif
          </span>
          <div class="progress" style="background: transparent;"></div>
          <span class="progress-description text-muted">
            @if ($last_sale)
              <i class="icon ion-md-time"></i> {{ $last_sale->created_at->diffForHumans() }}
            @else
              <i class="icon ion-md-hourglass"></i> {{ trans('messages.no_sale', ['date' => trans('app.yet')]) }}
            @endif
          </span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>
    <!-- /.col -->

    <!-- fix for small devices only -->
    <div class="clearfix visible-sm-block"></div>

    <div class="col-md-3 col-sm-6 col-xs-12 nopadding-right nopadding-left">
      <div class="info-box">
        <span class="info-box-icon bg-green">
          <i class="icon ion-md-wallet"></i>
        </span>

        <div class="info-box-content">
          <span class="info-box-text">{{ trans('app.todays_sale') }}</span>
          <span class="info-box-number">
            {{ get_formated_currency($todays_sale_amount, 2, config('system_settings.currency.id')) }}

            <a href="{{ route('admin.order.order.index') }}" class="pull-right small" data-toggle="tooltip" data-placement="left" title="{{ trans('app.detail') }}">
              <i class="icon ion-md-send"></i>
            </a>
          </span>

          @php
            $difference = $todays_sale_amount - $yesterdays_sale_amount;
            $todays_sale_percents = $todays_sale_amount > 0 ? round(($difference / $todays_sale_amount) * 100) : 0;
          @endphp
          <div class="progress">
            <div class="progress-bar progress-bar-success" style="width: {{ $todays_sale_percents }}%"></div>
          </div>
          <span class="progress-description text-muted">
            @if ($todays_sale_amount == 0)
              <i class="icon ion-md-hourglass"></i>
              {{ trans('messages.no_sale', ['date' => trans('app.today')]) }}
            @else
              <i class="icon ion-md-arrow-{{ $difference < 0 ? 'down' : 'up' }}"></i>
              {{ trans('messages.todays_sale_percents', ['percent' => $todays_sale_percents, 'state' => $difference < 0 ? trans('app.down') : trans('app.up')]) }}
            @endif
          </span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>
    <!-- /.col -->

    <div class="col-md-3 col-sm-6 col-xs-12 nopadding-left">
      <div class="info-box">
        <span class="info-box-icon bg-red">
          <i class="icon ion-md-notifications-outline"></i>
        </span>

        <div class="info-box-content">
          <span class="info-box-text">{{ trans('app.stock_outs') }}</span>
          <span class="info-box-number">
            {{ $stock_out_count }}
            <a href="{{ url('admin/stock/inventory?tab=out_of_stock') }}" class="pull-right small" data-toggle="tooltip" data-placement="left" title="{{ trans('app.detail') }}">
              <i class="icon ion-md-send"></i>
            </a>
          </span>

          @php
            $stock_out_percents = $stock_count > 0 ? round(($stock_out_count / $stock_count) * 100) : $stock_out_count * 100;
          @endphp
          <div class="progress">
            <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
          </div>
          <span class="progress-description text-muted">
            {{ trans('messages.stock_out_percents', ['percent' => $stock_out_percents, 'total' => $stock_count]) }}
          </span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>
    <!-- /.col -->
  </div> <!-- /.row -->

  <div class="row">
    <div class="col-md-8 col-sm-7 col-xs-12">
      @if ($dispute_count > 0 || $refund_request_count > 0)
        <div class="row">
          <div class="col-sm-6 col-xs-12 nopadding-right">
            <div class="info-box bg-yellow">
              <span class="info-box-icon"><i class="icon ion-md-megaphone"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">{{ trans('app.disputes') }}</span>
                <span class="info-box-number">
                  {{ $dispute_count }}
                  <a href="{{ route('admin.support.dispute.index') }}" class="pull-right" data-toggle="tooltip" data-placement="left" title="{{ trans('app.take_action') }}">
                    <i class="icon ion-md-paper-plane"></i>
                  </a>
                </span>

                @php
                  $last_months = $last_60days_dispute_count - $last_30days_dispute_count;
                  $difference = $last_30days_dispute_count - $last_months;
                  $last_30_days_percents = $last_months > 0 ? round(($difference / $last_months) * 100) : 100;
                @endphp
                <div class="progress">
                  <div class="progress-bar" style="width: {{ $last_30_days_percents }}%"></div>
                </div>
                <span class="progress-description">
                  <i class="icon ion-md-arrow-{{ $difference > 0 ? 'up' : 'down' }}"></i>
                  {{ trans('messages.last_30_days_percents', ['percent' => $last_30_days_percents, 'state' => $difference > 0 ? trans('app.increase') : trans('app.decrease')]) }}
                </span>
              </div>
              <!-- /.info-box-content -->
            </div>
          </div>

          <div class="col-sm-6 col-xs-12 nopadding-left">
            <div class="info-box bg-aqua">
              <span class="info-box-icon"><i class="icon ion-md-nuclear"></i></span>

              <div class="info-box-content">
                <span class="info-box-text">{{ trans('app.refund_requests') }}</span>
                <span class="info-box-number">
                  {{ $refund_request_count }}
                  <a href="{{ route('admin.support.refund.index') }}" class="pull-right" data-toggle="tooltip" data-placement="left" title="{{ trans('app.take_action') }}">
                    <i class="icon ion-md-paper-plane"></i>
                  </a>
                </span>

                @php
                  $last_months = $last_60days_refund_request_count - $last_30days_refund_request_count;
                  $difference = $last_30days_refund_request_count - $last_months;
                  $last_30_days_percents = $last_months > 0 ? round(($difference / $last_months) * 100) : 100;
                @endphp
                <div class="progress">
                  <div class="progress-bar" style="width: {{ $last_30_days_percents }}%"></div>
                </div>
                <span class="progress-description">
                  <i class="icon ion-md-arrow-{{ $difference > 0 ? 'up' : 'down' }}"></i>
                  {{ trans('messages.last_30_days_percents', ['percent' => $last_30_days_percents, 'state' => $difference > 0 ? trans('app.increase') : trans('app.decrease')]) }}
                </span>
              </div>
              <!-- /.info-box-content -->
            </div>
          </div>
        </div>
      @endif

      <div class="box">
        <div class="nav-tabs-custom">
          <ul class="nav nav-tabs nav-justified">
            <li class="active"><a href="#orders_tab" data-toggle="tab">
                <i class="fa fa-shopping-cart hidden-sm"></i>
                {{ trans('app.latest_orders') }}
              </a></li>
            <li><a href="#inventory_tab" data-toggle="tab">
                <i class="fa fa-cubes hidden-sm"></i>
                {{ trans('app.recently_added_products') }}
              </a></li>
            <li><a href="#low_stock_tab" data-toggle="tab">
                <i class="fa fa-cube hidden-sm"></i>
                {{ trans('app.low_stock_items') }}
              </a></li>
          </ul>
          <!-- /.nav .nav-tabs -->

          <div class="tab-content">
            <div class="tab-pane active" id="orders_tab">
              <div class="box-body nopadding">
                <div class="table-responsive">
                  <table class="table no-margin table-condensed">
                    <thead>
                      <tr>
                        <th>{{ trans('app.order_number') }}</th>
                        <th>{{ trans('app.order_date') }}</th>
                        <th>{{ trans('app.customer') }}</th>
                        <th>{{ trans('app.grand_total') }}</th>
                        <th>{{ trans('app.payment') }}</th>
                        <th>{{ trans('app.status') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse($latest_orders as $order)
                        <tr>
                          <td>
                            @can('view', $order)
                              <a href="{{ route('admin.order.order.show', $order->id) }}">
                                {{ $order->order_number }}
                              </a>
                            @else
                              {{ $order->order_number }}
                            @endcan
                            @if ($order->disputed)
                              <span class="label label-danger indent5">{{ trans('app.statuses.disputed') }}</span>
                            @endif
                          </td>
                          <td>{{ $order->created_at->diffForHumans() }}</td>
                          <td>{{ optional($order->customer)->name }}</td>
                          <td>{{ get_formated_currency($order->grand_total, 2, config('system_settings.currency.id')) }}</td>
                          <td>{!! $order->paymentStatusName() !!}</td>
                          <td>{!! $order->orderStatus() !!}</td>
                        </tr>
                      @empty
                        <tr>
                          <td colspan="6">{{ trans('app.no_data_found') }}</td>
                        </tr>
                      @endforelse
                    </tbody>
                  </table>
                </div>
                <!-- /.table-responsive -->
              </div>
              <!-- /.box-body -->
              <div class="box-footer clearfix">
                @can('create', \App\Models\Order::class)
                  <a href="javascript:void(0)" data-link="{{ route('admin.order.order.searchCustomer') }}" class="ajax-modal-btn btn btn-new btn-flat pull-left">
                    <i class="icon ion-md-cart"></i> {{ trans('app.add_order') }}
                  </a>
                @endcan
                @can('index', \App\Models\Order::class)
                  <a href="{{ route('admin.order.order.index') }}" class="btn btn-default btn-flat pull-right">
                    <i class="icon ion-md-gift"></i> {{ trans('app.all_orders') }}
                  </a>
                @endcan
              </div>
              <!-- /.box-footer -->
            </div>
            <!-- /.tab-pane -->

            <div class="tab-pane" id="inventory_tab">
              <div class="box-body nopadding">
                <div class="table-responsive">
                  <table class="table no-margin table-condensed">
                    <thead>
                      <tr>
                        <th>{{ trans('app.image') }}</th>
                        <th>{{ trans('app.sku') }}</th>
                        <th>{{ trans('app.name') }}</th>
                        <th>{{ trans('app.price') }} <small>( {{ trans('app.excl_tax') }} )</small> </th>
                        <th>{{ trans('app.quantity') }}</th>
                        <th>{{ trans('app.status') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse($latest_stocks as $inventory)
                        <tr>
                          <td>
                            <img src="{{ get_storage_file_url(optional($inventory->image)->path, 'tiny') }}" class="img-sm" alt="{{ trans('app.image') }}">
                          </td>
                          <td>{{ $inventory->sku }}</td>
                          <td>{{ optional($inventory->product)->name }}</td>
                          <td>
                            @if ($inventory->offer_price > 0 && $inventory->offer_end > \Carbon\Carbon::now())