@extends('layouts.template')

@section('content')

<section class="fuel-entry parts-select">
  <div class="container">
    <div class="row">
      <h1 class="heading"> Parts Control <a href="{{ url('store/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
      @if(Session::has('flash_message'))
      <div class="row">
        <div class="col-md-12">
          <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
        </div> 
      </div>   
      @endif
      <div class="tools-control-table parts-control-table">
        <div class="table-heading">
          <h4 class="col-md-12 col-sm-12 col-xs-12">Parts Control :-&nbsp;
            <input type="radio" class="div-toggle" id="IC" name="test" data-show=".item-creation" checked><label for="Shipper">&nbsp;Item Creation</label>&nbsp;
            <input type="radio" class="div-toggle" id="PO" name="test" data-show=".purchase-order"><label for="Shipper">&nbsp;Purchase order</label>&nbsp;
            <input type="radio" class="div-toggle" id="SI" name="test" data-show=".stock-in"><label for="Shipper">&nbsp;Stock In</label>&nbsp;
            <input type="radio" class="div-toggle" id="SO" name="test" data-show=".stock-out"><label for="Shipper">&nbsp;Stock Out</label>
          </h4>
          <div class="col-md-9 col-sm-9 col-xs-12">
              <div class=" form-group">
{{--                <select class="form-control arr div-toggle"  id="test" data-target=".table-area">--}}
{{--                  <option data-show=".item-creation">Item Creation</option>--}}
{{--                  <option data-show=".purchase-order">purchase order</option>--}}
{{--                  <option data-show=".stock-in">Stock in</option>--}}
{{--                  <option data-show=".stock-out">Stock out</option>            --}}
{{--                </select> --}}
              </div>
          </div>
        </div>
        <div class="table-area">
          <div class="item-creation">
            <div class="parts-addmore">
              @permission('item-creation-create')
              <a href="#" title="Add" id="item_creation"><i class="fa fa-user-plus" aria-hidden="true"></i></a>
              @endpermission
            </div>

            <!-- item-modal -->
            <div id="item-modal" class="tool_area">
              <h4>Add Item Creation &nbsp; <input type="checkbox" id="alternative_part"> &nbsp;Alternative Part</h4>

              {!! Form::open(['url' => '/store/part-control/item-creation/store','id'=>'itemform', 'files' => true]) !!}
              <div class="parts-modal-content clearfix">
                <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('item_part_id') ? 'has-error' : ''}}">
                  <label>Part ID</label>
                  {!! Form::text('item_part_id', $partId, ['class' => 'form-control','id'=>'part_id','readonly'=>'true']) !!}
                  {!! $errors->first('item_part_id', '<p class="help-block">:message</p>') !!}
                </div>

                <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('item_part_name') ? 'has-error' : ''}}" id="part_name">
                  <label>Part Name</label>
                  {!! Form::text('item_part_name', null, ['class' => 'form-control','id'=>'part_name1','required']) !!}
                  {!! $errors->first('item_part_name', '<p class="help-block">:message</p>') !!} 
                </div>
                <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('item_part_name2') ? 'has-error' : ''}}" id="part_name_select" hide>
                  <label>Part Name</label>
                  {!! Form::select('item_part_name2',$page_data['items'], null, ['class' => 'form-control','placeholder'=>'Select Part','id'=>'part_name2']) !!}
                  {!! $errors->first('item_part_name2', '<p class="help-block">:message</p>') !!}
                </div>

                <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('item_part_make') ? 'has-error' : ''}}">
                  <label>Part Make</label>
                  {!! Form::text('item_part_make', null, ['class' => 'form-control']) !!}
                  {!! $errors->first('item_part_make', '<p class="help-block">:message</p>') !!}
                </div>

                <div class="col-md-1 col-sm-2 col-xs-12 form-group {{ $errors->has('item_part_number') ? 'has-error' : ''}}">
                  <label>Part Number</label>
                  {!! Form::text('item_part_number', null, ['class' => 'form-control']) !!}
                  {!! $errors->first('item_part_number', '<p class="help-block">:message</p>') !!} 
                </div>

                <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('item_category') ? 'has-error' : ''}}">
                  <label>Category</label>
                  <div class="select">
                    {!! Form::select('item_category',['' => 'Select Category'] + $page_data['category']->toArray(),null, ['id'=>'item_category','class' => 'form-control']) !!}
                    {!! $errors->first('item_category', '<p class="help-block">:message</p>') !!} 
                  </div>
                </div>

                <div class="col-md-1 col-sm-2 col-xs-12 form-group {{ $errors->has('item_quantity') ? 'has-error' : ''}}">
                  <label>Alert Qty</label>
                  {!! Form::text('item_quantity', null, ['class' => 'form-control', 'id' => 'item_quantity_selected']) !!}
                  {!! $errors->first('item_quantity', '<p class="help-block">:message</p>') !!}
                </div>

                <div class="col-md-2 col-sm-2 col-xs-12 form-group upload-input">
                  <label>Product image</label>
                  <div>
                    <input type="file" name="image" placeholder="Product image" data-error="Product image" id="imageView"/>
                    <img id="output" src="" width="90" height="50" style="position: relative;left: 165px;top: -27px;display: none;">
                    <div class="help-block with-errors"></div>
                  </div>
                </div>
                <div class="product-image-added form-group col-md-1 col-sm-1 col-xs-12">
                  <img class="example-image" id="assigned_product_image" src="" width="100" height="100">
                </div>
                <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                  {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!} 
                  {!! Form::button('Cancel', ['id'=>'itemcancel','class' => 'btn btn-primary']) !!}                
                </div>
              </div>
              {!! Form::close() !!}         
            </div>

            <div class="table-responsive">
              <table class="table">
                <thead>
                  <tr>
                    <th>Part ID</th>
                    <th>Part Name</th>
                    <th>Part Make</th>
                    <th>Part Number</th>              
                    <th>Category</th>
                    <th>Alert Qty</th>
                    <th>Alternative</th>
                    <th>Product Image</th>
                  </tr>
                </thead>
                <tbody>
                  @permission('item-creation-list')
                  @foreach($itemcreation as $item)
                  <tr>
                    <td>{{ $item->part_id }}</td>
                    <td>{{ $item->part_name }}</td>
                    <td>{{ $item->part_make ? $item->part_make : 'N/A' }}</td>
                    <td>{{ $item->part_number }}</td>
                    <td>{{ $item->category }}</td>
                    <td>{{ $item->quantity }}</td>
                    <td><a href="#" class="viewDetails" data-toggle="modal" data-target="#viewDetailsModal" data-id="{{$item->id}}" >{{ $item->alternativeItem->count() }}</a></td>
                    <td>
                      <div class="product-image">
                        <a class="example-image-link" href="{{ url('images') }}/{{ $item->image }}" data-lightbox="example-1">
                          @if($item->image !="")<img class="example-image" src="{{ url('images') }}/{{ $item->image }}" width="20" height="20">@endif
                        </a>
                      </div>
                    </td>
                  </tr>
                  @endforeach
                  @else
                  <tr>
                    <td colspan="6" style="color:red;">You Dont Have Permission To View List Of Item Creation</td>
                  </tr>
                  @endpermission
                </tbody>
              </table>
            </div>
          </div>
          <div class="stock-in hide">
            <div class="parts-addmore">
              @permission('stock-in-create')
              <a href="#" title="Add" id="stock_in" ><i class="fa fa-user-plus" aria-hidden="true"></i></a>
              @endpermission
            </div>

            <!-- stock in -modal -->
            <div id="stockin-modal" class="tool_area">
              <h4>Add Stock In &nbsp;
                <div style="position: relative;left: 135px;top: -24px;">
                <span style="font-size: smaller;color: black;">Purchase Order Number</span>
                    {!! Form::select('si_purchase_order_number',['' => 'Select Purchase Order Number'],null, ['id'=>'si_purchase_order_number','class' => 'form-control']) !!}
                    {!! $errors->first('si_purchase_order_number', '<p class="help-block">:message</p>') !!}
                  </div>
                </h4>
              {!! Form::open(['url' => '/store/part-control/stock-in/store','id'=>'stockinform', 'files' => true]) !!}
              <div class="parts-modal-content clearfix">

                <input type="hidden" id="si_po_no" name="purchase_number">
                <div class="table-responsive">
                  <table class="table">
                    <thead>
                    <tr>
                      <th>Part Name</th>
                      <th>Part Make</th>
                      <th>Part Number</th>
                      <th>Quantity</th>
                      <th>Equipment</th>
                      <th>Location</th>
                      <th>Make</th>
                      <th>Model</th>
                      <th>Remark</th>
                    </tr>
                    </thead>
                    <tbody class="add_stock_in">
                    </tbody>
                  </table>
                </div>
                <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                  {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary','id'=>'stock_btn']) !!}
                  {!! Form::button('Cancel', ['id'=>'stockincancel','class' => 'btn btn-primary']) !!}                
                </div>
              </div>
              {!! Form::close() !!}
            </div>

            <div class="table-responsive">
              <table class="table">
                <thead>
                  <tr>
                    <th>PO Nr</th>
                    <th>Part Name</th>                
                    <th>Part Make</th>
                    <th>Part Number</th>
                    <th>Qty</th>
                    <th>Location</th>
                    <th>Equipment</th>
                    <th>Make</th>
                    <th>Model</th>
                    <th>Remarks</th>
                    <th>Product Image</th>
                  </tr>
                </thead>
                <tbody>
                  @permission('stock-in-list')
                  @foreach($stockin as $sitem)
                  <tr>
                    <td>{{ $sitem->purchase_order_number }}</td>
                    <td>{{ $sitem->part_name }}</td>
                    <td>{{ $sitem->part_make ? $sitem->part_make : 'N/A' }}</td>
                    <td>{{ $sitem->part_number }}</td>
                    <td>{{ $sitem->quantity }}</td>
                    <td>{{ $sitem->location }}</td>
                    <td>{{ $sitem->equipment }}</td>
                    <td>{{ $sitem->make }}</td>
                    <td>{{ $sitem->model }}</td>
                    <td>{{ $sitem->remark }}</td>
                    <td>
                      <div class="product-image">
                        @if(count($sitem->part) > 0)
                        <a class="example-image-link" href="{{ url('images') }}/{{ $sitem->part[0]->image }}" data-lightbox="example-1">
                          @if($sitem->part[0]->image !="")<img class="example-image" src="{{ url('images') }}/{{ $sitem->part[0]->image }}" width="20" height="20">@endif
                        </a>
                        @endif
                      </div>
                    </td>
                  </tr>
                  @endforeach
                  @else
                  <tr>
                    <td colspan="8" style="color:red;">You Dont Have Permission To View List Of Stock In Items</td>
                  </tr>
                  @endpermission
                </tbody>
              </table>
            </div>
          </div>
          <div class="stock-out hide">
            <div class="parts-addmore">
              @permission('stock-out-create')
              <a href="#" title="Add" id="stock_out"><i class="fa fa-user-plus" aria-hidden="true"></i></a>
              @endpermission
            </div>

            <!-- stock out-modal -->
            <div id="stockout-modal" class="tool_area">
              <h4>Add Stock Out</h4>  
              {!! Form::open(['url' => '/store/part-control/stock-out/store','id'=>'stockoutform', 'files' => true]) !!}
              <div class="row">
                <div class="col-lg-8 col-sm-8 col-xs-12">
                  <div class="parts-modal-content clearfix stockOutData">

                    <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('po_part_name') ? 'has-error' : ''}}">
                      <label>Part Name</label>
                      <div class="select">
                        {!! Form::select('so_part_name',['' => 'Select Part Name'],null, ['id'=>'so_part_name','class' => 'form-control so_validate']) !!}
                        {!! $errors->first('so_part_name', '<p class="help-block">:message</p>') !!}
                        <p id="name_err"></p>
                      </div>
                    </div>
                    <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('so_part_make') ? 'has-error' : ''}}">
                      <label>Part Make</label>
                      <div class="select">
                        {!! Form::select('so_part_make',['' => 'Select Part Name'],null, ['id'=>'so_part_make','class' => 'form-control so_validate']) !!}
                        {!! $errors->first('so_part_make', '<p class="help-block">:message</p>') !!}
                        <p id="pmake_err"></p>
                      </div>
                    </div>
                    <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('po_part_number') ? 'has-error' : ''}}">
                      <label>Part Number</label>
                      <div class="select">
                        {!! Form::select('so_part_number',['' => 'Select Part Number'],null, ['id'=>'so_part_number','class' => 'form-control so_validate']) !!}
                        {!! $errors->first('so_part_number', '<p class="help-block">:message</p>') !!}
                        <p id="number_err"></p>
                      </div>
                    </div>
                    <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('so_equipment') ? 'has-error' : ''}}">
                      <label>Equipment</label>
                      <div class="select">
                        {!! Form::select('so_equipment',['' => 'Select Equipment'],null, ['id'=>'so_equipment','class' => 'form-control so_validate']) !!}
                        {!! $errors->first('so_equipment', '<p class="help-block">:message</p>') !!}
                        <p id="equi_err"></p>
                      </div>
                    </div>

                    <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('so_make') ? 'has-error' : ''}}">
                      <label>Make</label>
                      <div class="select">
                        {!! Form::select('so_make',['' => 'Select Make'],null, ['id'=>'so_make','class' => 'form-control so_validate']) !!}
                        {!! $errors->first('so_make', '<p class="help-block">:message</p>') !!}
                        <p id="make_err"></p>
                      </div>
                    </div>

                    <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('so_model') ? 'has-error' : ''}}">
                      <label>Model</label>
                      <div class="select">
                        {!! Form::select('so_model',['' => 'Select Model'],null, ['id'=>'so_model','class' => 'form-control so_validate']) !!}
                        {!! $errors->first('so_model', '<p class="help-block">:message</p>') !!}
                        <p id="model_err"></p>
                      </div>
                    </div>
                    <div class="col-md-1 col-sm-2 col-xs-12 form-group {{ $errors->has('so_quantity') ? 'has-error' : ''}}" id="qtyclass">
                      <label>Aval Qty</label>
                    {!! Form::text('so_quantity_can_free', null, ['id'=>'so_quantity_can_free','class' => 'form-control','readonly']) !!}
                    </div>

                    <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('so_quantity') ? 'has-error' : ''}}" id="qtyclass">
                      <label>Issue Qty</label>
                      {!! Form::text('so_quantity', null, ['class' => 'form-control so_validate','id'=>'so_quantity']) !!}
                      {!! $errors->first('so_quantity', '<p class="help-block">:message</p>') !!}
                    </div>

                    <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('so_job_number') ? 'has-error' : ''}}">
                      <label>Job Number</label>
                      <div class="select">
                        {!! Form::select('so_job_number',['' => 'Select Job Nr'] + $page_data['job_number']->toArray() , null, ['id'=>'so_job_number','class' => 'form-control so_validate']) !!}
                        {!! $errors->first('so_job_number', '<p class="help-block">:message</p>') !!}
                        <p id="job_err"></p>
                      </div>
                    </div>



                    <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                      <button type="button" class="btn-primary addso-btn" onclick="AddSoData()" style="position: relative;top: 2px;">Add</button>
{{--                                            {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}--}}
                      {!! Form::button('Cancel', ['id'=>'stockoutcancel','class' => 'btn btn-primary']) !!}
                    </div>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="table-containrised table-responsive">
                    <table class="table" width="50%">
                      <thead>
                      <tr>
                        <th>Part Name</th>
                        <th>Part Make</th>
                        <th>Part No</th>
                        <th>Qty</th>
                        <th>Action</th>
                      </tr>
                      </thead>
                      <tbody class="job_stock_part">
                      </tbody>
                    </table>
                    <table id="stockouttable" class="table" width="50%">
                      <tbody>
                      </tbody>
                    </table>
                  </div>
                  <div class="form-group submit-btn stock-btn">
                    <input type="submit" value="save">
                  </div>
                </div>
              </div>

              {!! Form::close() !!}
            </div>

            <div class="table-responsive">
              <table class="table">
                <thead>
                  <tr>
                    <th>Part Name</th>                
                    <th>Part Make</th>
                    <th>Part Number</th>
                    <th>Equipment</th>
                    <th>Make</th>
                    <th>Model</th>
                    <th>Qty</th>
                    <th>Job Number</th>
                    <th>Product Image</th>
                  </tr>
                </thead>
                <tbody>
                  @permission('stock-out-list')
                  @foreach($stockout as $oitem)
                  <tr>
                    <td>{{ $oitem->part_name }}</td>
                    <td>{{ $oitem->part_make ? $oitem->part_make : 'N/A' }}</td>
                    <td>{{ $oitem->part_number }}</td>
                    <td>{{ $oitem->equipment }}</td>
                    <td>{{ $oitem->make }}</td>
                    <td>{{ $oitem->model }}</td>
                    <td>{{ $oitem->quantity }}</td>
                    <td>{{ $oitem->job_number }}</td>
                    <td>
                      <div class="product-image">
                        @if(count($oitem->part) > 0)
                          <a class="example-image-link" href="{{ url('images') }}/{{ $oitem->part[0]->image }}" data-lightbox="example-1">
                            @if($oitem->part[0]->image !="")<img class="example-image" src="{{ url('images') }}/{{ $oitem->part[0]->image }}" width="20" height="20">@endif
                          </a>
                        @endif
                      </div>
                    </td>
                  </tr>
                  @endforeach
                  @else
                  <tr>
                    <td colspan="4" style="color:red;">You Dont Have Permission To View List Of Stock Out Items</td>
                  </tr>
                  @endpermission
                </tbody>
              </table>
            </div>
{{--            <div class="col-md-4 col-sm-4 col-xs-12" style="margin-left: 103%;margin-top:-680px;">--}}
{{--              <table class="table stock_out" style="border-top: 5px solid #2cc5b0;">--}}
{{--                <thead>--}}
{{--                <tr>--}}
{{--                  <th>Part ID</th>--}}
{{--                  <th>Part Name</th>--}}
{{--                  <th>Part Make</th>--}}
{{--                  <th>Part Nr</th>--}}
{{--                  <th>Qty</th>--}}
{{--                </tr>--}}

{{--                </thead>--}}
{{--                <tbody class="job_stock_part">--}}
{{--                </tbody>--}}
{{--              </table>--}}
{{--            </div>--}}
          </div>
          <div class="purchase-order hide">
            <div class="parts-addmore">
              @permission('purchase-order-create')
              <a href="#" title="Add" id="purchase_order"><i class="fa fa-user-plus" aria-hidden="true"></i></a>
              @endpermission
            </div>

            <!-- purchase order modal -->
            <div id="purchaseorder-modal" class="tool_area">
              <h4>Add Purchase order &nbsp;<input type="radio" id="po_stock" name="data" checked>&nbsp;Stock &nbsp;
                <input type="radio" id="po_job" name="data">&nbsp;Job</h4>
              {!! Form::open(['url' => 'store/part-control/purchase-order/store','id'=>'purchaseorderform','files' => true]) !!}
              <div class="row">
                <div class="col-md-8">
                <div class="parts-modal-content clearfix purchaseOrder">
                  <div class="col-m-2 col-sm-2 col-xs-12 form-group {{ $errors->has('purchase_order_number') ? 'has-error' : ''}}">
                    <label>PO Number</label>
                    {!! Form::text('purchase_order_number', null, ['class' => 'form-control test_validate','id'=>'po_order_no']) !!}
                    {!! $errors->first('purchase_order_number', '<p class="help-block">:message</p>') !!}
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('po_part_name') ? 'has-error' : ''}}">
                    <label>Part Name</label>
                    <div class="select">
                      {!! Form::select('po_part_name',['' => 'Select Part Name'],null, ['id'=>'po_part_name','class' => 'form-control test_validate']) !!}
                      {!! $errors->first('po_part_name', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('po_part_make') ? 'has-error' : ''}}">
                    <label>Part Make</label>
                    <div class="select">
                      {!! Form::select('po_part_make',['' => 'Select Part Make'],null, ['id'=>'po_part_make','class' => 'form-control test_validate']) !!}
                      {!! $errors->first('po_part_make', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('po_part_number') ? 'has-error' : ''}}">
                    <label>Part Number</label>
                    <div class="select">
                      {!! Form::select('po_part_number',['' => 'Select Part Number'],null, ['id'=>'po_part_number','class' => 'form-control test_validate']) !!}
                      {!! $errors->first('po_part_number', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('po_quantity') ? 'has-error' : ''}}">
                    <label>Quantity</label>
                    {!! Form::text('po_quantity', null, ['class' => 'form-control test_validate','id'=>'po_quantity']) !!}
                    {!! $errors->first('po_quantity', '<p class="help-block">:message</p>') !!}
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('po_equipment') ? 'has-error' : ''}}">
                    <label>Equipment</label>
                    <div class="select">
                      {!! Form::select('po_equipment',['' => 'Select Equipment'] + $page_data['equipment']->toArray() , null, ['id'=>'po_equipment_id','class' => 'form-control test_validate']) !!}
                      {!! $errors->first('po_equipment', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('po_make') ? 'has-error' : ''}}">
                    <label>Make</label>
                    <div class="select">
                      {!! Form::select('po_make',['' => 'Select Make'],null, ['id'=>'po_make','class' => 'form-control test_validate']) !!}
                      {!! $errors->first('po_make', '<p class="help-block">:message</p>') !!}
                    </div>

                  </div>
                  <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('po_model') ? 'has-error' : ''}}">
                    <label>Model</label>
                    <div class="select">
                      {!! Form::select('po_model',['' => 'Select Model'],null, ['id'=>'po_model','class' => 'form-control test_validate']) !!}
                      {!! $errors->first('po_model', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('po_price') ? 'has-error' : ''}}">
                    <label>Price</label>
                    {!! Form::text('po_price', null, ['class' => 'form-control test_validate','id'=>'po_price']) !!}
                    {!! $errors->first('po_price', '<p class="help-block">:message</p>') !!}
                  </div>
                  <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('apply') ? 'has-error' : ''}}">
                    <label>Applier</label>
                    <div class="select">
                      {!! Form::select('apply',['' => 'Select Applier'] + $page_data['name']->toArray() , null, ['class' => 'form-control test_validate','id'=>'applier']) !!}
                      {!! $errors->first('apply', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>

                  <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('supplier') ? 'has-error' : ''}}">
                    <label>Supplier </label>
                    <div class="select">
                      {!! Form::select('po_supplier',['' =>'Select Supplier'] + $page_data['supplier']->toArray() ,null,['class' => 'col-md-6 form-control arr test_validate','id'=>'po_supplier']) !!}
                      {!! $errors->first('po_supplier', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>

                  <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('po_job_number') ? 'has-error' : ''}}" id="job_number_part">
                    <label>Job Number</label>
                    <div class="select">
                      {!! Form::select('po_job_number',['' => 'Select Job Number'] + $page_data['job_number']->toArray() , null, ['id'=>'po_job_number','class' => 'form-control']) !!}
                      {!! $errors->first('po_job_number', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>
                  <div class="col-md-3 col-sm-2 col-xs-12 form-group {{ $errors->has('approve') ? 'has-error' : ''}}">
                    <label>Approver</label>
                    <div class="select">
                      {!! Form::select('approve',['' => 'Select Approve By'] + $page_data['approve_name']->toArray() , null, ['class' => 'form-control test_validate','id'=>'approve']) !!}
                      {!! $errors->first('approve', '<p class="help-block">:message</p>') !!}
                    </div>
                  </div>
                  <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                    <button type="button" class="btn-primary" onclick="AddPodData()" style="position: relative;top: 2px;">Add</button>
                    {{--                  {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}--}}
                    {!! Form::button('Cancel', ['id'=>'purchaseordercancel','class' => 'btn btn-primary']) !!}
                  </div>
                </div>
                </div>
                <div class="col-md-4">
                <div class="table-containrised table-responsive">
                  <table id="potable" class="table" width="50%">
                    <thead>
                    <tr>
                      <th>Part Name</th>
                      <th>Part Make</th>
                      <th>Part No</th>
                      <th>Qty</th>
                      <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                  </table>
                </div>
                <div class="form-group submit-btn shipper-btn">
                  <input type="submit" value="save">
                </div>
                </div>
              </div>
              {!! Form::close() !!}
            </div>

            <div class="table-responsive">
              <table class="table">
                <thead>
                  <tr>
                    <th>PO Nr</th>
                    <th>Part Name</th>            
                    <th>Part Make</th>
                    <th>Part Number</th>
                    <th>Supplier</th>
                    <th>Qty</th>
                    <th>Price</th>
                    <th>Equipment</th>
                    <th>Make</th>
                    <th>Model</th>
                    <th>Job Nr</th>
                    <th>Applier</th>
                    <th>Approver</th>
                    <th>Print</th>
                  </tr>
                </thead>
                <tbody>
                  @permission('purchase-order-list')
                  @foreach($purchaseorder as $poitem)
                  <tr>
                    <td>{{ $poitem->purchase_order_number }}</td>
                    <td>{{ $poitem->part_name }}</td>
                    <td>{{ $poitem->part_make ? $poitem->part_make : 'N/A' }}</td>
                    <td>{{ $poitem->part_number }}</td>
                    <td>{{ $poitem->supplier }}</td>
                    <td>{{ $poitem->quantity }}</td>
                    <td>
                     @if($poitem->price)
                     {{ number_format($poitem->price, 2, '.', ',') }}
                     @else
                     {{ $poitem->price }}
                     @endif
                   </td>
                   <td>{{ $poitem->equipment }}</td>
                   <td>{{ $poitem->make }}</td>
                   <td>{{ $poitem->model }}</td>
                   <td>{{ $poitem->job_number }}</td>
                   <td>{{ $poitem->apply }}</td>
                   <td>{{ $poitem->approve }}</td>
                   <td>
                       <a href="{{ url('store/part-control/downloadOrderPdf/'.$poitem->purchase_order_number) }}" title="Order"><i class="fa fa-print"></i></a>
                   </td>
                 </tr>
                 @endforeach
                 @else
                 <tr>
                  <td colspan="11" style="color:red;">You Dont Have Permission To View List Of Purchase Orders</td>
                </tr>
                @endpermission
              </tbody>
            </table>
          </div>
        </div>
           <!-- <div class="stock-take hide">
              Data Coming Soon
            </div> -->
          </div>
        </div>

        <div class="tools-control-table">
          <h1>Current Status <a href="{{ route('store.part-control.excel','xls')}}" class="btn btn-primary pull-right" style="position: relative;top: 5px;"><span><i class="fa fa-download"></i>Stock Report</span></a>
          </h1>
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Part Name</th>
                  <th>Part ID</th>
                  <th>Equipment</th>
                  <th>Make</th>
                  <th>Model</th>
                  <th>Category</th>
                  <th>Part Number</th>
                  <th>Location</th>
                  <th>Stock Qty</th>
                  <th>Alert Qty</th>
                  <th>Price</th>
                  <th>Date Update</th>
                  <th>Product Image</th>
                </tr>
              </thead>
              <tbody>
                @foreach($data as $d)
                <tr>
                  <td>{{ $d->part_name }}</td>
                  <td>{{ $d->part_id }}</td>
                  <td>{{ $d->equipment }}</td>
                  <td>{{ $d->make }}</td>
                  <td>{{ $d->model }}</td>
                  <td>{{ $d->category }}</td>
                  <td>{{ $d->part_number }}</td>
                  <td>{{ $d->location }}</td>
                  <td>{{ $d->stock_in_quantity - $d->stock_out_quantity }}</td>
                  <td>{{ $d->quantity }}</td>
                  <td>
                   @if($d->price)
                   {{ number_format($d->price, 2, '.', ',') }}
                   @else
                   {{ $d->price }}
                   @endif
                 </td>
                 <td>{{ $d->updated_at ? Helper::convert_to_ddmmyyhis($d->updated_at) : Helper::convert_to_ddmmyyhis($d->created_at) }}</td>
                 <td>
                  <div class="product-image">
                    <a class="example-image-link" href="{{ url('images') }}/{{ $d->image }}" data-lightbox="example-1">
                      @if($d->image !="")<img class="example-image" src="{{ url('images') }}/{{ $d->image }}" width="20" height="20">@endif
                    </a>
                  </div>
                </td>
              </tr>
              @endforeach
            </tbody>
            </table>
            </div>
          </div>
        </div>
      </div>
    </section>
    <div class="modal fade" id="viewDetailsModal">
      <div class="modal-dialog">
        <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" align="center"><b>Alternative Item</b></h4>
          </div>
          <div id="detailsContent"></div>
        </div>
      </div>
    </div>
    <script type="text/javascript">

      $(document).ready(function() {
      $.ajax({
      url: "{{URL::to('store/part-control/getParts')}}",
      type: 'POST',
      dataType: 'json',
      data: {'_token': '{{csrf_token()}}'},
      success: function (response) {    
      if(response.data)
      {
        $.each(response.data, function (index,value) {
        $("#po_part_name").data("selectBox-selectBoxIt").add({value:value, text:value});
      });
    }   
  }
});

$.ajax({
url: "{{URL::to('store/part-control/getPurchaseNumber')}}",
type: 'POST',
dataType: 'json',
data: {'_token': '{{csrf_token()}}'},
success: function (response) {
if(response.data)
{
  $.each(response.data, function (index,value) {
  $("#si_purchase_order_number").data("selectBox-selectBoxIt").add({value:value, text:value});
});   
}
}
});

$.ajax({
url: "{{URL::to('store/part-control/getStockInPartName')}}",
type: 'POST',
dataType: 'json',
data: {'_token': '{{csrf_token()}}'},
success: function (response) {
if(response.data)
{
  $.each(response.data, function (index,value) {
  $("#so_part_name").data("selectBox-selectBoxIt").add({value:value, text:value});
});   
}
}
});
});

$('#si_purchase_order_number').change(function () {
var purchase_number = $(this).val();
if (purchase_number != '') {
$.ajax({
url: "{{URL::to('store/part-control/getPurchaseDetail')}}",
type: 'POST',
dataType: 'json',
data: {'purchase_number': purchase_number, '_token': '{{csrf_token()}}'},
success: function (response) {
  $('.add_stock_in').html('');
  if (response.data != '') {

    $.each(response.data, function (index, value) {
      $('.add_stock_in').append('<tr><td><input type="text" name="si_part_name[' + index + ']" class="form-control" value="' + value.part_name + '" readonly></td><td><input type="text" name="si_part_make[' + index + ']" class="form-control" value="' + value.part_make + '" readonly></td><td><input type="text" name="si_part_number[' + index + ']" class="form-control" value=' + value.part_number + ' readonly></td><td><input type="text" name="si_quantity[' + index + ']" class="form-control" required></td><td><input type="text" name="si_equipment[' + index + ']" class="form-control" value="' + value.equipment + '" readonly></td><td>{!! Form::select('si_location',["" => "Select Location"] + $page_data["location"]->toArray(),null, ["id"=>"si_location","class" => "form-control","required"]) !!}</td><td><input type="text" name="si_make[' + index + ']" class="form-control" value="' + value.make + '" readonly></td><td><input type="text" name="si_model[' + index + ']" class="form-control" value="' + value.model + '" readonly></td><td><input type="text" name="si_remark[' + index + ']" class="form-control" value required></td></tr>');
      $('select[name="si_location"]').attr("name", "si_location[" + index + "]");
// $("#si_part_number").val(value.part_number);
// $("#si_part_name").val(value.part_name);
// $("#si_equipment").val(value.equipment);
// $("#si_make").val(value.make);
// $("#si_quantity_can_free").val(value.quantity);
// $("#si_part_make").val(value.part_make)
// $("#si_model").val(value.model);
      $("#si_po_no").val(purchase_number);
    });
    $("#stock_btn").show();
  } else {
    var oo = $("select#si_purchase_order_number").selectBoxIt().data("selectBoxIt");
    $("#si_purchase_order_number").val($("#si_purchase_order_number option:first").val());
    oo.refresh();
    $("#stock_btn").hide();

  }
}
});
} else {
  $('.add_stock_in').html('');
  $("#stock_btn").hide();

}
});

$('#so_job_number').change(function(){
   var job_number = $(this).val();
   if (job_number != '') {
     $(this).removeClass('has-error');
     $('#err_8').html('');
     $.ajax({
       url: "{{URL::to('store/part-control/getPartNames')}}",
       type: 'POST',
       dataType: 'json',
       data: {'job_number':job_number, '_token':'{{csrf_token()}}'},
       success: function (response) {
         console.log(response);
          if (response.data != "") {
          $('.job_stock_part').html('');
          $.each(response.data, function (index,value) {
              console.log(value);
            $('.job_stock_part').append('<tr><td>'+ value.part_name +'</td><td>'+value.part_make+'</td><td>'+value.part_number+'</td><td>'+value.quantity+'</td><td>-</td><tr>');


          });

          } else {
            $('.job_stock_part').html('');
            $('.job_stock_part').append('<tr><td colspan="6">No Record Found</td></tr>');

          }
        }
        
     });
   } else {
     $('.job_stock_part').html('');
     $('.job_stock_part').append('<tr><td colspan="6">No Record Found</td></tr>');
   }
});

$('#so_part_name').change(function () {
var part_name = $(this).val();
if (part_name != '') {
  $(this).removeClass('has-error');
  $('#err_1').html('');
$.ajax({
url: "{{URL::to('store/part-control/getPartNumber')}}",
type: 'POST',
dataType: 'json',
data: {'part_name': part_name, '_token': '{{csrf_token()}}'},
success: function (response) {    
//$('#qty_free').val(response.free);
$("#so_part_number").data("selectBox-selectBoxIt").remove();
$("#so_part_number").data("selectBox-selectBoxIt").add({value:'', text:'Select Part Number'});
  $("#so_part_make").data("selectBox-selectBoxIt").remove();
  $("#so_part_make").data("selectBox-selectBoxIt").add({value:'', text:'Select Part Make'});
$.each(response.data, function (index,value) {
$("#so_part_number").data("selectBox-selectBoxIt").add({value:value, text:value});
});
  $.each(response.make, function (index,value) {
    $("#so_part_make").data("selectBox-selectBoxIt").add({value:value, text:value});
  });
}
});
}
else
{
  $("#po_part_number").data("selectBox-selectBoxIt").remove();
  $("#po_part_number").data("selectBox-selectBoxIt").add({value:'', text:'Select Part Number'});
  $("#so_part_make").data("selectBox-selectBoxIt").remove();
  $("#so_part_make").data("selectBox-selectBoxIt").add({value:'', text:'Select Part Make'});
}
});

$('#so_part_number').change(function () {

var part_name  = $('#so_part_name').val();
var part_number = $(this).val();

if (part_name != '' && part_number != '') {
  $(this).removeClass('has-error');
  $('#err_3').html('');
$.ajax({
url: "{{URL::to('store/part-control/getEquipmentName')}}",
type: 'POST',
dataType: 'json',
data: {'part_name': part_name,'part_number': part_number, '_token': '{{csrf_token()}}'},
success: function (response) {    
//$('#qty_free').val(response.free);
$("#so_equipment").data("selectBox-selectBoxIt").remove();
$("#so_equipment").data("selectBox-selectBoxIt").add({value:'', text:'Select Equipment'});
$.each(response.data, function (index,value) {
$("#so_equipment").data("selectBox-selectBoxIt").add({value:value, text:value});
});   
}
});
}
else
{
  $("#so_equipment").data("selectBox-selectBoxIt").remove();
  $("#so_equipment").data("selectBox-selectBoxIt").add({value:'', text:'Select Equipment'});
}
});

$('#so_equipment').change(function () {

var part_name  = $('#so_part_name').val();
var part_number = $('#so_part_number').val();
var equipment  = $(this).val();

if (part_name != '' && part_number != '' && equipment != '') {
  $(this).removeClass('has-error');
  $('#err_4').html('');
$.ajax({
url: "{{URL::to('store/part-control/getMakeName')}}",
type: 'POST',
dataType: 'json',
data: {'part_name': part_name,'part_number': part_number,'equipment': equipment,'_token': '{{csrf_token()}}'},
success: function (response) {    
//$('#qty_free').val(response.free);
$("#so_make").data("selectBox-selectBoxIt").remove();
$("#so_make").data("selectBox-selectBoxIt").add({value:'', text:'Select Make'});
$.each(response.data, function (index,value) {
$("#so_make").data("selectBox-selectBoxIt").add({value:value, text:value});
});   
}
});
}
else
{
  $("#so_make").data("selectBox-selectBoxIt").remove();
  $("#so_make").data("selectBox-selectBoxIt").add({value:'', text:'Select Make'});
}
});

$('#so_make').change(function () {

var part_name   = $('#so_part_name').val();
var part_number = $('#so_part_number').val();
var equipment   = $('#so_equipment').val();
var make        = $(this).val();

if (part_name != '' && part_number != '' && equipment != '' && make != '') {
  $(this).removeClass('has-error');
  $('#err_5').html('');
$.ajax({
url: "{{URL::to('store/part-control/getModelName')}}",
type: 'POST',
dataType: 'json',
data: {'part_name': part_name,'part_number': part_number,'equipment': equipment,'make' : make,'_token': '{{csrf_token()}}'},
success: function (response) {    
//$('#qty_free').val(response.free);
$("#so_model").data("selectBox-selectBoxIt").remove();
$("#so_model").data("selectBox-selectBoxIt").add({value:'', text:'Select Model'});
$.each(response.data, function (index,value) {
$("#so_model").data("selectBox-selectBoxIt").add({value:value, text:value});
});   
}
});
}
else
{
  $("#so_model").data("selectBox-selectBoxIt").remove();
  $("#so_model").data("selectBox-selectBoxIt").add({value:'', text:'Select Model'});
}
});

$('#so_model').change(function () {

var part_name   = $('#so_part_name').val();
var part_number = $('#so_part_number').val();
var equipment   = $('#so_equipment').val();
var make        = $('#so_make').val();
var model       = $(this).val();

if (part_name != '' && part_number != '' && equipment != '' && make != '' && model != '') {
  $(this).removeClass('has-error');
  $('#err_6').html('');
$.ajax({
url: "{{URL::to('store/part-control/getStockInDetail')}}",
type: 'POST',
dataType: 'json',
data: {'part_name': part_name,'part_number': part_number,'equipment': equipment,'make' : make,'model' : model,'_token': '{{csrf_token()}}'},
success: function (response) {
  console.log(response);
$.each(response.data, function (index,value) {
  console.log(value);
  console.log(value.quantity,value.stockoutquantity);
$("#so_quantity_can_free").val(value.quantity - value.stockoutquantity);
  if (value.quantity - value.stockoutquantity == 0) {
    $('.addso-btn').hide();
  } else {
    $('.addso-btn').show();
  }
});
if (response.job != '') {
  console.log(response.job.job_number);
  var select = $("#so_job_number");
  select.find("option[value='" + response.job.job_number + "']").prop('selected', 'selected');
  select.data("selectBox-selectBoxIt").refresh();
  var job = $("#so_job_number").val();
      if (job != '') {
        $('#so_job_number').removeClass('has-error');
        $('#err_8').html('');
        $.ajax({
          url: "{{URL::to('store/part-control/getPartNames')}}",
          type: 'POST',
          dataType: 'json',
          data: {'job_number':job, '_token':'{{csrf_token()}}'},
          success: function (response) {
            console.log(response);
            if (response.data != "") {
              $('.job_stock_part').html('');
              $.each(response.data, function (index,value) {
                console.log(value);
                $('.job_stock_part').append('<tr><td>'+ value.part_name +'</td><td>'+value.part_make+'</td><td>'+value.part_number+'</td><td>'+value.quantity+'</td><td>-</td><tr>');


              });

            } else {
              $('.job_stock_part').html('');
              $('.job_stock_part').append('<tr><td colspan="6">No Record Found</td></tr>');

            }
          }

        });

      }  else {
        $('.job_stock_part').html('');
        $('.job_stock_part').append('<tr><td colspan="6">No Record Found</td></tr>');
      }

    }
}
});
}
else
{
  $("#so_quantity_can_free").val(''); 
}
});

      $('#so_part_make').change(function () {
        var val = $(this).val();
        if (val != '') {
          $(this).removeClass('has-error');
          $('#err_2').html('');
        }
      });
      $('#so_quantity').on('keyup',function (){
        var val = $(this).val();
        var frqty = $('#so_quantity_can_free').val();
        $(this).removeClass('has-error');
        $('#err_9').html('');
        if (val != '') {
          $(this).removeClass('has-error');
          $('#err_7').html('');
          if (val > frqty) {
            $('<span class="error" id="err_9">Qty Entered > Qty that can free</span>').
            insertAfter('#so_quantity');
          } else {
            $(this).removeClass('has-error');
            $('#err_9').html('');
          }

        }
      });

$('#po_part_name').change(function () {
var part_name = $(this).val();
if (part_name != '') {
$.ajax({
url: "{{URL::to('store/part-control/getPartNumbers')}}",
type: 'POST',
dataType: 'json',
data: {'part_name': part_name, '_token': '{{csrf_token()}}'},
success: function (response) {    
//$('#qty_free').val(response.free);
$("#po_part_number").data("selectBox-selectBoxIt").remove();
$("#po_part_number").data("selectBox-selectBoxIt").add({value:'', text:'Select Part Number'});
$("#po_part_make").data("selectBox-selectBoxIt").remove();
$("#po_part_make").data("selectBox-selectBoxIt").add({value:'', text:'Select Part Make'});
$.each(response.data, function (index,value) {
 $("#po_part_number").data("selectBox-selectBoxIt").add({value:value, text:value});
});
  $.each(response.make, function (index,value) {
    $("#po_part_make").data("selectBox-selectBoxIt").add({value:value, text:value});
  });
}
});
}
else
{
  $("#po_part_number").data("selectBox-selectBoxIt").remove();
  $("#po_part_number").data("selectBox-selectBoxIt").add({value:'', text:'Select Part Number'});
  $("#po_part_make").data("selectBox-selectBoxIt").remove();
  $("#po_part_make").data("selectBox-selectBoxIt").add({value:'', text:'Select Part Make'});
}
});

$('#po_equipment_id').change(function () {
var name = $(this).val();
if (name != '') {
$.ajax({
url: "{{URL::to('store/part-control/getEquipment')}}",
type: 'POST',
dataType: 'json',
data: {'name': name, '_token': '{{csrf_token()}}'},
success: function (response) {    
//$('#qty_free').val(response.free);
$("#po_make").data("selectBox-selectBoxIt").remove();
$("#po_make").data("selectBox-selectBoxIt").add({value:'', text:'Select Make'});
$.each(response.data, function (index,value) {
console.log(value);
$("#po_make").data("selectBox-selectBoxIt").add({value:value, text:value});
});   
}
});
}
else
{
  $("#po_make").data("selectBox-selectBoxIt").remove();
  $("#po_make").data("selectBox-selectBoxIt").add({value:'', text:'Select Make'});
}
});

$('#po_make').change(function () {
var make = $(this).val();
var name = $("#po_equipment_id").val();
if (make != '' && name != '') {
$.ajax({
url: "{{URL::to('store/part-control/getModel')}}",
type: 'POST',
dataType: 'json',
data: {'make': make,'name': name,'_token': '{{csrf_token()}}'},
success: function (response) {    
//$('#qty_free').val(response.free);
$("#po_model").data("selectBox-selectBoxIt").remove();
$("#po_model").data("selectBox-selectBoxIt").add({value:'', text:'Select Model'});
$.each(response.data, function (index,value) {
console.log(value);
$("#po_model").data("selectBox-selectBoxIt").add({value:value, text:value});
});   
}
});
}
else
{
  $("#po_model").data("selectBox-selectBoxIt").remove();
  $("#po_model").data("selectBox-selectBoxIt").add({value:'', text:'Select Model'});
}
});

$('.div-toggle').on('change',function() {
var target = $(this).data('target');
var show = $("option:selected", this).data('show');
$(target).children().addClass('hide');
$(show).removeClass('hide');
});


$(".alert").fadeTo(2000, 500).slideUp(500, function(){
$(".alert").alert('close');
});
      $('#part_name2').change(function () {
        var part_name = $(this).val();
        if (part_name != '') {
          $.ajax({
            url: "{{URL::to('store/part-control/getPartId')}}",
            type: 'POST',
            dataType: 'json',
            data: {'part_name': part_name, '_token': '{{csrf_token()}}'},
            success: function (response) {
//$('#qty_free').val(response.free);
              console.log(response);
              if(response.data != ''){
                $('#part_id').val(response.data);
                $('#item_quantity_selected').val(response.quantity);
                $('.product-image-added').show();
                var path = '{{ URL::asset('/images') }}';
                $('#assigned_product_image').attr("src",path+"/"+response.image);
              } else {
                var a = '{{ $partId }}';
                $('#part_id').val(a);
              }
              if (response.category != ''){
                $("#item_category").data("selectBox-selectBoxIt").selectOption(response.category.toString());
              } else {
                var item_category = $("select#item_category").selectBoxIt().data("selectBoxIt");
                $("#item_category").val($("#item_category option:first").val());
                item_category.refresh();
              }
            }
          });
        }
        else
        {
          var a = '{{ $partId }}';
         $('#part_id').val(a);
          var item_category = $("select#item_category").selectBoxIt().data("selectBoxIt");
          $("#item_category").val($("#item_category option:first").val());
          $('#item_quantity_selected').val('');
          $('.product-image-added').hide();
          item_category.refresh();
        }
      });
      $(document).on('click','.viewDetails',function(e){
        e.preventDefault();
        var alternativeId = $(this).data("id");
        console.log(alternativeId);
        var viewurl =
        console.log(viewurl);
        if (alternativeId) {
          $.ajax({
            type: "GET",
            url: "{{URL::to('store/part-control/alternativeItems')}}"+'/'+ alternativeId,
            success: function (result) {
              console.log(result);
              $('#viewDetailsModal #detailsContent').html(result);
            }
          });
        }
      });

$(document).ready(function() {
  $('#item_quantity_selected').val('');
  $('.product-image-added').hide();
  $('#imageView').change(function() {
    document.getElementById('output').src = window.URL.createObjectURL(this.files[0]);
    document.getElementById('output').style.display = 'block';
  });
  $("#po_stock").click(function (){
    $("#job_number_part").hide('slow');
  });
  $("#po_job").click(function (){
    $("#job_number_part").show('slow');
    $("#job_number_part").removeClass('hide');
  });
   $("#job_number_part").hide();
   $("#stock_btn").hide();


  $("#alternative_part").change(function(){
    var item=$(this);
    if(item.is(":checked"))
    {
      $("#part_name").hide();
      $('#part_name_select').show('slow');
      $('#part_name2').prop('required',true);
      $('#part_name1').removeAttr('required')
      $('#part_name_select').removeClass('hide');
      $("#part_name1").val('');
      var part2 = $("select#part_name2").selectBoxIt().data("selectBoxIt");
      $("#part_name2").val($("#part_name2 option:first").val());
      part2.refresh();
      var item_category = $("select#item_category").selectBoxIt().data("selectBoxIt");
      $("#item_category").val($("#item_category option:first").val());
      item_category.refresh();
    } else
    {
      $("#part_name").show('slow');
      $('#part_name1').prop('required',true);
      $('#part_name2').removeAttr('required')
      $("#part_name_select").hide('slow');
      $('#item_quantity_selected').val('');
      $('.product-image-added').hide();
      $("#part_name1").val('');
      var a = '{{ $partId }}';
      $('#part_id').val(a);
      var part2 = $("select#part_name2").selectBoxIt().data("selectBoxIt");
      $("#part_name2").val($("#part_name2 option:first").val());
      part2.refresh();
      var item_category = $("select#item_category").selectBoxIt().data("selectBoxIt");
      $("#item_category").val($("#item_category option:first").val());
      item_category.refresh();
    }
  });
  $("#part_name_select").hide('slow');

  $("#IC").click(function(){
    $(".item-creation").show("slow");
    $(".purchase-order").hide("slow");
    $(".stock-in").hide("slow");
    $(".stock-out").hide("slow");
    $("#itemform")[0].reset();
    $("#purchaseorderform")[0].reset();
    $("#stockinform")[0].reset();
    $("#stockoutform")[0].reset();
    var oo = $("select#si_purchase_order_number").selectBoxIt().data("selectBoxIt");
    $("#si_purchase_order_number").val($("#si_purchase_order_number option:first").val());
    oo.refresh();
    $('.add_stock_in').html('');
    $("#stock_btn").hide();
    document.getElementById('output').style.display = 'none';
    var a = '{{ $partId }}';
    $('#part_id').val(a);
    var part2 = $("select#part_name2").selectBoxIt().data("selectBoxIt");
    $("#part_name2").val($("#part_name2 option:first").val());
    part2.refresh();
    var item_category = $("select#item_category").selectBoxIt().data("selectBoxIt");
    $("#item_category").val($("#item_category option:first").val());
    item_category.refresh();
  });
  $("#PO").click(function(){
    $(".item-creation").hide("slow");
    $(".purchase-order").show("slow");
    $(".stock-in").hide("slow");
    $(".stock-out").hide("slow");
    $(".purchase-order").removeClass('hide');
    $("#itemform")[0].reset();
    $("#purchaseorderform")[0].reset();
    $("#stockinform")[0].reset();
    $("#stockoutform")[0].reset();
    var oo = $("select#si_purchase_order_number").selectBoxIt().data("selectBoxIt");
    $("#si_purchase_order_number").val($("#si_purchase_order_number option:first").val());
    oo.refresh();
    function genRand() {
      return Math.floor(Math.random()*89999+10000);
    }

    var uniqueId = genRand();
    var PO= 'PO';
    var resulrt = '{{$po}}';
    console.log(resulrt);
    $('input[name=purchase_order_number]').val(resulrt);
    $('.add_stock_in').html('');
    $("#stock_btn").hide();
    document.getElementById('output').style.display = 'none';
    var a = '{{ $partId }}';
    $('#part_id').val(a);
    var part2 = $("select#part_name2").selectBoxIt().data("selectBoxIt");
    $("#part_name2").val($("#part_name2 option:first").val());
    part2.refresh();
    var item_category = $("select#item_category").selectBoxIt().data("selectBoxIt");
    $("#item_category").val($("#item_category option:first").val());
    item_category.refresh();

    $("#po_part_number").data("selectBox-selectBoxIt").remove();
    $("#po_part_number").data("selectBox-selectBoxIt").add({value: '', text: 'Select Part Number'});
    $("#po_part_make").data("selectBox-selectBoxIt").remove();
    $("#po_part_make").data("selectBox-selectBoxIt").add({value: '', text: 'Select Part Make'});
    $("#po_quantity").val('');
    $("#po_make").data("selectBox-selectBoxIt").remove();
    $("#po_make").data("selectBox-selectBoxIt").add({value: '', text: 'Select Make'});
    $("#po_model").data("selectBox-selectBoxIt").remove();
    $("#po_model").data("selectBox-selectBoxIt").add({value: '', text: 'Select Model'});
    $("#po_price").val('');
    var selectBox = $("select#po_equipment_id").selectBoxIt().data("selectBoxIt");
    $("#po_equipment_id").val($("#po_equipment_id option:first").val());
    selectBox.refresh();
    var applier = $("select#applier").selectBoxIt().data("selectBoxIt");
    $("#applier").val($("#applier option:first").val());
    applier.refresh();
    var approve = $("select#approve").selectBoxIt().data("selectBoxIt");
    $("#approve").val($("#approve option:first").val());
    approve.refresh();
    var name = $("select#po_part_name").selectBoxIt().data("selectBoxIt");
    $("#po_part_name").val($("#po_part_name option:first").val());
    name.refresh();
    var job = $("select#po_job_number").selectBoxIt().data("selectBoxIt");
    $("#po_job_number").val($("#po_job_number option:first").val());
    job.refresh();
    $("#potable > tbody").html("");
    $(".shipper-btn").hide();


  });
  $("#SI").click(function(){
    $(".item-creation").hide("slow");
    $(".purchase-order").hide("slow");
    $(".stock-in").show("slow");
    $(".stock-out").hide("slow");
    $(".stock-in").removeClass('hide');
    $("#itemform")[0].reset();
    $("#purchaseorderform")[0].reset();
    $("#stockinform")[0].reset();
    $("#stockoutform")[0].reset();
    var oo = $("select#si_purchase_order_number").selectBoxIt().data("selectBoxIt");
    $("#si_purchase_order_number").val($("#si_purchase_order_number option:first").val());
    oo.refresh();
    $('.add_stock_in').html('');
    $("#stock_btn").hide();
    document.getElementById('output').style.display = 'none';
    var a = '{{ $partId }}';
    $('#part_id').val(a);
    var part2 = $("select#part_name2").selectBoxIt().data("selectBoxIt");
    $("#part_name2").val($("#part_name2 option:first").val());
    part2.refresh();
    var item_category = $("select#item_category").selectBoxIt().data("selectBoxIt");
    $("#item_category").val($("#item_category option:first").val());
    item_category.refresh();
  });
  $("#SO").click(function(){
    $(".item-creation").hide("slow");
    $(".purchase-order").hide("slow");
    $(".stock-in").hide("slow");
    $(".stock-out").show("slow");
    $(".stock-out").removeClass('hide');
    $("#itemform")[0].reset();
    $("#purchaseorderform")[0].reset();
    $("#stockinform")[0].reset();
    $("#stockoutform")[0].reset();
    var oo = $("select#si_purchase_order_number").selectBoxIt().data("selectBoxIt");
    $("#si_purchase_order_number").val($("#si_purchase_order_number option:first").val());
    oo.refresh();
    $('.add_stock_in').html('');
    $("#stock_btn").hide();
    document.getElementById('output').style.display = 'none';
    var a = '{{ $partId }}';
    $('#part_id').val(a);
    var part2 = $("select#part_name2").selectBoxIt().data("selectBoxIt");
    $("#part_name2").val($("#part_name2 option:first").val());
    part2.refresh();
    var item_category = $("select#item_category").selectBoxIt().data("selectBoxIt");
    $("#item_category").val($("#item_category option:first").val());
    item_category.refresh();

  });

var target = $(this).data('target');
var show = $("option:selected", this).data('show');
$(target).children().addClass('hide');
$(show).removeClass('hide');

$('#itemform').validate( {
highlight: function(element) {
$(element).closest('.form-group').addClass('has-error');
$(element).closest('.form-group').addClass('has-error');
},
unhighlight: function(element) {
$(element).closest('.form-group').removeClass('has-error');
},
errorElement: 'span',
errorClass: 'help-block',
focusInvalid: false, // do not focus the last invalid input
ignore: "", // validate all fields including form hidden input
rules: {
'item_part_make': {
required: true,
},
// 'item_part_name': {
// required: true,
// },
'item_part_number': {
required: true,
},
'item_category': {
required: true,
},
'item_quantity': {
required: true,
digits : true,
},
'image' : {
required : true,
accept : "jpeg,png,jpg,gif,svg",
},
},
errorPlacement: function (error, element) {
if(element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
messages: {
'item_part_make' : {
required: "The part make field is required",
},
'item_part_name' : {
required: "The part name field is required",
},
'item_part_number' : {
required: "The part number field is required",
},
'item_category' : {
required: "The category field is required",
},
'item_quantity' : {
required: "The quantity field is required",
digits : "Only Digits are allowed",
},
'image' : {
required: "The image field is required",
accept: "Only image type jpg/png/jpeg/gif is allowed",
},
},
focusInvalid: false,
invalidHandler: function(form, validator) {
if (!validator.numberOfInvalids())
return false;
$('html, body').animate({
scrollTop: $(validator.errorList[0].element).offset().top
}, 2000);
}
});

$.validator.addMethod("greaterThan",
function (value, element, param) {
var $otherElement = $(param);
return parseInt(value, 10) <= parseInt($otherElement.val(), 10);
},'Qty Entered > Qty that can free');


// $('#stockinform').validate( {
// highlight: function(element) {
// $(element).closest('.form-group').addClass('has-error');
// $(element).closest('.form-group').addClass('has-error');
// },
// unhighlight: function(element) {
// $(element).closest('.form-group').removeClass('has-error');
// },
// errorElement: 'span',
// errorClass: 'help-block',
// focusInvalid: false, // do not focus the last invalid input
// ignore: "", // validate all fields including form hidden input
// rules: {
// 'si_purchase_order_number' : {
// required: true,
// },
// 'si_part_name': {
// required: true,
// },
// 'si_part_number': {
// required: true,
// },
// 'si_quantity': {
// required: true,
// greaterThan : '#si_quantity_can_free',
// digits : true,
// },
// 'si_make': {
// required: true,
// },
// 'si_model': {
// required: true,
// },
// 'si_remark': {
// required: true,
// },
// 'si_location': {
// required: true,
// },
// 'si_equipment': {
// required: true,
// },
// },
// errorPlacement: function (error, element) {
// if(element.parent('.input-group').length) {
// error.insertAfter(element.parent());
// } else {
// error.insertAfter(element);
// }
// },
// messages: {
// 'si_purchase_order_number' : {
// required: "The purchase order number field is required",
// },
// 'si_part_name' : {
// required: "The part name field is required",
// },
// 'si_part_number' : {
// required: "The part number field is required",
// },
// 'si_make' : {
// required: "The make field is required",
// },
// 'si_quantity' : {
// required: "The quantity field is required",
// digits : "Only Digits are allowed",
// greaterThan : "Qty cannot be grater than purchase order qty",
// },
// 'si_equipment' : {
// required: "The equipment field is required",
// },
// 'si_model' : {
// required: "The model field is required",
// },
// 'si_location' : {
// required: "The location field is required",
// },
// 'si_remark' : {
// required: "The remark field is required",
// },
// },
// focusInvalid: false,
// invalidHandler: function(form, validator) {
// if (!validator.numberOfInvalids())
// return false;
// $('html, body').animate({
// scrollTop: $(validator.errorList[0].element).offset().top
// }, 2000);
// }
// });

$('#stockoutform').validate( {
highlight: function(element) {
$(element).closest('.form-group').addClass('has-error');
$(element).closest('.form-group').addClass('has-error');
},
unhighlight: function(element) {
$(element).closest('.form-group').removeClass('has-error');
},
errorElement: 'span',
errorClass: 'help-block',
focusInvalid: false, // do not focus the last invalid input
ignore: "", // validate all fields including form hidden input
rules: {
// 'so_purchase_order_number' : {
// required: true,
// },
// 'so_part_name': {
// required: true,
// },
// 'so_part_number': {
// required: true,
// },
// 'so_job_number': {
// required: true,
// },
// 'so_make': {
// required: true,
// },
// 'so_model': {
// required: true,
// },
// 'so_equipment' : {
// required: true,
// },
// 'so_quantity': {
//  required: true,
// greaterThan : '#so_quantity_can_free',
// digits : true,
// },
  // 'so_part_make': {
  //   required: true,
  // },
},
errorPlacement: function (error, element) {
if(element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
messages: {
'so_purchase_order_number' : {
required: "The purchase order number field is required",
},
'so_part_name' : {
required: "The part name field is required",
},
'so_part_number' : {
required: "The part number field is required",
},
'so_job_number' : {
required: "The job number field is required",
},
'so_equipment' : {
required: "The equipment field is required",
},
'so_make' : {
required: "The make field is required",
},
'so_model' : {
required: "The model field is required",
},
'so_quantity' : {
required: "The quantity field is required",
digits : "Only Digits are allowed",
},
},
focusInvalid: false,
invalidHandler: function(form, validator) {
if (!validator.numberOfInvalids())
return false;
$('html, body').animate({
scrollTop: $(validator.errorList[0].element).offset().top
}, 2000);
}
});

$('#purchaseorderform').validate( {
highlight: function(element) {
$(element).closest('.form-group').addClass('has-error');
$(element).closest('.form-group').addClass('has-error');
},
unhighlight: function(element) {
$(element).closest('.form-group').removeClass('has-error');
},
errorElement: 'span',
errorClass: 'help-block',
focusInvalid: false, // do not focus the last invalid input
ignore: "", // validate all fields including form hidden input
rules: {
// 'po_part_name': {
// required: true,
// },
// 'po_part_number': {
// required: true,
// },
// 'po_job_number': {
// required: true,
// },
// 'po_supplier': {
// required: true,
// },
// 'po_quantity': {
// required: true,
// digits : true,
// },
// 'po_price': {
// required: true,
// number : true,
// },
// 'po_model': {
// required: true,
// },
// 'po_make': {
// required: true,
// },
// 'po_equipment': {
// required: true,
// },
// 'approve': {
// required: true,
// },
// 'apply': {
// required: true,
// },
// 'purchase_order_number': {
// required: true,
// },
},
errorPlacement: function (error, element) {
if(element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
messages: {
'po_part_name' : {
required: "The part name field is required",
},
'po_part_number' : {
required: "The part number field is required",
},
'po_job_number' : {
required: "The job number field is required",
},
'po_supplier' : {
required: "The supplier field is required",
},
'po_quantity' : {
required: "The quantity field is required",
digits: "Only digits are allowed",
},
'po_make' : {
required: "The make field is required",
},
'po_model' : {
required: "The model field is required",
},
'po_equipment' : {
required: "The equipment field is required",
},
'po_price' : {
required: "The price field is required",
number : "Only digits are allowed",
},
'purchase_order_number' : {
required: "The order number field is required",
},
'apply' : {
required: "The apply field is required",
},
'approve' : {
required: "The approve field is required",
},
},
focusInvalid: false,
invalidHandler: function(form, validator) {
if (!validator.numberOfInvalids())
return false;
$('html, body').animate({
scrollTop: $(validator.errorList[0].element).offset().top
}, 2000);
}
});

});

function genRand() {
return Math.floor(Math.random()*89999+10000);
}

var uniqueId = genRand();
var PO= 'PO';
var resulrt = '{{$po}}';
console.log(resulrt);
$('input[name=purchase_order_number]').val(resulrt);

$(document).ready(function(){ 
$("#item_creation").click(function(){
$("#item-modal").show("slow");
$("#stockin-modal").hide();
$("#stockout-modal").hide();
$("#purchaseorder-modal").hide();
});

$("#stock_in").click(function(){
$("#stockin-modal").show("slow");
$("#item-modal").hide();
$("#stockout-modal").hide();
$("#purchaseorder-modal").hide();
});

$("#stock_out").click(function(){
$("#stockout-modal").show("slow");
$("#item-modal").hide("slow");
$("#stockin-modal").hide("slow");
$("#purchaseorder-modal").hide("slow");
});

$("#purchase_order").click(function(){
$("#purchaseorder-modal").show("slow");
$("#item-modal").hide("slow");
$("#stockout-modal").hide("slow");
$("#stockin-modal").hide("slow");
});

$("#itemcancel").click(function(){
$("#item-modal").hide("slow");
});

$("#purchaseordercancel").click(function(){
$("#purchaseorder-modal").hide("slow");
});

$("#stockincancel").click(function(){
$("#stockin-modal").hide("slow");
});

$("#stockoutcancel").click(function(){
$("#stockout-modal").hide("slow");
});

});
</script>
  <script type="text/javascript">
    var xx  = [];
    var yy = [];
    $('.shipper-btn').hide();
    $('.stock-btn').hide();

    function AddPodData(){
      var po_order_no = document.getElementById('po_order_no').value;
      var po_part_name = $('#po_part_name').val();
      var po_part_make = document.getElementById('po_part_make').value;
      var po_part_number = document.getElementById('po_part_number').value;
      var po_equipment_id = document.getElementById('po_equipment_id').value;
      var po_make = document.getElementById('po_make').value;
      var po_model = document.getElementById('po_model').value;
      var po_quantiti = document.getElementById('po_quantity').value;
      var po_price = document.getElementById('po_price').value;
      var apply = document.getElementById('applier').value;
      var po_supplier = document.getElementById('po_supplier').value;
      var approve = document.getElementById('approve').value;
      var po_job_number = document.getElementById('po_job_number').value;
      // var po_equipment_id = po_equipment_id.replace(/\s/g, '');
      // var po_make = po_make.replace(/\s/g, '');
      // var po_model = po_model.replace(/\s/g, '');
      // var po_equipment_id = po_equipment_id.replace(/\s/g, '');
      // var apply = apply.replace(/\s/g, '');
      // var po_supplier = po_supplier.replace(/\s/g, '');

      $('.purchaseOrder .test_validate,.purchaseOrder select').each(function() {
        if ($(this).val() == '') {
          $(this).closest('.form-group').addClass('has-error');
        }
      });
      if (!po_order_no || !po_part_name || !po_part_make || !po_part_number || !po_equipment_id || !po_make || !po_model || !po_quantiti || !po_price || !apply || !po_supplier || !approve) {
        return false;
      } else {

        xx.push(1);
        var x = xx.length;
        inputt = '<button type="button" class="remove_data" data-id=' + x + '><i class="fa fa-remove" aria-hidden="true"></i></button>';
        var rows = "";
        rows += "<td>" + po_part_name + "</td><td>" + po_part_make + "</td><td>" + po_part_number + "</td><td>" + po_quantiti + "</td><td>"+ inputt + "</td>";
        var tbody = document.querySelector("#potable tbody");
        var tr = document.createElement("tr");
        tr.innerHTML = rows;
        tbody.appendChild(tr);
        if (!po_job_number){
          $('.purchaseOrder').append('<input type="hidden" name="po_order_no[' + x + ']" value="' + po_order_no + '"><input type="hidden" name="po_part_name[' + x + ']" value="'+po_part_name+'"><input type="hidden" name="po_part_make[' + x + ']" value="' + po_part_make + '"><input type="hidden" name="po_part_number[' + x + ']" value="' + po_part_number + '"><input type="hidden" name="po_equipment_id[' + x + ']" value="' + po_equipment_id + '"><input type="hidden" name="po_make[' + x + ']" value="' + po_make + '"><input type="hidden" name="po_model[' + x + ']" value="' + po_model + '"><input type="hidden" name="po_quantiti[' + x + ']" value="' + po_quantiti + '"><input type="hidden" name="apply[' + x + ']" value="' + apply + '"><input type="hidden" name="po_supplier[' + x + ']" value="' + po_supplier + '"><input type="hidden" name="po_price[' + x + ']" value="' + po_price + '"><input type="hidden" name="approve[' + x + ']" value="' + approve + '">');
        } else {
          $('.purchaseOrder').append('<input type="hidden" name="po_order_no[' + x + ']" value="' + po_order_no + '"><input type="hidden" name="po_part_name[' + x + ']" value="'+po_part_name+'"><input type="hidden" name="po_part_make[' + x + ']" value="' + po_part_make + '"><input type="hidden" name="po_part_number[' + x + ']" value="' + po_part_number + '"><input type="hidden" name="po_equipment_id[' + x + ']" value="' + po_equipment_id + '"><input type="hidden" name="po_make[' + x + ']" value="' + po_make + '"><input type="hidden" name="po_model[' + x + ']" value="' + po_model + '"><input type="hidden" name="po_quantiti[' + x + ']" value="' + po_quantiti + '"><input type="hidden" name="apply[' + x + ']" value="' + apply + '"><input type="hidden" name="po_supplier[' + x + ']" value="' + po_supplier + '"><input type="hidden" name="po_price[' + x + ']" value="' + po_price + '"><input type="hidden" name="approve[' + x + ']" value="' + approve + '"><input type="hidden" name="po_job_number[' + x + ']" value="' + po_job_number + '">');
        }
        $('.shipper-btn').show();
        {{--$.ajax({--}}
        {{--  url: "{{URL::to('store/part-control/getPartName')}}",--}}
        {{--  type: 'POST',--}}
        {{--  dataType: 'json',--}}
        {{--  data: {'_token': '{{csrf_token()}}'},--}}
        {{--  success: function (response) {--}}
        {{--    if (response.data) {--}}
        {{--      $.each(response.data, function (index, value) {--}}
        {{--        $("#po_part_name").data("selectBox-selectBoxIt").add({value: value, text: value});--}}
        {{--      });--}}
        {{--    }--}}
        {{--  }--}}
        {{--});--}}
        $("#po_part_number").data("selectBox-selectBoxIt").remove();
        $("#po_part_number").data("selectBox-selectBoxIt").add({value: '', text: 'Select Part Number'});
        $("#po_part_make").data("selectBox-selectBoxIt").remove();
        $("#po_part_make").data("selectBox-selectBoxIt").add({value: '', text: 'Select Part Make'});
        $("#po_quantity").val('');
        $("#po_make").data("selectBox-selectBoxIt").remove();
        $("#po_make").data("selectBox-selectBoxIt").add({value: '', text: 'Select Make'});
        $("#po_model").data("selectBox-selectBoxIt").remove();
        $("#po_model").data("selectBox-selectBoxIt").add({value: '', text: 'Select Model'});
        $("#po_price").val('');
        var selectBox = $("select#po_equipment_id").selectBoxIt().data("selectBoxIt");
        $("#po_equipment_id").val($("#po_equipment_id option:first").val());
        selectBox.refresh();
        var applier = $("select#applier").selectBoxIt().data("selectBoxIt");
        $("#applier").val($("#applier option:first").val());
        applier.refresh();
        var approve = $("select#approve").selectBoxIt().data("selectBoxIt");
        $("#approve").val($("#approve option:first").val());
        approve.refresh();
        var name = $("select#po_part_name").selectBoxIt().data("selectBoxIt");
        $("#po_part_name").val($("#po_part_name option:first").val());
        name.refresh();
        var job = $("select#po_job_number").selectBoxIt().data("selectBoxIt");
        $("#po_job_number").val($("#po_job_number option:first").val());
        job.refresh();
      }



    }

    function  AddSoData() {
      $('.error').html('');
      var so_job_number = document.getElementById('so_job_number').value;
      var so_part_name = $('#so_part_name').val();
      var so_part_make = document.getElementById('so_part_make').value;
      var so_part_number = document.getElementById('so_part_number').value;
      var so_equipment = document.getElementById('so_equipment').value;
      var so_make = document.getElementById('so_make').value;
      var so_model = document.getElementById('so_model').value;
      var so_quantity = document.getElementById('so_quantity').value;
      var so_qunatity_can_free = $('#so_quantity_can_free').val();

      if (!so_part_name) {
        $('<span class="error" id="err_1">Part name field is required</span>').
        insertAfter('#name_err');
      }
      if (!so_part_make) {
        $('<span class="error" id="err_2">Part make field is required</span>').
        insertAfter('#pmake_err');
      }
      if (!so_part_number) {
        $('<span class="error" id="err_3">Part number field is required</span>').
        insertAfter('#number_err');
      }
      if (!so_equipment) {
        $('<span class="error" id="err_4">Equipment field is required</span>').
        insertAfter('#equi_err');
      }
      if (!so_make) {
        $('<span class="error" id="err_5">Make field is required</span>').
        insertAfter('#make_err');
      }
      if (!so_model) {
        $('<span class="error" id="err_6">Model field is required</span>').
        insertAfter('#model_err');
      }
      if (!so_quantity) {
        $('<span class="error" id="err_7">Quantity field is required</span>').
        insertAfter('#so_quantity');
      }

      if (!so_job_number) {
        $('<span class="error" id="err_8">Job Nr field is required</span>').
        insertAfter('#job_err');
      }

      $('.stockOutData .so_validate,.stockOutData select').each(function() {
        if ($(this).val() == '') {
          $(this).closest('.form-group').addClass('has-error');
        }
      });

      if (!so_qunatity_can_free || !so_job_number || !so_part_name || !so_part_make || !so_part_number || !so_equipment || !so_make || !so_model || !so_quantity) {
        return false;
      } else {

        $('.error').html('');
        if (so_quantity <= so_qunatity_can_free) {
          yy.push(1);
          var x = yy.length;
          inputt = '<button type="button" class="remove_sodata" data-id=' + x + '><i class="fa fa-remove" aria-hidden="true"></i></button>';
          var rows = "";
          rows += "<td>" + so_part_name + "</td><td>" + so_part_make + "</td><td>" + so_part_number + "</td><td>" + so_quantity + "</td><td>" + inputt + "</td>";
          var tbody = document.querySelector("#stockouttable tbody");
          var tr = document.createElement("tr");
          tr.innerHTML = rows;
          tbody.appendChild(tr);
          $('.stockOutData').append('<input type="hidden" name="so_job_number[' + x + ']" value="' + so_job_number + '"><input type="hidden" name="so_part_name[' + x + ']" value="' + so_part_name + '"><input type="hidden" name="so_part_make[' + x + ']" value="' + so_part_make + '"><input type="hidden" name="so_part_number[' + x + ']" value="' + so_part_number + '"><input type="hidden" name="so_equipment[' + x + ']" value="' + so_equipment + '"><input type="hidden" name="so_make[' + x + ']" value="' + so_make + '"><input type="hidden" name="so_model[' + x + ']" value="' + so_model + '"><input type="hidden" name="so_quantity[' + x + ']" value="' + so_quantity + '">');

          $('.stock-btn').show();

          $("#so_part_number").data("selectBox-selectBoxIt").remove();
          $("#so_part_number").data("selectBox-selectBoxIt").add({value: '', text: 'Select Part Number'});
          $("#so_part_make").data("selectBox-selectBoxIt").remove();
          $("#so_part_make").data("selectBox-selectBoxIt").add({value: '', text: 'Select Part Make'});
          $("#so_quantity").val('');
          $('#so_quantity_can_free').val('');
          $("#so_make").data("selectBox-selectBoxIt").remove();
          $("#so_make").data("selectBox-selectBoxIt").add({value: '', text: 'Select Make'});
          $("#so_model").data("selectBox-selectBoxIt").remove();
          $("#so_model").data("selectBox-selectBoxIt").add({value: '', text: 'Select Model'});
          $("#so_equipment").data("selectBox-selectBoxIt").remove();
          $("#so_equipment").data("selectBox-selectBoxIt").add({value: '', text: 'Select Equipment'});
          var name = $("select#so_part_name").selectBoxIt().data("selectBoxIt");
          $("#so_part_name").val($("#so_part_name option:first").val());
          name.refresh();
          var job = $("select#so_job_number").selectBoxIt().data("selectBoxIt");
          $("#so_job_number").val($("#so_job_number option:first").val());
          job.refresh();

        } else {
          $('<span class="error" id="err_9">Qty Entered > Qty that can free</span>').
          insertAfter('#so_quantity');
          return false;
        }

      }

    }

    $(document).on('click','.remove_data', function(e) {
      e.preventDefault();
      var id = $(this).attr('data-id');
      if(id) {
        $('input[type="hidden"][name="po_order_no['+id+']"]').remove();
        $('input[type="hidden"][name="po_part_name['+id+']"]').remove();
        $('input[type="hidden"][name="po_part_make['+id+']"]').remove();
        $('input[type="hidden"][name="po_part_number['+id+']"]').remove();
        $('input[type="hidden"][name="po_equipment_id['+id+']"]').remove();
        $('input[type="hidden"][name="po_make['+id+']"]').remove();
        $('input[type="hidden"][name="po_model['+id+']"]').remove();
        $('input[type="hidden"][name="po_quantiti['+id+']"]').remove();
        $('input[type="hidden"][name="apply['+id+']"]').remove();
        $('input[type="hidden"][name="po_supplier['+id+']"]').remove();
        $('input[type="hidden"][name="po_price['+id+']"]').remove();
        $('input[type="hidden"][name="approve['+id+']"]').remove();
        $(this).closest("tr").remove();
        var rowCount = $('#potable >tbody >tr').length;
        console.log(rowCount);
        if (rowCount == 0) {
          $('.shipper-btn').hide();
        }
      }

    });

    $(document).on('click','.remove_sodata', function(e) {
      e.preventDefault();
      var id = $(this).attr('data-id');
      if(id) {
        $('input[type="hidden"][name="so_job_number['+id+']"]').remove();
        $('input[type="hidden"][name="so_part_name['+id+']"]').remove();
        $('input[type="hidden"][name="so_part_make['+id+']"]').remove();
        $('input[type="hidden"][name="so_part_number['+id+']"]').remove();
        $('input[type="hidden"][name="so_equipment['+id+']"]').remove();
        $('input[type="hidden"][name="so_make['+id+']"]').remove();
        $('input[type="hidden"][name="so_model['+id+']"]').remove();
        $('input[type="hidden"][name="so_quantity['+id+']"]').remove();
        $(this).closest("tr").remove();
        var rowCount = $('#stockouttable >tbody >tr').length;
        console.log(rowCount);
        if (rowCount == 0) {
          $('.stock-btn').hide();
        }
      }

    });



  </script>
@endsection