@extends('layouts.template')

@section('content')
<section class="fuel-entry">
  <div class="container">
    <div class="row">
      <h1 class="heading"> Tyre 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">
        <div class="table-heading">
          <a id="tyre_creation">{!! Html::image('images/tools1.png') !!} Tyre Creation</a>
          <a id="tyre_stock_in">{!! Html::image('images/tools2.png') !!}  Stock In</a>
          <a id="tyre_stock_out">{!! Html::image('images/tools3.png') !!} Stock Out</a>
          <a id="tyre_retrated">{!! Html::image('images/tools.png') !!} Retread</a>
          <a id="tyre_disposed">{!! Html::image('images/tools.png') !!} Disposed</a>    
        </div>
        <!-- Tyre Creation Model -->
        <div id="tyre_cret" class="tool_area">
          <h4>Tyre Creation</h4>    
          {!! Form::open(['url' => '/store/tyre-control/tyre-creation/store','id'=>'tyre_creation_form', 'files' => true]) !!}
          <div class="parts-modal-content clearfix">

            <div class="col-md-3 col-sm-3 col-xs-12 form-group">
              <label for="Purchase Order">Purchase Order <span class="error"> * </span></label>
              {!! Form::text('purchase_order_number', null, ['id'=>'purchase_order_number','class' => 'form-control','readonly'=>'true']) !!}
              {!! $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('tire_id') ? 'has-error' : ''}}">
              <label for="Make"> Make  <span class="error"> * </span></label> 
              <div class="select">
                {!! Form::select('make',['' => 'Select Make'] + $page_data['tire_id']->toArray() , null, ['id'=>'tire_id','class' => 'form-control arr']) !!}
                {!! $errors->first('make', '<p class="help-block">:message</p>') !!}
              </div>
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group">
              <label for="Size">Size <span class="error"> * </span></label>
              <div class="select">
                {!! Form::select('size',['' => 'Select Size'] , null, ['id'=>'size','class' => 'form-control arr']) !!}
                {!! $errors->first('size', '<p class="help-block">:message</p>') !!}
              </div>
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('tyre_type') ? 'has-error' : ''}}">
              <label for="Tire Type">Tyre Type  <span class="error"> * </span></label>
              <div class="select">
                {!! Form::select('type',['' => 'Select Type'] , null, ['id'=>'type','class' => 'form-control arr']) !!}
                {!! $errors->first('type', '<p class="help-block">:message</p>') !!}
              </div>
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('purchased_date') ? 'has-error' : ''}}">
              <label for="Purchased date">Purchased date  <span class="error"> * </span></label>
              {!! Form::text('purchased_date', null, ['id'=>'datepicker','class' => 'form-control']) !!}
              {!! $errors->first('purchased_date', '<p class="help-block">:message</p>') !!} 
            </div>

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

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('other_mark') ? 'has-error' : ''}}">
              <label for="Quantity">Quantity  <span class="error"> * </span></label>
              {!! Form::text('quantity', null, ['class' => 'form-control']) !!}
              {!! $errors->first('quantity', '<p class="help-block">:message</p>') !!}
            </div>

            <div class="form-group col-md-12 col-sm-12 submit-btn">
              {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
              {!! Form::button('Cancel', ['id'=>'tccancel','class' => 'btn btn-primary']) !!}
            </div>
          </div>
          {!! Form::close() !!}

          @permission('tyre-control-list')
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Purchase Order</th>
                  <th>Make</th>
                  <th>Size</th>
                  <th>Type</th>
                  <th>Purchased Date</th>
                  <th>Supplier</th>                
                  <th>Quantity</th>
                </tr> 
              </thead>
              <tbody>
                @foreach($tyrecreation as $item)
                
                <tr> 
                  <td>{{ $item->purchase_order_number }}</td>
                  <td>{{ $item->make }}</td>
                  <td>{{ $item->size }}</td>
                  <td>{{ $item->type }}</td>
                  <td>{{ Helper::convert_to_ddmmyy($item->purchased_date) }}</td>
                  <td>{{ $item->supplier }}</td>
                  <td>{{ $item->quantity }}</td>
                </tr>
                
                @endforeach
              </tbody>
            </table>
            <div class="pagination-wrapper"> {!! $tyrecreation->appends(['search' => Request::get('search')])->render() !!} </div>
          </div>
          @else
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Purchase Order</th>
                  <th>Make</th>
                  <th>Size</th>
                  <th>Type</th>
                  <th>Purchased Date</th>
                  <th>Supplier</th>                
                  <th>Quantity</th>
                </tr> 
              </thead>
              <tbody>  
                <tr> 
                  <td colspan="7" style="color:red;">You Dont Have Permission To View List Of Tyre Control</td>
                </tr>
              </tbody>
            </table>
          </div>  
          @endpermission
        </div>

        <!-- Stock In Model -->
        <div id="tyre_stkin" class="tool_area">
          <h4>Stock In</h4>    
          {!! Form::open(['url' => '/store/tyre-control/tyre-stock-in/store','id'=>'tyre_stock_in_form', 'files' => true]) !!}
          <div class="parts-modal-content clearfix">

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('si_purchase_order_number') ? 'has-error' : ''}}"">
              <label for="Purchase Order">Purchase Order <span class="error"> * </span></label>
              <div class="select">
                {!! Form::select('si_purchase_order_number',['' => 'Select Purchase Order Number'],null, ['id'=>'stock_in_purchase_order_number','class' => 'form-control']) !!}
                {!! $errors->first('si_purchase_order_number', '<p class="help-block">:message</p>') !!} 
              </div>
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('si_make') ? 'has-error' : ''}}">
              <label for="Make"> Make  <span class="error"> * </span></label> 
              <div class="select">
                {!! Form::text('si_make',null, ['id'=>'stock_in_make','class' => 'form-control','readonly'=>'true']) !!}
                {!! $errors->first('si_make', '<p class="help-block">:message</p>') !!}
              </div>
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('si_size') ? 'has-error' : ''}}">
              <label for="Size">Size <span class="error"> * </span></label>
              {!! Form::text('si_size', null, ['id'=>'stock_in_size','class' => 'form-control','readonly'=>'true']) !!}
              {!! $errors->first('si_size', '<p class="help-block">:message</p>') !!} 
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('si_type') ? 'has-error' : ''}}">
              <label for="Tire Type">Tyre Type  <span class="error"> * </span></label>
              {!! Form::text('si_type', null, ['id'=>'stock_in_type','class' => 'form-control','readonly'=>'true']) !!}
              {!! $errors->first('si_type', '<p class="help-block">:message</p>') !!} 
            </div>

            <div id="stock_in_wrapper">

            </div>

            <div class="form-group col-md-12 col-sm-12 submit-btn">
              {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
              {!! Form::button('Cancel', ['id'=>'sicancel','class' => 'btn btn-primary']) !!}
            </div>
          </div>
          {!! Form::close() !!}

          @permission('tyre-control-list')
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Purchase Order</th>
                  <th>Make</th>
                  <th>Size</th>
                  <th>Type</th>
                  <th>Serial Number</th>
                  <th>Other Mark</th>
                  <th>Location</th>                
                  <th>Status</th>
                </tr> 
              </thead>
              <tbody>
                @foreach($stockin as $item)
                
                <tr> 
                  <td>{{ $item->purchase_order_number }}</td>
                  <td>{{ $item->make }}</td>
                  <td>{{ $item->size }}</td>
                  <td>{{ $item->type }}</td>
                  <td>{{ $item->serial_number }}</td>
                  <td>{{ $item->other_mark }}</td>
                  <td>{{ $item->location }}</td>
                  <td>{{ $item->status }}</td>
                </tr>
                
                @endforeach
              </tbody>
            </table>
            <div class="pagination-wrapper"> {!! $stockin->appends(['search' => Request::get('search')])->render() !!} </div>
          </div>
          @else
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Purchase Order</th>
                  <th>Make</th>
                  <th>Size</th>
                  <th>Type</th>
                  <th>Serial Number</th>
                  <th>Other Mark</th>
                  <th>Location</th>                
                  <th>Status</th>
                </tr> 
              </thead>
              <tbody>  
                <tr> 
                  <td colspan="8" style="color:red;">You Dont Have Permission To View List Of Tyre Control</td>
                </tr>
              </tbody>
            </table>
          </div>  
          @endpermission
        </div>

        <!-- Stock Out Model -->
        <div id="tyre_stkout" class="tool_area">
          <h4>Stock Out</h4>    
          {!! Form::open(['url' => '/store/tyre-control/tyre-stock-out/store','id'=>'tyre_stock_out_form', 'files' => true]) !!}
          <div class="parts-modal-content clearfix">

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('serial_number') ? 'has-error' : ''}}">
              <label for="Serial No">Serial Number <span class="error"> * </span></label>
              <div class="select">
                {!! Form::select('serial_number',['' => 'Select Serial Number'] + $page_data['serial_number']->toArray() , null, ['id'=>'so_serial_number','class' => 'form-control arr']) !!}
                {!! $errors->first('serial_number', '<p class="help-block">:message</p>') !!}
              </div>
            </div>
            
            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('so_make') ? 'has-error' : ''}}">
              <label for="Make"> Make <span class="error"> * </span></label> 
              <div class="select">
                {!! Form::text('so_make', null, ['id'=>'so_make','class' => 'form-control','readonly'=>'true']) !!}
                {!! $errors->first('so_make', '<p class="help-block">:message</p>') !!}
              </div>
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('so_size') ? 'has-error' : ''}}">
              <label for="Size">Size <span class="error"> * </span></label>
              {!! Form::text('so_size', null, ['id'=>'so_size','class' => 'form-control','readonly'=>'true']) !!}
              {!! $errors->first('so_size', '<p class="help-block">:message</p>') !!} 
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('so_type') ? 'has-error' : ''}}">
              <label for="Tire Type">Tyre Type  <span class="error"> * </span></label>
              {!! Form::text('so_type', null, ['id'=>'so_type','class' => 'form-control','readonly'=>'true']) !!}
              {!! $errors->first('so_type', '<p class="help-block">:message</p>') !!} 
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('km') ? 'has-error' : ''}}">
              <label for="Km">Km <span class="error"> * </span></label>
              {!! Form::text('km', null, ['id'=>'kmvalue','class' => 'form-control']) !!}
              {!! $errors->first('km', '<p class="help-block">:message</p>') !!} 
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('date_fitted') ? 'has-error' : ''}}">
              <label for="Date Fitted">Date Fitted  <span class="error"> * </span></label>
              {!! Form::text('date_fitted',null, ['id'=>'datepicker2','class' => 'form-control']) !!}
              {!! $errors->first('date_fitted', '<p class="help-block">:message</p>') !!}
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('registration_number') ? 'has-error' : ''}}">
              <label for="Registration Number">Registration Number  <span class="error"> * </span></label>
              <div class="select">
                {!! Form::select('registration_number',['' => 'Select Registration Number'] + $page_data['registration_number']->toArray() , null, ['id'=>'so_registration_number','class' => 'form-control arr']) !!}
                {!! $errors->first('registration_number', '<p class="help-block">:message</p>') !!}
              </div>
            </div>

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

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('status') ? 'has-error' : ''}}">
              <label for="Status">Status  <span class="error"> * </span></label>
              {!! Form::text('status','Stock Out', ['class' => 'form-control']) !!}
              {!! $errors->first('status', '<p class="help-block">:message</p>') !!}
            </div>

            <div class="col-md-6 col-sm-6 col-xs-12 {{ $errors->has('reg_result') ? 'has-error' : ''}}">
              <div class="reg_result">
              </div>
              {!! $errors->first('reg_result', '<p class="help-block">:message</p>') !!} 
            </div>

            <div class="form-group col-md-12 col-sm-12 submit-btn">
              {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
              {!! Form::button('Cancel', ['id'=>'socancel','class' => 'btn btn-primary']) !!}
            </div>
          </div>
          {!! Form::close() !!}

          @permission('tyre-control-list')
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Serial Number</th>
                  <th>Make</th>
                  <th>Size</th>
                  <th>Type</th>
                  <th>Km</th>   
                  <th>Date Fitted</th>   
                  <th>Registration Number</th>   
                  <th>Equipment</th>                
                  <th>Status</th>
                </tr> 
              </thead>
              <tbody>
                @foreach($stockout as $item)
                
                <tr> 
                  <td>{{ $item->serial_number }}</td>
                  <td>{{ $item->make }}</td>
                  <td>{{ $item->size }}</td>
                  <td>{{ $item->type }}</td>
                  <td>{{ number_format($item->km, 2, '.', ',') }}</td>
                  <td>{{ Helper::convert_to_ddmmyy($item->date_fitted) }}</td>
                  <td>{{ $item->registration_number }}</td>
                  <td>{{ $item->equipment }}</td>
                  <td>{{ $item->status }}</td>
                </tr>
                
                @endforeach
              </tbody>
            </table>
            <div class="pagination-wrapper"> {!! $stockout->appends(['search' => Request::get('search')])->render() !!} </div>
          </div>
          @else
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Serial Number</th>
                  <th>Make</th>
                  <th>Size</th>
                  <th>Type</th>
                  <th>Km</th>   
                  <th>Date Fitted</th>   
                  <th>Registration Number</th>   
                  <th>Equipment</th>                
                  <th>Status</th>
                </tr> 
              </thead>
              <tbody>
                <tr>
                  <td colspan="9" style="color:red;">You Dont Have Permission To View List Of Tyre Control</td>
                </tr>
              </tbody>
            </table>
          </div>  
          @endpermission
        </div>

        <!-- Retrated Model -->
        <div id="tyre_ret" class="tool_area">
          <h4>Retread</h4>    
          {!! Form::open(['url' => '/store/tyre-control/tyre-retrated/store','id'=>'tyre_retrated_form', 'files' => true]) !!}
          <div class="parts-modal-content clearfix">

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('serial_number') ? 'has-error' : ''}}">
              <label for="Serial No">Serial Number <span class="error"> * </span></label>
              <div class="select">
                {!! Form::select('serial_number',['' => 'Select Serial Number'] + $page_data['retread_serial_number']->toArray() , null, ['id'=>'re_serial_number','class' => 'form-control arr']) !!}
                {!! $errors->first('serial_number', '<p class="help-block">:message</p>') !!}
              </div> 
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('tire_id') ? 'has-error' : ''}}">
              <label for="Make"> Make  <span class="error"> * </span></label> 
              <div class="select">
                {!! Form::text('make', null, ['id'=>'re_make','class' => 'form-control','readonly'=>'true']) !!}
                {!! $errors->first('make', '<p class="help-block">:message</p>') !!}
              </div>
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group">
              <label for="Size">Size <span class="error"> * </span></label>
              {!! Form::text('size', null, ['id'=>'re_size','class' => 'form-control','readonly'=>'true']) !!}
              {!! $errors->first('size', '<p class="help-block">:message</p>') !!} 
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('tyre_type') ? 'has-error' : ''}}">
              <label for="Tire Type">Tyre Type  <span class="error"> * </span></label>
              {!! Form::text('type', null, ['id'=>'re_type','class' => 'form-control','readonly'=>'true']) !!}
              {!! $errors->first('type', '<p class="help-block">:message</p>') !!} 
            </div>

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

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('date_retrated') ? 'has-error' : ''}}">
              <label for="Date Retrated">Date Retrated  <span class="error"> * </span></label>
              {!! Form::text('date_retrated',null, ['id'=>'datepicker3','class' => 'form-control']) !!}
              {!! $errors->first('date_retrated', '<p class="help-block">:message</p>') !!}
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('incoming_date') ? 'has-error' : ''}}">
              <label for="Incoming Date">Incoming Date </label>
              {!! Form::text('incoming_date',null, ['id'=>'datepicker4','class' => 'form-control']) !!}
              {!! $errors->first('incoming_date', '<p class="help-block">:message</p>') !!}
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('status') ? 'has-error' : ''}}">
              <label for="Status">Status  <span class="error"> * </span></label>
              {!! Form::text('status','Out Retread', ['id'=>'re_status','class' => 'form-control']) !!}
              {!! $errors->first('status', '<p class="help-block">:message</p>') !!}
            </div>

            <div class="form-group col-md-12 col-sm-12 submit-btn">
              {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
              {!! Form::button('Cancel', ['id'=>'recancel','class' => 'btn btn-primary']) !!}
            </div>
          </div>
          {!! Form::close() !!}

          @permission('tyre-control-list')
          <div class="table-responsive">
            <table class="table" id="ret-table">
              <thead>
                <tr>
                  <th class="hide">Id</th>
                  <th>Serial Number</th>
                  <th>Make</th>
                  <th>Size</th>
                  <th>Type</th>
                  <th>Supplier</th>   
                  <th>Date Retrated</th> 
                  <th>Incoming Date</th>                
                  <th>Status</th>
                  <th>Action</th>
                </tr> 
              </thead>
              <tbody>
                @foreach($retrated as $item)
                
                <tr> 
                  <td class="hide">{{ $item->id }}</td>
                  <td>{{ $item->serial_number }}</td>
                  <td>{{ $item->make }}</td>
                  <td>{{ $item->size }}</td>
                  <td>{{ $item->type }}</td>
                  <td>{{ $item->supplier }}</td>
                  <td>{{ Helper::convert_to_ddmmyy($item->date_retrated) }}</td>
                  <td>{{ Helper::convert_to_ddmmyy($item->incoming_date) }}</td>
                  <td>{{ $item->status }}</td>
                  @permission('tyre-control-edit') @else <td style="color: red;">No Edit Permission</td> @endpermission
                </tr>
                
                @endforeach
              </tbody>
            </table>
            <div class="pagination-wrapper"> {!! $retrated->appends(['search' => Request::get('search')])->render() !!} </div>
          </div>
          @else
          <div class="table-responsive">
            <table class="table" id="ret-table">
              <thead>
                <tr>
                  <th class="hide">Id</th>
                  <th>Serial Number</th>
                  <th>Make</th>
                  <th>Size</th>
                  <th>Type</th>
                  <th>Supplier</th>   
                  <th>Date Retrated</th> 
                  <th>Incoming Date</th>                
                  <th>Status</th>
                  <th>Action</th>
                </tr> 
              </thead>
              <tbody>
                <tr>
                  <td colspan="10" style="color:red;">You Dont Have Permission To View List Of Tyre Control</td>
                </tr>
              </tbody>
            </table>
          </div>  
          @endpermission
        </div>

        <!-- Disposed Model -->
        <div id="tyre_dis" class="tool_area">
          <h4>Disposed</h4>    
          {!! Form::open(['url' => '/store/tyre-control/tyre-disposed/store','id'=>'tyre_disposed_form', 'files' => true]) !!}
          <div class="parts-modal-content clearfix">

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('serial_number') ? 'has-error' : ''}}">
              <label for="Serial No">Serial Number <span class="error"> * </span></label>
              <div class="select">
                {!! Form::select('serial_number',['' => 'Select Serial Number'] + $page_data['disposed_serial_number'] , null, ['id'=>'di_serial_number','class' => 'form-control arr']) !!}
                {!! $errors->first('serial_number', '<p class="help-block">:message</p>') !!}
              </div>  
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('request_by') ? 'has-error' : ''}}">
              <label for="Request By">Request By <span class="error"> * </span></label>
              <div class="select">
                {!! Form::select('request_by',['' => 'Select Request By'] + $page_data['name']->toArray() , null, ['class' => 'form-control']) !!}
                {!! $errors->first('request_by', '<p class="help-block">:message</p>') !!} 
              </div> 
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('approve_by') ? 'has-error' : ''}}">
              <label for="Approve By">Approved By  <span class="error"> * </span></label>
              <div class="select">
                {!! Form::select('approve_by',['' => 'Select Approve By'] + $page_data['approve_name']->toArray() , null, ['class' => 'form-control']) !!}
                {!! $errors->first('approve_by', '<p class="help-block">:message</p>') !!} 
              </div>
            </div>

            <div class="col-md-3 col-sm-3 col-xs-12 form-group {{ $errors->has('disposed_date') ? 'has-error' : ''}}">
              <label for="Disposed Date">Disposed Date  <span class="error"> * </span></label>
              {!! Form::text('disposed_date',null, ['id'=>'datepicker5','class' => 'form-control']) !!}
              {!! $errors->first('disposed_date', '<p class="help-block">:message</p>') !!}
            </div>

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

            <div class="form-group col-md-12 col-sm-12 submit-btn">
              {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
              {!! Form::button('Cancel', ['id'=>'dicancel','class' => 'btn btn-primary']) !!}
            </div>
          </div>
          {!! Form::close() !!}

          @permission('tyre-control-list')
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Serial Number</th>
                  <th>Request By</th>   
                  <th>Approved By</th> 
                  <th>Disposed Date</th>                
                  <th>Remark</th>
                </tr> 
              </thead>
              <tbody>
                @foreach($disposed as $item)
                
                <tr> 
                  <td>{{ $item->serial_number }}</td>
                  <td>{{ $item->request_by }}</td>
                  <td>{{ $item->approve_by }}</td>
                  <td>{{ Helper::convert_to_ddmmyy($item->disposed_date) }}</td>
                  <td>{{ $item->remark }}</td>
                </tr>
                
                @endforeach
              </tbody>
            </table>
            <div class="pagination-wrapper"> {!! $disposed->appends(['search' => Request::get('search')])->render() !!} </div>
          </div>
          @else
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Serial Number</th>
                  <th>Request By</th>   
                  <th>Approved By</th> 
                  <th>Disposed Date</th>                
                  <th>Remark</th>
                </tr> 
              </thead>
              <tbody>
                <tr>
                  <td colspan="5" style="color:red;">You Dont Have Permission To View List Of Tyre Control</td>
                </tr>
              </tbody>
            </table>
          </div>  
          @endpermission 
        </div>

      </div>
      <hr/>
      @permission('tyre-control-list')
      <div class="fuel-table">
        <div class="table-heading">
          <h4 class="col-md-3 col-sm-3 col-xs-9"> History Log </h4>
        </div>
        <div class="fuel-internal">
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th>Serial No
                  <th>PO NR</th>
                  <th>Purchased Date</th>
                  <th>Make</th>
                  <th>Size</th>
                  <th>Type</th>
                  <th>Fitted</th>
                  <th>km</th>
                  <th>Registration</th>
                  <th>Status</th>
                </tr>
              </thead>
              <tbody>
                @foreach($data as $d)
                <tr>
                  <td>{{ $d->serial_number }}
                  <td>{{ $d->purchase_order_number }}</td>
                  <td>{{ Helper::convert_to_ddmmyy($d->purchased_date) }}</td>
                    <td>{{ $d->make }}</td>
                    <td>{{ $d->size }}</td>
                    <td>{{ $d->type }}</td>
                    <td>{{ Helper::convert_to_ddmmyy($d->date_fitted) }}</td>
                    <td>
                      @if($d->km)
                      {{ number_format($d->km, 2, '.', ',') }}
                      @else
                      {{ $d->km }}
                      @endif
                    </td>
                    <td>{{ $d->registration_number }}</td>
                    <td> 

                      @if($d->disposed_serial_number) 
                      Disposed 
                      @elseif($d->incoming_date) 
                      In Retrated 
                      @elseif($d->date_retrated) 
                      Out Retrated 
                      @elseif($d->date_fitted) 
                      Stock Out 
                      @else 
                      Stock In 
                      @endif 
                    </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
              <div class="pagination-wrapper"> {!! $data->appends(['search' => Request::get('search')])->render() !!} </div>
            </div>
          </div>
        </div>
        @else
        <div class="fuel-table">
          <div class="table-heading">
            <h4 class="col-md-3 col-sm-3 col-xs-9"> History Log </h4>
          </div>
          <div class="fuel-internal">
            <div class="table-responsive">
              <table class="table">
                <thead>
                  <tr>
                    <th>Serial No</th>
                    <th>Make</th>
                    <th>Size</th>
                    <th>Type</th>
                    <th>Fitted</th>
                    <th>km</th>
                    <th>Registration</th>
                    <th>Status</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td colspan="8" style="color: red;">You Dont Have Permission To View List Of Tyre Control</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        @endpermission
      </div>
    </div>
  </section>

  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

  @if ($errors->has('reg_result'))
  <script type="text/javascript">
    $(document).ready(function(){
    $("#tyre_stkout").show("slow");
  });
</script>
@endif

@if ($errors->has('si_purchase_order_number'))
<script type="text/javascript">
  $(document).ready(function(){
  $("#tyre_stkin").show("slow");
});
</script>
@endif

<script type="text/javascript">

  $(document).ready(function(){
  @permission('tyre-control-list')
  @permission('tyre-control-edit')
  $('#ret-table').Tabledit({
  url: "{{URL::to('store/tyre-control/updateretrated')}}",
  restoreButton: false,
  deleteButton: false,
  columns: {
  identifier: [0, 'Id'],                    
  editable: [[7, 'Incoming_Date'], [8, 'Status', '{"In Retread" : "In Retread","Out Retread" : "Out Retread"}']]
},
onSuccess: function() {  
setTimeout(function(){  location.reload(); }, 1000);
}
});
@endpermission
@endpermission

$('#datepicker4').change(function(){
var val = $(this).val();
if(val == '')
{
  $('#re_status').val('Out Retread');
}
else
{
  $('#re_status').val('In Retread');
}
});

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

$('#stock_in_purchase_order_number').change(function () {
var purchase_number = $(this).val();
if (purchase_number != '') {
$.ajax({
url: "{{URL::to('store/tyre-control/getPurchaseDetail')}}",
type: 'POST',
dataType: 'json',
data: {'purchase_number': purchase_number, '_token': '{{csrf_token()}}'},
success: function (response) {
$("#stock_in_wrapper").html('');
$.each(response.data, function (index,value) {
$("#stock_in_make").val(value.make);
$("#stock_in_type").val(value.type);
$("#stock_in_size").val(value.size);
var count = 0;
for(var i=1;i<=value.quantity;i++){
var html = '<div id="hasSerialNumber['+ count +']" class="col-md-3 col-sm-3 col-xs-12 form-group"><label for="Serial No">Serial Number <span class="error"> * </span></label> <input type="text" id ="serialNR" name="serial_number[]" class="form-control" required><p id="unique_serial['+ count +']" class="help-block"></p></div>';

html+='<div class="col-md-3 col-sm-3 col-xs-12 form-group"><label for="Other Mark">Other Mark <span class="error"> * </span></label><input type="text" name="other_mark[]" class="form-control" required></div>';

html+='<div class="col-md-3 col-sm-3 col-xs-12 form-group"><label for="Location">Location <span class="error"> * </span></label><div class="select">{!! Form::select("location[]",['' => "Select Location"] + $page_data["location"]->toArray() , null, ["class" => "form-control", "required" => "required"]) !!}</div></div>';

html+='<div class="col-md-3 col-sm-3 col-xs-12 form-group"><label for="Status">Status  <span class="error"> * </span></label><input type="text" name="status[]" value="Stock In" class="form-control" required></div>';

$("#stock_in_wrapper").append(html);
    count++;
}

});   
}
});
}
});


    $('#tyre_stock_in_form').submit(function (e) {
      var serial_number = $("input[name='serial_number[]']")
          .map(function(){return $(this).val();}).get();

        jQuery.each(serial_number, function(index, item) {
            $('#hasSerialNumber\\['+ index +'\\]').removeClass('has-error');
            $('#unique_serial\\['+ index +'\\]').html('');
        });

      if (serial_number != '') {
        $.ajax({
          url: "{{URL::to('store/tyre-control/checkIfSerialNumberExist')}}",
          type: 'POST',
          dataType: 'json',
            async: false,
            cache: false,
          data: {'serial_number': serial_number, '_token': '{{csrf_token()}}'},
          success: function (response) {
            if(response.status == true)
            {
                jQuery.each(response.result, function(index, item) {
                    $('#hasSerialNumber\\['+ index +'\\]').addClass('has-error');
                    $('#unique_serial\\['+ index +'\\]').html('Serial number is already used');
                });
              e.preventDefault();

              return false;
            }
          }

        })
      }

    });

$('#so_registration_number').change(function () {
var registration_number = $(this).val();

if (registration_number != '') {
$.ajax({
url: "{{URL::to('store/tyre-control/getEquipment')}}",
type: 'POST',
dataType: 'json',
data: {'registration_number': registration_number,'_token': '{{csrf_token()}}'},
success: function (response) {    
//$('#qty_free').val(response.free);
$("#so_equipment").data("selectBox-selectBoxIt").remove();
$.each(response.data, function (index,value) {
$("#so_equipment").data("selectBox-selectBoxIt").add({value:value.name, text:value.name});
});   
}
});
}
else
{
  $("#so_equipment").data("selectBox-selectBoxIt").remove();
  $("#so_equipment").data("selectBox-selectBoxIt").add({value:'', text:'Select Equipment'});
}
});


$("#datepicker").datepicker({
dateFormat: 'yy-mm-dd' 
});

$("#datepicker2").datepicker({
dateFormat: 'yy-mm-dd' 
});

$("#datepicker3").datepicker({
dateFormat: 'yy-mm-dd' 
});

$("#datepicker4").datepicker({
dateFormat: 'yy-mm-dd' 
});

$("#datepicker5").datepicker({
dateFormat: 'yy-mm-dd' 
});

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

var uniqueId = genRand();
$('input[name=purchase_order_number]').val(uniqueId);

$("#tyre_creation").click(function(){
$("#tyre_cret").show("slow");
$("#tyre_stkin").hide("slow");
$("#tyre_stkout").hide("slow");
$("#tyre_ret").hide("slow");
$("#tyre_dis").hide("slow");
});

$("#tyre_stock_in").click(function(){
$("#tyre_stkin").show("slow");
$("#tyre_cret").hide("slow");
$("#tyre_stkout").hide("slow");
$("#tyre_ret").hide("slow");
$("#tyre_dis").hide("slow");
});

$("#tyre_stock_out").click(function(){
$("#tyre_stkout").show("slow");
$("#tyre_cret").hide("slow");
$("#tyre_stkin").hide("slow");
$("#tyre_ret").hide("slow");
$("#tyre_dis").hide("slow");
});

$("#tyre_retrated").click(function(){
$("#tyre_ret").show("slow");
$("#tyre_cret").hide("slow");
$("#tyre_stkin").hide("slow");
$("#tyre_stkout").hide("slow");
$("#tyre_dis").hide("slow");
});

$("#tyre_disposed").click(function(){
$("#tyre_dis").show("slow");
$("#tyre_cret").hide("slow");
$("#tyre_stkin").hide("slow");
$("#tyre_stkout").hide("slow");
$("#tyre_ret").hide("slow");
});

$("#tccancel").click(function(){
$("#tyre_cret").hide("slow");
});

$("#sicancel").click(function(){
$("#tyre_stkin").hide("slow");
});

$("#socancel").click(function(){
$("#tyre_stkout").hide("slow");
});

$("#recancel").click(function(){
$("#tyre_ret").hide("slow");
});

$("#dicancel").click(function(){
$("#tyre_dis").hide("slow");
});

});

$(".alert").fadeTo(2000, 500).slideUp(500, function(){
$(".alert").alert('close');
});

$(document).ready(function(){

$('#so_serial_number').change(function () {
var serial_number = $(this).val();
if (serial_number != '') {
$.ajax({
url: "{{URL::to('store/tyre-control/getStockDetail')}}",
type: 'POST',
dataType: 'json',
data: {'serial_number': serial_number, '_token': '{{csrf_token()}}'},
success: function (response) {    

$.each(response.data, function (index,value) {
$("#so_make").val(value.make);
$("#so_size").val(value.size);
$("#so_type").val(value.type);
});   
}
});
}
else
{
  $("#so_make").val('');
  $("#so_size").val('');
  $("#so_type").val('');
}
});

$('#re_serial_number').change(function () {
var serial_number = $(this).val();
if (serial_number != '') {
$.ajax({
url: "{{URL::to('store/tyre-control/getStockDetail')}}",
type: 'POST',
dataType: 'json',
data: {'serial_number': serial_number, '_token': '{{csrf_token()}}'},
success: function (response) {    
$.each(response.data, function (index,value) {
$("#re_make").val(value.make);
$("#re_size").val(value.size);
$("#re_type").val(value.type);
});   
}
});
}
else
{
  $("#re_make").val('');
  $("#re_size").val('');
  $("#re_type").val('');
}
});

});


function sum(input){           
if (toString.call(input) !== "[object Array]")
return false;  
var total =  0;
for(var i=0;i<input.length;i++)
{                  
  if(isNaN(input[i])){
  continue;
}
total += Number(input[i]);
}
return total;
}

$(document).ready(function(){

$('#tyre_creation_form').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: {
'purchase_order_number': {
required: true,
},
'make': {
required: true,
},
'size': {
required: true,
},
'type': {
required: true,
},
'purchased_date': {
required: true,
},
'quantity' : {
required: true,
number : true,
},
'supplier' : {
required: true,
},
},
errorPlacement: function (error, element) {
if(element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
messages: {
'purchase_order_number' : {
required: "The purchase order number field is required",
},
'make' : {
required: "The make field is required",
},
'size' : {
required: "The size field is required",
},
'type' : {
required: "The type field is required",
},
'purchased_date' : {
required: "The purchased date field is required",
},
'quantity' : {
required: "The quantity field is required",
number : "Only Numbers are allowed",
},
'supplier' : {
required: "The status field is required",
},
},
focusInvalid: false,
invalidHandler: function(form, validator) {
if (!validator.numberOfInvalids())
return;

$('html, body').animate({
scrollTop: $(validator.errorList[0].element).offset().top
}, 2000);
}
});

$('#tyre_stock_out_form').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_make': {
required: true,
},
'so_size': {
required: true,
},
'so_type': {
required: true,
},
'serial_number': {
required: true,
},
'km' : {
required: true,
number : true,
},
'date_fitted' : {
required: true,
},
'registration_number' : {
required : true,
},
'equipment' : {
required : true,
},
'status' : {
required : true,
},
},
errorPlacement: function (error, element) {
if(element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
messages: {
'make' : {
required: "The make field is required",
},
'size' : {
required: "The size field is required",
},
'type' : {
required: "The type field is required",
},
'serial_number' : {
required: "The serial nos field is required",
},
'date_fitted' : {
required: "The date fitted field is required",
},
'registration_number' : {
required: "The registration number field is required",
},
'equipment' : {
required: "The equipment field is required",
},
'fitted' : {
required: "The fitted field is required",
},
'km' : {
required: "The km field is required",
number : "Only Numbers are allowed",
},
'status' : {
required: "The status field is required",
},
},
focusInvalid: false,
invalidHandler: function(form, validator) {

if (!validator.numberOfInvalids())
return;

$('html, body').animate({
scrollTop: $(validator.errorList[0].element).offset().top
}, 2000);
}
});

$('#tyre_retrated_form').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: {
'purchase_order_number': {
required: true,
},
'make': {
required: true,
},
'size': {
required: true,
},
'type': {
required: true,
},
'serial_number': {
required: true,
},
'supplier' : {
required: true,
},
'date_retrated' : {
required: true,
},
'status' : {
required : true,
},
},
errorPlacement: function (error, element) {
if(element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
messages: {
'purchase_order_number' : {
required: "The purchase order number field is required",
},
'make' : {
required: "The make field is required",
},
'size' : {
required: "The size field is required",
},
'type' : {
required: "The type field is required",
},
'serial_number' : {
required: "The serial number field is required",
},
'supplier' : {
required: "The supplier field is required",
},
'date_retrated' : {
required: "The Retrated date field is required",
},
'status' : {
required: "The status field is required",
},
},
focusInvalid: false,
invalidHandler: function(form, validator) {

if (!validator.numberOfInvalids())
return;

$('html, body').animate({
scrollTop: $(validator.errorList[0].element).offset().top
}, 2000);
}
});

$('#tyre_disposed_form').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: {
'purchase_order_number': {
required: true,
},
'serial_number': {
required: true,
},
'request_by': {
required: true,
},
'approve_by': {
required: true,
},
'disposed_date': {
required: true,
},
'remark' : {
required: true,
},
},
errorPlacement: function (error, element) {
if(element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
messages: {
'purchase_order_number' : {
required: "The purchase order number field is required",
},
'serial_number' : {
required: "The serial number field is required",
},
'request_by' : {
required: "The request by field is required",
},
'approve_by' : {
required: "The approve by field is required",
},
'disposed_date' : {
required: "The disposed date field is required",
},
'remark' : {
required: "The remark field is required",
},
},
focusInvalid: false,
invalidHandler: function(form, validator) {
if (!validator.numberOfInvalids())
return;

$('html, body').animate({
scrollTop: $(validator.errorList[0].element).offset().top
}, 2000);
}
});

$('#so_registration_number').change(function(){
var registration_number = $(this).val();
if (registration_number != '') {
$.ajax({
url: "{{URL::to('store/tyre-control/getRegData')}}",
type: 'POST',
dataType: 'json',
data: {'registration_number': registration_number, '_token': '{{csrf_token()}}'},
success: function (response) { 
$('.reg_result').html('');
if(response.data.running !=0 || response.data.spare !=0)
{
  if(response.runningcount == response.data.running)
  {
   $('.reg_result').append('<input type="radio" name="reg_select" value="spare"><div class="spare"> Spare : Fitted - '+response.sparecount+' | Max - '+response.data.spare+'</div>'); 
 }
 else if(response.sparecount == response.data.spare)
 {
  $('.reg_result').append('<input type="radio" name="reg_select" value="running"><div class="running"> Running : Fitted - '+response.runningcount+' | Max - '+response.data.running+'</div>');
}
else
{
  $('.reg_result').append('<input type="radio" name="reg_select" value="running"><div class="running"> Running : Fitted - '+response.runningcount+' | Max - '+response.data.running+'</div><input type="radio" name="reg_select" value="spare"><div class="spare"> Spare : Fitted - '+response.sparecount+' | Max - '+response.data.spare+'</div>');
} 
} 
else
{
  $('.reg_result').append('<input type="radio" name="reg_select" value="running" disabled><div class="running"> Running : Fitted - '+response.runningcount+' | Max - '+response.data.running+'</div><input type="radio" name="reg_select" value="spare" disabled><div class="spare"> Spare : Fitted - '+response.sparecount+' | Max - '+response.data.spare+'</div>');
}
if(response.planning !=''){
// Fuel List
var trip = [];
var numbers = [];
$.each(response.planning, function(index,value){
trip.push(value.trip_number);
});

const unique = (value, index, self) => {
return self.indexOf(value) === index;
}

$.each(trip.filter(unique),function(index,value){

$.ajax({
url: "{{URL::to('transport/finalization/getFuelListing')}}",
type: 'POST',
dataType: 'json',
data: {'trip': value, '_token': '{{csrf_token()}}'},
success: function (fuel) {
if(fuel.data){
var kmsum = 0;
$.each(fuel.data, function (index,value) {
kmsum = kmsum + parseFloat(value.Km); 
});
$.each(fuel.other,function(index,value){
kmsum = kmsum + parseFloat(value.km);
});

numbers.push(kmsum);
}
}
});
});

setTimeout(function(){
$('#kmvalue').val(sum(numbers));
}, 500); // check again in a second

}else{
$('#kmvalue').val('');
} 
}
});
}
else
{

}

});


var rn = $('#so_registration_number').val();
if (rn != '') {
$.ajax({
url: "{{URL::to('store/tyre-control/getRegData')}}",
type: 'POST',
dataType: 'json',
data: {'registration_number': rn, '_token': '{{csrf_token()}}'},
success: function (response) { 
$('.reg_result').html('');
if(response.data.running !=0 || response.data.spare !=0)
{
  if(response.runningcount == response.data.running)
  {
   $('.reg_result').append('<input type="radio" name="reg_select" value="spare"><div class="spare"> Spare : Fitted - '+response.sparecount+' | Max - '+response.data.spare+'</div>'); 
 }
 else if(response.sparecount == response.data.spare)
 {
  $('.reg_result').append('<input type="radio" name="reg_select" value="running"><div class="running"> Running : Fitted - '+response.runningcount+' | Max - '+response.data.running+'</div>');
}
else
{
  $('.reg_result').append('<input type="radio" name="reg_select" value="running"><div class="running"> Running : Fitted - '+response.runningcount+' | Max - '+response.data.running+'</div><input type="radio" name="reg_select" value="spare"><div class="spare"> Spare : Fitted - '+response.sparecount+' | Max - '+response.data.spare+'</div>');
} 
} 
else
{
  $('.reg_result').append('<input type="radio" name="reg_select" value="running" disabled><div class="running"> Running : Fitted - '+response.runningcount+' | Max - '+response.data.running+'</div><input type="radio" name="reg_select" value="spare" disabled><div class="spare"> Spare : Fitted - '+response.sparecount+' | Max - '+response.data.spare+'</div>');
} 
}
});

$.ajax({
url: "{{URL::to('store/tyre-control/getEquipment')}}",
type: 'POST',
dataType: 'json',
data: {'registration_number': rn,'_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.name, text:value.name});
});   
}
});
}
else
{
 $("#so_equipment").data("selectBox-selectBoxIt").remove();
 $("#so_equipment").data("selectBox-selectBoxIt").add({value:'', text:'Select Equipment'});
}



});
</script>
<style type="text/css">
  tr:hover td {
  background: #c7d4dd !important;
}

.reg_result {
padding-top: 24px;
color:black;

}

.running{
margin-left: 10px;
margin-right: 10px;
border: 1px solid;
display: -webkit-inline-box;
padding: 5px;
}

.spare{
margin-left: 10px;
margin-right: 10px;
border: 1px solid;
display: -webkit-inline-box;
padding: 5px;
}
</style>
@endsection