@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
		    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
				<li><a href="/inventory">{!! trans('messages.inventory') !!}</a></li>
		    <li class="active">{!! trans('messages.category') !!}</li>
		</ul>
	@stop

	@section('content')
		<h4><strong>{{ trans('messages.category') }}</strong> {{ trans('messages.configuration') }}</h4>
		<div class="row">
			<div class="col-sm-4">
				<div class="box-info">
					<h2><strong>{!! trans('messages.add_new') !!}</strong> {!! trans('messages.category') !!}</h2>
					{!! Form::open(['route' => ['inventory_category.store'],'role' => 'form', 'class' => 'inventory-category-form','id' => 'inventory-category-form','data-table-refresh' => 'inventory-category-table']) !!}
						@include('inventory_category._form')
					{!! Form::close() !!}
				</div>
			</div>
			<div class="col-sm-8">
				<div class="box-info full">
					<h2><strong>{!! trans('messages.list_all') !!}</strong> {!! trans('messages.category') !!}</h2>
					<div class="table-responsive">
						<table data-sortable class="table table-hover table-striped ajax-table" id="inventory-category-table" data-source="/inventory_category/lists" >
							<thead>
								<tr>
									<th data-sortable="false">{!! trans('messages.option') !!}</th>
									<th>{!! trans('messages.name') !!}</th>
									<th>{!! trans('messages.top').' '.trans('messages.category') !!}</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	@stop