@extends('layouts.adminLayout.admin_design')

@section('content')
<div class="content-wrapper"> 
    <section class="content-header">
        <h1 sdasdasd> {{ $title }} </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</small></a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
     
    {{ Form::open(['url' => route('product_transfer_save'), 'method'=>'post', 'file'=>true, 'enctype'=>'multipart/form-data', 'name' => 'product_transfer', 'id' => 'product_transfer']) }}
    <section class="content">
        <div class="box box-default">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-solid">
                        <div class="box-header with-border">
                            <h3 class="pull-left box-title">{{ $title }} <button type="button" class="clickbtncommon btn-sm btn btn-primary" data-toggle="modal" data-target="#addProducts"><i class="fa fa-plus-circle"></i> {{ __('lbl.add_products') }}</button></h3>
                            <div class="pull-right">
                                {{ Form::button('<i class="fa fa-save" aria-hidden="true"></i>  '.__('lbl.save'), ["name"=>"submit",'class' => 'clickbtncommon btn-sm btn btn-primary', 'type' => 'submit']) }}
                                <a class="clickbtncommon btn-sm btn btn-primary" href="{{ route('transferlist') }}"> <i class="fa fa-arrow-circle-left"></i> {{ __('lbl.cancel') }}</a>
                            </div>
                        </div>
                    </div>
                    
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row" style="min-height:300px;">
                            <div class="col-md-12">
                                <div class="tab-content">
                                    <div class="form-horizontal">
                                        <div class="box-body">
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="form-group">  
                                                        <table class="table" id="transfer_table">
                                                            <thead>
                                                                <tr role="row">
                                                                    <th class="sorting_asc" rowspan="1" colspan="1" style="width: 55px;" aria-label="Action">Name/SKU/Barcode</th>
                                                                    <th class="sorting_asc" rowspan="1" colspan="1" style="width: 55px;" aria-label="Action">Current Inventory</th>
                                                                    <th class="sorting_asc" rowspan="1" colspan="1" style="width: 55px;" aria-label="Action">Destination</th>
                                                                    <th class="sorting_asc" rowspan="1" colspan="1" style="width: 30px;" aria-label="Action">Quantity</th>
                                                                    <th class="sorting_asc" rowspan="1" colspan="1" style="width: 55px;" aria-label="Action">Unit</th>
                                                                    <th class="sorting_asc" rowspan="1" colspan="1" style="width: 55px;" aria-label="Action">Adjust Cost</th>
                                                                    <th class="sorting_asc" rowspan="1" colspan="1" style="width: 55px;" aria-label="Action">Action</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="parent_table">
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{ Form::hidden('addedProductsItems','',['id'=>'addedItems'])}}
    {{ Form::close() }}
</div>

<!-- Modal -->
<div id="addProducts" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    {{ Form::open(['url' => 'findestablishmentproduct', 'method'=>'post', 'id' => 'findestablishmentproduct']) }}
    <div class="modal-content">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">{{__('lbl.add_products')}}</h4>
        </div>
        <div class="modal-body">
            <div class="form-group">
                <label for="email">Select Products:</label>
                {{Form::select('productname',[],'',['class'=>'form-control select2','id'=>'productname'])}}
            </div>
            <div class="form-group">
                <label for="email">Select Establishment:</label>
                {{Form::select('establishmentId',$establishments,'',['class'=>'form-control select2','id'=>'establishmentId'])}}
            </div>
            <div class="form-group">
                <!--button type="button" id="searchThisItems" class="clickbtncommon btn-sm btn btn-primary"><i class="fa fa-search"></i>  Search</button-->
            </div>
        </div>
      <div class="modal-footer ">
        <!--button type="button" class="clickbtncommon btn-sm btn btn-primary pull-left">Add Selcted Products</button-->
        <button type="button" class="clickbtncommon btn-sm btn btn-primary pull-left" data-dismiss="modal">Close</button>
      </div>
    </div>
    {{Form::close()}}
  </div>
</div>

<div class="modal fade " id="productModel">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">{{ __('lbl.select_items')}}</h4>
            </div>
            <div class="modal-body">
                <table class="table table-bordered" id="storeproductlist"> 
                    <thead>
                        <tr>
                            <th>{{ __('lbl.action') }}</th>
                            <th>{{ __('lbl.product_name') }}</th>
                            <th>{{ __('lbl.beginning_inventory') }}</th>
                            <th>{{ __('lbl.product_price') }}</th>
                        </tr>
                    </thead>
                </table> 
            </div>
            <div class="modal-footer">
                <button type="button" id="selectItemsIds" class="btn btn-success pull-left"><i class="fa fa-save" aria-hidden="true"></i> {{ __('lbl.select_items')}}</button>
                <button type="button" class="btn btn-danger pull-left" data-dismiss="modal"><i class="fa fa-arrow-circle-left"></i> {{ __('lbl.close')}}</button>
            </div>
        </div>  
    </div> 
</div> 
   
@endsection

@section('pagescript')
{!! Helper::pagejs(['js/lib/select2/dist/js/select2.full.min.js']) !!}
{!! Helper::datatablelib('producttransfer/list.js') !!} 
<script type="text/javascript">
var path = "{{ route('findestablishmentproduct') }}"; 
$(function(){
    $.ajaxSetup({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
    });
    $('#productname').select2({
        width:'100%',
        ajax: {
            url: path,
            method: 'POST',
            dataType: 'json',
            data: function (params) {
              return {
                //q: params.term, // search term
                productname: params.term,
                estaId: $("#establishmentId").val(), 
              };
            },
        }
    });
     
});
</script>
@stop