@extends('admin.layouts.master')

@section('content')
  @can('create', \App\Models\Inventory::class)
    @include('admin.inventory._add')
  @endcan

  <div class="box">
    <div class="nav-tabs-custom">
      <ul class="nav nav-tabs nav-justified">
        <li class="{{ Request::has('tab') ? '' : 'active' }}">
          <a href="#active_inventory_tab" data-toggle="tab">
            <i class="fa fa-superpowers hidden-sm"></i>
            {{ trans('app.active_stocks') }}
          </a>
        </li>
        <li class="{{ Request::input('tab') == 'inactive_listings' ? 'active' : '' }}">
          <a href="#inactive_listings_tab" data-toggle="tab">
            <i class="fa fa-bell-o hidden-sm"></i>
            {{ trans('app.inactive_stocks') }}
          </a>
        </li>
        <li class="{{ Request::input('tab') == 'out_of_stock' ? 'active' : '' }}">
          <a href="#stock_out_tab" data-toggle="tab">
            <i class="fa fa-bullhorn hidden-sm"></i>
            {{ trans('app.out_of_stock') }}
          </a>
        </li>
      </ul>
      <div class="tab-content">
        <div class="tab-pane {{ Request::has('tab') ? '' : 'active' }} responsive-table" id="active_inventory_tab">
          <table class="table table-hover" id="active_inventory">
            <thead>
              <tr>
                @can('massDelete', \App\Models\Inventory::class)
                  <th class="massActionWrapper">
                    <!-- Check all button -->
                    <div class="btn-group ">
                      <button type="button" class="btn btn-xs btn-default checkbox-toggle">
                        <i class="fa fa-square-o" data-toggle="tooltip" data-placement="top" title="{{ trans('app.select_all') }}"></i>
                      </button>
                      <button type="button" class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">{{ trans('app.toggle_dropdown') }}</span>
                      </button>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="javascript:void(0)" data-link="{{ route('admin.stock.inventory.massTrash') }}" class="massAction " data-doafter="reload"><i class="fa fa-trash"></i> {{ trans('app.trash') }}</a></li>
                        <li><a href="javascript:void(0)" data-link="{{ route('admin.stock.inventory.massDestroy') }}" class="massAction " data-doafter="reload"><i class="fa fa-times"></i> {{ trans('app.delete_permanently') }}</a></li>
                      </ul>
                    </div>
                  </th>
                @endcan
                <th>{{ trans('app.image') }}</th>
                <th>{{ trans('app.sku') }}</th>
                <th>{{ trans('app.title') }}</th>
                <th>{{ trans('app.condition') }}</th>
                <th>{{ trans('app.sale_price') }} <small>( {{ trans('app.excl_tax') }} )</small> </th>
                <th>{{ trans('app.quantity') }}</th>
                @if (is_incevio_package_loaded('pharmacy'))
                  <th>{{ trans('app.expiry_date') }}</th>
                @endif
                <th>{{ trans('app.option') }}</th>
              </tr>
            </thead>
            <tbody id="massSelectArea">
            </tbody>
          </table>
        </div>

        <div class="tab-pane {{ Request::input('tab') == 'inactive_listings' ? 'active' : '' }} responsive-table" id="inactive_listings_tab">
          <table class="table table-hover " id="inactive_inventory">
            <thead>
              <tr>
                @can('massDelete', \App\Models\Inventory::class)
                  <th class="massActionWrapper">
                    <!-- Check all button -->
                    <div class="btn-group ">
                      <button type="button" class="btn btn-xs btn-default checkbox-toggle">
                        <i class="fa fa-square-o" data-toggle="tooltip" data-placement="top" title="{{ trans('app.select_all') }}"></i>
                      </button>
                      <button type="button" class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">{{ trans('app.toggle_dropdown') }}</span>
                      </button>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="javascript:void(0)" data-link="{{ route('admin.stock.inventory.massTrash') }}" class="massAction " data-doafter="reload"><i class="fa fa-trash"></i> {{ trans('app.trash') }}</a></li>
                        <li><a href="javascript:void(0)" data-link="{{ route('admin.stock.inventory.massDestroy') }}" class="massAction " data-doafter="reload"><i class="fa fa-times"></i> {{ trans('app.delete_permanently') }}</a></li>
                      </ul>
                    </div>
                  </th>
                @endcan
                <th>{{ trans('app.image') }}</th>
                <th>{{ trans('app.sku') }}</th>
                <th>{{ trans('app.title') }}</th>
                <th>{{ trans('app.condition') }}</th>
                <th>{{ trans('app.sale_price') }} <small>( {{ trans('app.excl_tax') }} )</small> </th>
                <th>{{ trans('app.quantity') }}</th>
                @if (is_incevio_package_loaded('pharmacy'))
                  <th>{{ trans('app.expiry_date') }}</th>
                @endif
                <th>{{ trans('app.option') }}</th>
              </tr>
            </thead>
            <tbody id="massSelectArea2">
            </tbody>
          </table>
        </div>

        <div class="tab-pane {{ Request::input('tab') == 'out_of_stock' ? 'active' : '' }} responsive-table" id="stock_out_tab">
          <table class="table table-hover" id="outOfStock_inventory">
            <thead>
              <tr>
                @can('massDelete', \App\Models\Inventory::class)
                  <th class="massActionWrapper">
                    <!-- Check all button -->
                    <div class="btn-group ">
                      <button type="button" class="btn btn-xs btn-default checkbox-toggle">
                        <i class="fa fa-square-o" data-toggle="tooltip" data-placement="top" title="{{ trans('app.select_all') }}"></i>
                      </button>
                      <button type="button" class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">{{ trans('app.toggle_dropdown') }}</span>
                      </button>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="javascript:void(0)" data-link="{{ route('admin.stock.inventory.massTrash') }}" class="massAction " data-doafter="reload"><i class="fa fa-trash"></i> {{ trans('app.trash') }}</a></li>
                        <li><a href="javascript:void(0)" data-link="{{ route('admin.stock.inventory.massDestroy') }}" class="massAction " data-doafter="reload"><i class="fa fa-times"></i> {{ trans('app.delete_permanently') }}</a></li>
                      </ul>
                    </div>
                  </th>
                @endcan
                <th>{{ trans('app.image') }}</th>
                <th>{{ trans('app.sku') }}</th>
                <th>{{ trans('app.title') }}</th>
                <th>{{ trans('app.condition') }}</th>
                <th>{{ trans('app.sale_price') }} <small>( {{ trans('app.excl_tax') }} )</small> </th>
                <th>{{ trans('app.quantity') }}</th>
                @if (is_incevio_package_loaded('pharmacy'))
                  <th>{{ trans('app.expiry_date') }}</th>
                @endif
                <th>{{ trans('app.option') }}</th>
              </tr>
            </thead>
            <tbody id="massSelectArea3">
            </tbody>
          </table>
        </div>
      </div>
    </div> <!-- /.box-body -->
  </div> <!-- /.box -->

  <div class="box collapsed-box">
    <div class="box-header with-border">
      <h3 class="box-title">
        @can('massDelete', \App\Models\Inventory::class)
          {!! Form::open(['route' => ['admin.stock.inventory.emptyTrash'], 'method' => 'delete', 'class' => 'data-form']) !!}
          {!! Form::button('<i class="fa fa-trash-o"></i>', ['type' => 'submit', 'class' => 'confirm btn btn-default btn-flat ajax-silent', 'title' => trans('help.empty_trash'), 'data-toggle' => 'tooltip', 'data-placement' => 'right']) !!}
          {!! Form::close() !!}
        @else
          <i class="fa fa-trash-o"></i>
        @endcan
        {{ trans('app.trash') }}
      </h3>
      <div class="box-tools pull-right">
        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
        <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button>
      </div>
    </div> <!-- /.box-header -->
    <div class="box-body responsive-table">
      <table class="table table-hover table-no-sort">
        <thead>
          <tr>
            <th>{{ trans('app.image') }}</th>
            <th>{{ trans('app.sku') }}</th>
            <th>{{ trans('app.title') }}</th>
            <th>{{ trans('app.condition') }}</th>
            <th>{{ trans('app.price') }}</th>
            <th>{{ trans('app.quantity') }}</th>
            <th>{{ trans('app.deleted_at') }}</th>
            <th>{{ trans('app.option') }}</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($trashes as $trash)
            <tr>
              <td>
                @if ($trash->image)
                  <img src="{{ get_storage_file_url($trash->image->path, 'tiny') }}" class="img-sm" alt="{{ trans('app.image') }}">
                @else
                  <img src="{{ get_storage_file_url(optional($trash->product->image)->path, 'tiny') }}" class="img-sm" alt="{{ trans('app.image') }}">
                @endif
              </td>
              <td>
                @if ($trash->variants_count)
                  <span class="label label-default">
                    {{ $trash->variants_count . ' ' . trans('app.skus') }}
                  </span>
                @else
                  {{ $trash->sku }}
                @endif
              </td>
              <td>{{ $trash->title }}</td>
              <td>{{ $trash->condition }}</td>
              <td>{{ get_formated_currency($trash->sale_price, 2, config('system_settings.currency.id')) }}</td>
              <td>{{ $trash->stock_quantity }}</td>
              <td>{{ $trash->deleted_at->diffForHumans() }}</td>
              <td class="row-options">
                @can('delete', $trash)
                  <a href="{{ route('admin.stock.inventory.restore', $trash->id) }}"><i data-toggle="tooltip" data-placement="top" title="{{ trans('app.restore') }}" class="fa fa-database"></i></a>&nbsp;

                  {!! Form::open(['route' => ['admin.stock.inventory.destroy', $trash->id], 'method' => 'delete', 'class' => 'data-form']) !!}
                  {!! Form::button('<i class="glyphicon glyphicon-trash"></i>', ['type' => 'submit', 'class' => 'confirm ajax-silent', 'title' => trans('app.delete_permanently'), 'data-toggle' => 'tooltip', 'data-placement' => 'top']) !!}
                  {!! Form::close() !!}
                @endcan
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div> <!-- /.box-body -->
  </div> <!-- /.box -->
@endsection