@extends('layouts.manage')

@section('title', __('manage.sold-out-products'))

@section('header')
  <a href="{{ route('manage.product.sold') }}" class="{{ Nav::isRoute('manage.product.sold') }}">
    <span class="menu-icon">
      <img src="{{ asset($storage_url.'img/manage-icons/sold-out.jpg') }}" alt="">
    </span><span class="menu-text">
      @lang('manage.sold-out-products')
    </span>
  </a>
@endsection

@section('content')

  <div class="container-fluid">

		<div class="row">
  		<div class="col-xs-12">

  			@include('flash::message')
					
					{{-- table --}}
					<div class="table-responsive">

	    			<table class="table table-hover dt-initiate" data-url="{{ route('manage.api.products-sold') }}">
					    <thead>
						    <tr>
						    	<th data-column="DT_Row_Index" data-search="false">#</th>
						    	<th data-column="product_category">@lang('manage.category')</th>
						    	<th data-column="product_name">@lang('manage.name')</th>
						    	<th data-column="product_weight">@lang('manage.weight')</th>
						    	<th data-column="quantity">@lang('manage.quantity')</th>
						    	<th data-column="product_price">@lang('manage.price')</th>
					        <th data-column="action" data-order="false" data-search="false" style="min-width: 65px;">@lang('manage.action')</th>
						    </tr>
					    </thead>
					    <tbody>
					    	<tr></tr>
					    </tbody>
						</table>
												
	    			</div>
	    		{{-- /. table --}}

			</div>
		</div>

	</div>					
@endsection
