@extends('layouts.adminLayout.admin_design')

@section('content')
<div class="content-wrapper"> 
    <section class="content-header">
        <h1>{{ $title }} </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    <section class="content">
        <div class="box box-default">
            <div class="box-header with-border">
                <h3 class="box-title">{{ __('lbl.products') }}</h3>
                <div class="box-tools pull-right">
                    <button id="addnewproduct" type="button" class="clickbtncommon btn-primary btn-sm" data-toggle="modal" data-target="#addNewProduct" style="line-height:15px;"><i class="fa fa-plus-circle"></i> {{ __('lbl.product_quick_create') }}</button>
                    <a href="{{ route('import_export') }}" class="clickbtncommon btn-primary btn-sm"><i class="fa fa-upload"></i> {{ __('lbl.upload_csv') }}</a>
                    <a href="{{ route('product_upload') }}" class="clickbtncommon btn-primary btn-sm" style="display:none;"><i class="fa fa-upload"></i> {{ __('lbl.upload_csv') }}</a>
                    <a href="{{ asset('csv/backend/sample_product_import.xlsx') }}" download target="_blank" class="clickbtncommon btn-primary btn-sm"><i class="fa fa-download"></i> {{ __('lbl.download_csv') }}</a>
                    <a href="{{ route('product_create') }}" class="clickbtncommon btn-primary btn-sm" style="display:none;"><i class="fa fa-plus-circle"></i> {{ __('lbl.add_new') }}</a>
                    <a href="{{ route('product_create_tab') }}" class="clickbtncommon btn-primary btn-sm"><i class="fa fa-plus-circle"></i> {{ __('lbl.add_new') }} </a>
                </div>
            </div> 
            <div class="box-body">
                <table class="table table-bordered" id="productslist"> 
                    <thead>
                        <tr>
                            <th>{{ __('lbl.product_name') }}</th>
                            <th>{{ __('lbl.product_cost') }}</th>
                            <th>{{ __('lbl.product_price') }}</th>
                            <th>{{ __('lbl.cat') }}</th>
                            <th>{{ __('lbl.action') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        <div id="addNewProduct" class="modal fade" role="dialog">
            <div class="modal-dialog modal-lg" style="width:90%">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">{{ __('lbl.add_new_product') }}</h4>
                    </div>
                    {{ Form::open(['url' => route('sample_product_add'), 'method'=>'POST', 'name' => 'sampleproduct', 'id' => 'sampleproduct','class' => 'form-horizontal']) }}
                    <div class="modal-body">
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group required">
                                        {{ Form::label("name", __('lbl.name'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::text('product_name', '', ["required","class"=>"form-control comman-input","placeholder"=> __('lbl.name'),"id"=>"product_name","name"=>"product_name"]) }}
                                        </div>
                                    </div>
                                    <div class="form-group required">
                                        {{ Form::label("category", __('lbl.cat'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::select('cat_id', !empty($categories)? $categories:[], '',['required','class'=>'form-control','id'=>'cat_id',"name"=>"cat_id"]) }}
                                        </div>
                                    </div>
                                    <div class="form-group required">
                                        {{ Form::label("sub_cat_id", __('lbl.sub_cat'),['required','class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            <select name="sub_cat_id" id="sub_cat_id" class="form-control comman-input "></select>
                                        </div>
                                    </div>
                                    <div class="form-group required">
                                        {{ Form::label("price", __('lbl.price'),['required','class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::number('product_price', '', ["required","class"=>"form-control comman-input","placeholder"=> __('lbl.price'),"id"=>"product_price","name"=>"product_price"]) }}
                                        </div>
                                    </div>
                                    <div class="form-group required">
                                        {{ Form::label("product_cost", __('lbl.product_cost'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::number('product_cost', '', ["required","class"=>"form-control comman-input","placeholder"=> __('lbl.product_cost'),"id"=>"product_cost","name"=>"product_cost"]) }}
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        {{ Form::label("product_barcode", __('lbl.product_barcode'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::text('product_barcode', '', ["class"=>"form-control comman-input","placeholder"=> __('lbl.product_barcode'),"id"=>"product_barcode","name"=>"product_barcode"]) }}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {{ Form::label("product_sku", __('lbl.product_sku'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::text('product_sku', '', ["required","class"=>"form-control comman-input","placeholder"=> __('lbl.product_sku'),"id"=>"product_sku","name"=>"product_sku"]) }}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {{ Form::label("primary_vendor", __('lbl.primary_vendor'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::select('primary_vendor', !empty($primary_vendor) ? $primary_vendor : [], '', ["class"=>"form-control comman-input","id"=>"primary_vendor","name"=>"primary_vendor"]) }}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {{ Form::label("vendor_item_id", __('lbl.vendor_item_id'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::text('vendor_item_id', '', ["class"=>"form-control comman-input ","id"=>"vendor_item_id","name"=>"vendor_item_id"]) }}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {{ Form::label("reorder_unit_type", __('lbl.reorder_unit_type'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::text('reorder_unit_type', 'Unit', ["class"=>"form-control comman-input","placeholder"=> __('lbl.reorder_unit_type'),"id"=>"unit_name","name"=>"unit_name"]) }}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {{ Form::label("conversion", ucfirst(strtolower(__('lbl.conversion'))),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::number('conversion', '1.00', ["class"=>"form-control comman-input","placeholder"=> __('lbl.conversion'),"id"=>"conversion","name"=>"conversion"]) }}
                                        </div>
                                    </div>  
                                    <div class="form-group">
                                        {{ Form::label("default_reorder_quantity", __('lbl.default_reorder_quantity'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::text('default_reorder_quantity', '', ["required","class"=>"form-control comman-input","placeholder"=> __('lbl.default_reorder_quantity'),"id"=>"default_reorder_quantity","name"=>"default_reorder_quantity"]) }}
                                        </div>
                                    </div>  
                                    <div class="form-group">
                                        {{ Form::label("reorder_to_par", __('lbl.reorder_to_par'),['class'=>'control-label col-sm-3 comman-label']) }}
                                        <div class="col-sm-7">
                                            {{ Form::checkbox('reorder_to_par', '1') }}
                                        </div>
                                    </div>  
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        {{ Form::button('<i class="fa fa-save" aria-hidden="true"></i>  '.__('lbl.save'), ["name"=>"submit",'class' => 'clickbtncommon btn btn-primary btn-sm', 'type' => 'submit']) }}
                        {{ Form::button('<i class="fa fa-arrow-circle-left" aria-hidden="true"></i>  '.__('lbl.close'), ['class' => 'clickbtncommon btn btn-primary btn-sm', 'data-dismiss' => 'modal']) }}
                    </div>
                    {{ Form::close() }}
                    {{ Form::hidden('product_search',route('product_search'),['id'=>'product_search']) }}
                    {{ Form::hidden('shorturl',route('subcategories'),['id'=>'shorturl']) }}
                </div>
            </div>
        </div>
    </section>
</div>
@endsection

@section('pagescript')
{!! Helper::datatablelib('products/list.js') !!}
{!! Helper::pagejs(['js/lib/select2/dist/js/select2.full.min.js']) !!} 
@stop