@extends('layouts.template')

@section('content')
{!! Html::style('assets/plugins/select2/select2_metro.css') !!}
{!! Html::style('assets/plugins/data-tables/DT_bootstrap.css') !!}

<section class="fuel-entry">
  <div class="container" style="width:95% !important">
    <div class="row">
      <h1 class="heading" style="margin-left:10px;margin-right:10px;"> Fixed Asset Register  <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="cargo-search"> 
        <div class="fuel-table">
          <div class="table-heading" style="padding:0;">
            <h4 class="col-md-2 col-sm-2 col-xs-8">Fixed Asset Register </h4>

            <div class="col-md-10 col-sm-10 col-xs-4">
                <span class="pull-left text-yellow"><a class="btn-style-unset" href="{{ url('store/fixed-asset') }}"><u>Equipment</u></a> ( <a class="btn-style-unset" href="{{ url('store/fixed-asset?equipment=').encrypt('Truck') }}"><u>Truck : {{ $page_data['truck_count'] }}</u></a> | <a class="btn-style-unset" href="{{ url('store/fixed-asset?equipment=').encrypt('Tipper Truck') }}"><u>Tipper Truck : {{ $page_data['tipper_truck_count'] }}</u></a> | <a class="btn-style-unset" href="{{ url('store/fixed-asset?equipment=').encrypt('Trailer') }}"><u>Trailer : {{ $page_data['trailer_count'] }}</u></a> | <a class="btn-style-unset" href="{{ url('store/fixed-asset?equipment=').encrypt('Forklift') }}"><u>Forklift : {{ $page_data['forklift_count'] }}</u></a> | <a class="btn-style-unset" href="{{ url('store/fixed-asset?equipment=').encrypt('Car') }}"><u>Car : {{ $page_data['car_count'] }}</u></a>)</span>
                <!-- {!! Form::open(['method' => 'GET', 'url' => '/store/fixed-asset', 'role' => 'search'])  !!}    
                    <span><input type="text" name="search" placeholder="Search...">
                    </span>
                   
                    {!! Form::close() !!} -->
                    <a href="javascript:void(0)" title="Create New Booking" class="add-new-btn">Add</a>
                    <a href="{{ URL::to('downloadExcel/xls') }}" class="newbooking collapsed" style="margin-right:5px;">Download Excel</a>
                  </div>
                </div>
                <div class="fuel-internal">
                  <div class="table-responsive">
                    <table class="table">
                      <thead>
                        <tr>
                          <th class="hide">#</th>
                          <th>Transporter</th>
                          <th>Asset Nr</th>
                          <th>Equipment</th>
                          <th>km</th>
                          <th>Make</th>
                          <th>Model</th>
                          <th>Body</th>
                          <th>Yom</th>
                          <th>Chasis</th>
                          <th>Vin No</th>
                          <th>Fuel</th>
                          <th>Engine make</th>
                          <th>Engine Model</th>
                          <th>Engine No</th>
                          <th>Ratio</th>
                          <th>GearBox</th>
                          <th>GearBox Type</th>
                          <th>Tare</th>
                          <th>GVM</th>
                          <th>Length</th>
                          <th>Width</th>
                          <th>Height</th>
                          <th>Dimension</th>
                          <th>Picture</th>
                          
                          <th>Action</th>
                        </tr>
                      </thead>
                      <tbody class="fixed-asset-body">
                        @foreach($fixedasset as $item)
                        @if($item->deleted == 1)
                        <tr style="background:#d3d3d3;">
                          <td>{{ $item->transporter }}</td>
                          <td>{{ $item->registration_number }}</td>
                          <td><a href="#" data-toggle="popover" title="Selected Oil" data-content="@if($item->fixed_asset_oil)
                            @foreach( $item->fixed_asset_oil as $oilname)
                            {{ $oilname['oil']['oil'] }} ,
                            @endforeach
                            @endif">{{ $item->equipment['name'] }}</a></td>
                            <td>{{ $item->km }}</td>
                            <td>{{ $item->make }}</td>
                            <td>{{ $item->model }}</td>
                            <td>{{ $item->body }}</td>
                            <td>{{ $item->yom }}</td>
                            <td>{{ $item->chasis }}</td>
                            <td>{{ $item->vin_number }}</td>
                            <td>{{ $item->fuel }}</td>
                            <td>{{ $item->engine_make }}</td>
                            <td>{{ $item->engine_model }}</td>
                            <td>{{ $item->engine_number }}</td>
                            <td>{{ $item->ratio['ratio_name'] }}</td>
                            <td>{{ $item->gear_box }}</td>
                            <td>{{ $item->gear_box_type }}</td>
                            <td>{{ $item->tare }}</td>
                            <td>{{ $item->gvm }}</td>
                            <td>{{ $item->length }}</td>
                            <td>{{ $item->width }}</td>
                            <td>{{ $item->height }}</td>
                            <td>{{ $item->dimension }}</td>
                            <td>
                              <a class="example-image-link" href="/images/{{ $item->picture }}" data-lightbox="example-1">
                                @if($item->picture !="")<img class="example-image" src="/images/{{ $item->picture }}" width="20" height="20">@endif
                              </a>
                            </td>
                            <td>
                              Cancel
                            </td>
                          </tr>
                          @else  
                          <tr class="edit-row-class">  
                            <td>{{ $item->transporter }}</td>
                            <td>{{ $item->registration_number }}</td>
                            <td><a href="javascript:void(0);" class="table-span-class" data-toggle="popover" title="Selected Oil" data-content="@if($item->fixed_asset_oil)
                              @foreach( $item->fixed_asset_oil as $oilname)
                              {{ $oilname['oil']['oil'] }} ,
                              @endforeach
                            @endif">{{ $item->equipment['name'] }}</a></td>
                            <td>
                               @if($item->km)
                               {{ number_format($item->km, 2, '.', ',') }}
                               @else
                               {{ $item->km }}
                               @endif
                            </td>
                             
                             <td>{{ $item->make }}</td>
                             <td>{{ $item->model }}</td>
                             <td>{{ $item->body }}</td>
                             <td>{{ $item->yom }}</td>
                             <td>{{ $item->chasis }}</td>
                             <td>{{ $item->vin_number }}</td>
                             <td>{{ $item->fuel }}</td>
                             <td>{{ $item->engine_make }}</td>
                             <td>{{ $item->engine_model }}</td>
                             <td>{{ $item->engine_number }}</td>
                             <td>{{ $item->ratio['ratio_name'] }}</td>
                             <td>{{ $item->gear_box }}</td>
                             <td>{{ $item->gear_box_type }}</td>
                             <td>{{ $item->tare }}</td>
                             <td>{{ $item->gvm }}</td>
                             <td>{{ $item->length }}</td>
                             <td>{{ $item->width }}</td>
                             <td>{{ $item->height }}</td>
                             <td>{{ $item->dimension }}</td>
                             <td><a class="example-image-link" href="/images/{{ $item->picture }}" data-lightbox="example-1">@if($item->picture !="")<img class="example-image" src="/images/{{ $item->picture }}" width="20" height="20">@endif</a>
                             </td>
                             <td>
                              <button class="btn btn-sm btn-warning edit-model-class" type="button" data-id="{{$item->id}}" data-running="{{ $item->running }}" data-spare="{{ $item->spare }}" data-fixedassetoil="{{ $item->fixed_asset_oil->pluck('oil_id') }}"><i class="fa fa-info"></i></button>
                              <a href="javascript:void(0);"  title="Edit FixedAsset" class="edit-btn" data-running="{{ $item->running }}" data-spare="{{ $item->spare }}" data-fixedassetoil="{{ $item->fixed_asset_oil->pluck('id') }}"><button class="btn btn-primary btn-xs"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button></a>
                              @if((Auth::user()->type == 'admin')|| (Auth::user()->type == 'superuser'))
                              {!! Form::open([
                                'method'=>'DELETE',
                                'url' => ['/store/fixed-asset', $item->id],
                                'style' => 'display:inline'
                                ]) !!}
                                {!! Form::button('<i class="fa fa-times" aria-hidden="true"></i>', array(
                                'type' => 'submit',
                                'class' => 'btn btn-danger btn-xs',
                                'title' => 'Delete FixedAsset',
                                'onclick'=>'return confirm("Confirm Cancel?")'
                                )) !!}
                                {!! Form::close() !!}
                                @endif
                              </td>
                            </tr>
                            <tr class="edit-row-class d-none">
                              <td colspan="25">
                                {!! Form::model($item, [
                                    'method' => 'PATCH',
                                    'url' => ['/store/fixed-asset', $item->id],
                                    'class' => 'form-horizontal',
                                    'id' => 'myformEdit',
                                    'files' => true
                                ]) !!}
                                <table>
                                  <tr>
                                    <td>
                                      {!! Form::hidden('running', $item->running) !!}
                                      {!! Form::hidden('spare', $item->spare) !!}
                                    </td>
                                  </tr>
                                  <tr>
                                    <td><div class="input-group">{!! Form::select('transporter',['' => 'Transporter'] + $page_data['transporter_id']->toArray() , $item->transporter, ['class' => 'form-control arr']) !!}</div></td>
                                    <td>{!! Form::text('registration_number', $item->registration_number, ['class' => 'form-control', 'placeholder' => 'Asset Nr']) !!}</td>
                                    <td><div class="input-group">{!! Form::select('equipment_id',['' => 'Equipment'] + $page_data['equipment_id']->toArray() , $item->equipment_id, ['id'=>'equipment','class' => 'form-control arr']) !!}</div></td>
                                    <td>{!! Form::text('km',$item->km, ['id'=>'kmvalue','class' => 'form-control','readonly'=>'true', 'placeholder' => 'Km']) !!}</td>
                                     
                                    <td>{!! Form::text('make', $item->make, ['id'=>'tire_id','class' => 'form-control arr', 'placeholder' => 'Make']) !!}</td>
                                    <td>{!! Form::text('model', $item->model, ['class' => 'form-control', 'placeholder' => 'Model']) !!}</td>
                                    <td>{!! Form::text('body', $item->body, ['class' => 'form-control', 'placeholder' => 'Body']) !!}</td>
                                    <td>{!! Form::text('yom', $item->yom, ['class' => 'form-control', 'placeholder' => 'Yom']) !!}</td>
                                    <td>{!! Form::text('chasis', $item->chasis, ['class' => 'form-control', 'placeholder' => 'Chasis']) !!}</td>
                                    <td>{!! Form::text('vin_number', $item->vin_number, ['class' => 'form-control', 'placeholder' => 'Vin Nr']) !!}</td>
                                    <td><div class="input-group">{!! Form::select('fuel',['' => 'Fuel'] + ['Diesel' => 'Diesel', 'Petrol' => 'Petrol'] , $item->fuel, ['id'=>'fuel','class' => 'form-control arr']) !!}</div></td>
                                    <td>{!! Form::text('engine_make', $item->engine_make, ['class' => 'form-control', 'placeholder' => 'Engine Make']) !!}</td>
                                    <td>{!! Form::text('engine_model', $item->engine_model, ['class' => 'form-control', 'placeholder' => 'Engine Model']) !!}</td>
                                    <td>{!! Form::text('engine_number', $item->engine_number, ['class' => 'form-control', 'placeholder' => 'Engine Nr']) !!}</td>
                                    <td><div class="input-group">{!! Form::select('ratio_id',['' => 'Ratio'] + $page_data['ratio_id']->toArray() , $item->ratio_id, ['id'=>'ratio','class' => 'form-control arr']) !!}</div></td>
                                    <td>{!! Form::text('gear_box', $item->gear_box, ['class' => 'form-control', 'placeholder' => 'Gear Box']) !!}</td>
                                    <td>{!! Form::text('gear_box_type', $item->gear_box_type, ['class' => 'form-control', 'placeholder' => 'Gear Box Type']) !!}</td>
                                    <td>{!! Form::text('tare', $item->tare, ['class' => 'form-control', 'placeholder' => 'Tare']) !!}</td>
                                    <td>{!! Form::text('gvm', $item->gvm, ['class' => 'form-control', 'placeholder' => 'Gvm']) !!}</td>
                                    <td>{!! Form::text('length', $item->length, ['class' => 'form-control', 'placeholder' => 'Length']) !!}</td>
                                    <td>{!! Form::text('width', $item->width, ['class' => 'form-control', 'placeholder' => 'Width']) !!}</td>
                                    <td>{!! Form::text('height', $item->height, ['class' => 'form-control', 'placeholder' => 'Height']) !!}</td>
                                    <td>{!! Form::text('dimension', $item->dimension, ['class' => 'form-control', 'placeholder' => 'Dimension']) !!}</td>
                                    <td><a class="example-image-link" href="/images/{{ $item->picture }}" data-lightbox="example-1">@if($item->picture !="")<img class="example-image" src="/images/{{ $item->picture }}" width="20" height="20">@endif</a>
                                     </td>
                                    <td>
                                      <a href="javascript:void(0);"  title="Edit FixedAsset" class="tmp-edit-btn"><button class="btn btn-primary btn-xs" type="button"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button></a>
                                      <button type="button" class="btn btn-sm btn-success edit-btn-class" style="float: none;">Update</button>
                                    </td>
                                  </tr>
                                </table>
                                {!! Form::close() !!}
                              </td>
                            </tr>
                            @endif 
                            @endforeach
                          </tbody>
                        </table>
                        <div class="pagination-wrapper"> {!! $fixedasset->appends(['search' => Request::get('search')])->render() !!} </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <div class="data-modal modal fade" id="myModal2" role="dialog">
              <div class="modal-dialog modal-lg">
                  <div class="modal-content">
                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                      <div class="modal-body">
                          {!! Form::open(['id' => 'registereditform', 'route' =>'store.fixed-asset.updateFixedAssetModel', 'class' => 'form-vertical', 'files' => true]) !!}
                          <input class="edit-id-class" type="hidden" name="id" value="">
                          <div class="edit-form-div">
                              <div class="row-fluid size">
                                  <h5>Fixed Asset Register</h5>
                                  <br/>
                                  <div class="form-group col-sm-8 {{ $errors->has('oils') ? 'has-error' : ''}}" style="height:212px;overflow-y: auto;">
                                      {!! Form::label('oils', 'Select oils') !!}
                                      <table class="table table-bordered">
                                          <thead>
                                              <tr>
                                                  <th>#</th>
                                                  <th>Oil</th>
                                                  <th>Make</th>
                                                  <th>Type</th>
                                              </tr>
                                          </thead>
                                          <tbody>
                                              @foreach($page_data['oil'] as $oil) 
                                              <tr>
                                                  <td><input type="checkbox" value="{{ $oil->id }}" name="oils[]" class="edit-checkbox-class">
                                                  </td>
                                                  <td>{{ $oil->oil }}</td>
                                                  <td>{{ $oil->make }}</td>
                                                  <td>{{ $oil->type }}</td>
                                              </tr>
                                              @endforeach  
                                          </tbody>
                                      </table>
                                  </div>
                                  <div class="form-group col-sm-3 {{ $errors->has('picture') ?  'has-error' : ''}}">
                                      <label class="control-label">{!! Html::decode(Form::label('picture', 'Picture')) !!}</label>
                                      {!! Form::file('picture', null, ['class' => 'form-control']) !!}
                                      {!! $errors->first('picture', '<p class="help-block">:message</p>') !!}
                                  </div>
                                  <div class="form-group col-sm-3 {{ $errors->has('running') ?  'has-error' : ''}}">
                                      <label class="control-label">{!! Html::decode(Form::label('running', 'Running<span class="error">*</span>')) !!}</label>
                                      {!! Form::text('running', null, ['class' => 'form-control edit-running-class', 'placeholder' => 'Running']) !!}
                                      {!! $errors->first('running', '<p class="help-block">:message</p>') !!}
                                  </div>
                                  <div class="form-group col-sm-3 {{ $errors->has('spare') ?  'has-error' : ''}}">
                                      <label class="control-label">{!! Html::decode(Form::label('spare', 'Spare<span class="error">*</span>')) !!}</label>
                                      {!! Form::number('spare', null, array('placeholder' => 'Spare','class' => 'form-control edit-spare-class')) !!}
                                      {!! $errors->first('spare', '<p class="help-block">:message</p>') !!}
                                  </div>
                                  <br>
                              </div>
                              <div class="row-fluid size">
                                <div class="col-sm-12 upload_file_section clearfix">
                                      <div class="form-group col-sm-4">
                                           <label class="control-label">{!! Html::decode(Form::label('document', 'Document')) !!}</label>
                                          <input type="text" name="filename[]" id="filename1" placeholder="filename" />
                                          {!! $errors->first('filename[]', '<p class="help-block">:message</p>') !!}
                                      </div>
                                      
                                      <div class="form-group col-sm-2">
                                          <label>&nbsp;</label>
                                          <input type="text" name="validity_from[]" id="validity_from1" placeholder="Validity from" />
                                          {!! $errors->first('validity_from[]', '<p class="help-block">:message</p>') !!}
                                      </div>
                                      <div class="form-group col-sm-2">
                                          <label>&nbsp;</label>
                                          <input type="text" name="validity_to[]" id="validity_to1" placeholder="Validity to" />
                                          {!! $errors->first('validity_to[]', '<p class="help-block">:message</p>') !!}
                                      </div>

                                      <div class="form-group col-sm-3 more_upload">
                                          <label>&nbsp;</label>
                                          <input type="file" name="upload_file[]" id="upload_file1"/>
                                          @if(Session::has('error'))
                                              <p class="help-block">{!! Session::get('error') !!}</p>
                                          @endif
                                          <div style="clear:both;"></div>
                                          <div id="moreImageUploadLink" class="attach_btn" style="display:none;margin-left: 10px;">
                                              <a href="javascript:void(0);" id="attachMore"><i class="fa fa-plus" aria-hidden="true"></i></a>
                                          </div>
                                      </div>
                                      <div id="moreImageUpload"></div>
                                </div>
                              </div>
                              <div class="row-fluid size">
                                  <div class="form-group customer-save-btn" style="margin-top: 9.4%;">
                                      <input type="submit" value="Save" class="modal-update-btn">
                                  </div>
                              </div>
                          </div>
                          {!! Form::close() !!}
                      </div>
                  </div>     
              </div>
          </div>
          <script type="text/javascript">

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

          </script>
<style type="text/css">
  body {
  color: black !important;
  font-size: 12px !important;
}
select
{
  display: inline-block !important;
  padding:6px !important;
}

.selectboxit-container {
display: none !important;
}

li{display:inline-block !important;float:left; !important;}

.span6 {
width: 50%;
display: block;
float: left;
}

div.dataTables_paginate {
float: right;
margin: 0;
}
.pagination ul {
display: inline-block;
margin-bottom: 0;
margin-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.pagination ul>li {
display: inline;
}

.pagination ul>.active>span {
color: #999;
cursor: default;
}

.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
background-color: #f5f5f5;
}

.pagination ul>li>a, .pagination ul>li>span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
border-left-width: 0;
}

.submit-btn {
margin: 10px 0 0px 0!important;
text-align: center;
}

.m-wrap.small {
width: 120px !important;
}

.form-control {
font-size: 12px !important;
}

.open>.dropdown-menu{width:160px}

.more_upload{
  position: relative;
}
.attach_btn{
    position: absolute;
    top: 25px;
    right: -27px;
}
.attach_btn a{
    background: #f00fff;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
}
   .upload_file_section input{ border-radius: 0;
    outline: none;
    font-size: 15px;
    height: 31px;
    display: block;
    width: 100%!important;
    padding-left: 13px;
    box-shadow: none;
    color: #999999;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    border: 1px solid #ccc;
    line-height: 27px;
}
.delete_btn{
    background: #f00;
    padding: 5px 10px;
    color: #f00;
    border-radius: 3px;
    display: inline-block;
}
.element{
    padding: 0;
}
.
.single_del{
    position: relative;
}
.delete_btn i{
    color: #fff;
}
.single_del .delete_btn{
    position: absolute;
    top: -27px;
    left: -5px;
}
</style>
<script type="text/javascript">

  function toggleIcon(e) {
  $(e.target)
  .prev('.panel-heading')
  .find(".more-less")
  .toggleClass('glyphicon-plus glyphicon-minus');
}
$('.panel-group').on('hidden.bs.collapse', toggleIcon);
$('.panel-group').on('shown.bs.collapse', toggleIcon);
</script> 

{!! Html::script('assets/plugins/select2/select2.min.js') !!}
{!! Html::script('assets/plugins/data-tables/jquery.dataTables.min.js') !!}
{!! Html::script('assets/plugins/data-tables/DT_bootstrap.js') !!}

<!-- BEGIN PAGE LEVEL SCRIPTS -->
{!! Html::script('assets/scripts/table-advanced.js') !!} 
<!-- END PAGE LEVEL SCRIPTS -->  

<script>
  jQuery(document).ready(function() {    
  TableAdvanced.init();
});

  function collapseAccordion()
  {
    $('#collapseOne').toggleClass('in');
  }
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $("input[id^='upload_file']").each(function() {
            var id = parseInt(this.id.replace("upload_file", ""));
            $("#upload_file" + id).change(function() {
                if ($("#upload_file" + id).val() !== "") {
                    $("#moreImageUploadLink").show();
                }
            });
        });
    });
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            var upload_number = 2;
            $('#attachMore').click(function() {
                //add more file
                var moreUploadTag = '';
                moreUploadTag += '<div class="col-md-12 element"><label for="upload_file"' + upload_number + '>Upload File ' + upload_number + '</label>';
                moreUploadTag += '<div class="form-group col-md-4">';
                moreUploadTag += '<input type="text" id="filename' + upload_number + '" name="filename[]" placeholder="filename">';
                moreUploadTag += '</div>';
                moreUploadTag += '<div class="form-group col-md-2">';
                moreUploadTag += '<input type="text" id="validity' +upload_number + '" name="validity_from[]" placeholder="validity from">';
                moreUploadTag += '</div>';
                moreUploadTag += '<div class="form-group col-md-2">';
                moreUploadTag += '<input type="text" id="validity' +upload_number + '" name="validity_to[]" placeholder="validity to">';
                moreUploadTag += '</div>';
                moreUploadTag += '<div class="form-group col-md-3">';
                moreUploadTag += '<input type="file" id="upload_file' + upload_number + '" name="upload_file[]"/>';
                moreUploadTag += '</div>';
                moreUploadTag += '<div class="form-group col-md-1 single_del">';
                moreUploadTag += '<a  class="delete_btn" href="javascript:del_file(' + upload_number + ')" style="cursor:pointer;" onclick="return confirm(\"Are you really want to delete ?\")"><i class="fa fa-minus" aria-hidden="true"></i></a></div>';
                $('<dl id="delete_file' + upload_number + '">' + moreUploadTag + '</dl>').fadeIn('slow').appendTo('#moreImageUpload');
                upload_number++;
                moreUploadTag += '</div>';
            });

            $('#registereditform').validate( {
                ignore: "", // validate all fields including form hidden input
                rules: {
                    'id': {
                       required: true,
                    },
                    'running' : {
                        required : true,
                        number   : true,
                    },
                    'spare' : {
                        required : true,
                        number   : true,
                    },
                },
                errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
                },
                messages: {
                    'id' : {
                        required: "Required",
                    },
                    'running' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'spare' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                },
                focusInvalid: false,
                invalidHandler: function(form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, 2000);
                }
            });
        });
    </script>
    <script type="text/javascript">
        function del_file(eleId) {
            var ele = document.getElementById("delete_file" + eleId);
            ele.parentNode.removeChild(ele);
        }
    </script>
    <script type="text/javascript">
        $('.add-new-btn').click(function() {
          var html = '<tr class="new-form-class" style="background:#d3d3d3;">';
          html += '<td colspan="25">';

          html += `{!! Form::open(['url' => '/store/fixed-asset/store','id'=>'myform','class' => 'form-horizontal', 'files' => true]) !!}`;
          html += '<table style="background:#d3d3d3;">';
          html += '<tbody>';
          html += '<tr>';

          html += `<td class="tabledit-edit-mode">{!! Form::select('transporter',['' => 'Transporter'] + $page_data['transporter_id']->toArray() , null, ['class' => 'form-control arr', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('registration_number', null, ['class' => 'form-control', 'placeholder' => 'Asset Nr', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode"><div class="input-group">{!! Form::select('equipment_id',['' => 'Equipment'] + $page_data['equipment_id']->toArray() , null, ['id'=>'equipment','class' => 'form-control arr', 'autocomplete' => 'off']) !!}</div></td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('km',0, ['id'=>'kmvalue','class' => 'form-control','readonly'=>'true', 'placeholder' => 'Km', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('make', null, ['id'=>'tire_id','class' => 'form-control arr', 'placeholder' => 'Make', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('model', null, ['class' => 'form-control', 'placeholder' => 'Model', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('body', null, ['class' => 'form-control', 'placeholder' => 'Body', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('yom', null, ['class' => 'form-control', 'placeholder' => 'Yom', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('chasis', null, ['class' => 'form-control', 'placeholder' => 'Chasis', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('vin_number', null, ['class' => 'form-control', 'placeholder' => 'Vin Nr', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::select('fuel',['' => 'Fuel'] + ['Diesel' => 'Diesel', 'Petrol' => 'Petrol'] , null, ['id'=>'fuel','class' => 'form-control arr', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('engine_make', null, ['class' => 'form-control', 'placeholder' => 'Engine Make', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('engine_model', null, ['class' => 'form-control', 'placeholder' => 'Engine Model', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('engine_number', null, ['class' => 'form-control', 'placeholder' => 'Engine Nr', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode"><div class="input-group">{!! Form::select('ratio_id',['' => 'Ratio'] + $page_data['ratio_id']->toArray() , null, ['id'=>'ratio','class' => 'form-control arr', 'autocomplete' => 'off']) !!}</div></td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('gear_box', null, ['class' => 'form-control', 'placeholder' => 'Gear Box', 'autocomplete' => 'off']) !!} </td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('gear_box_type', null, ['class' => 'form-control', 'placeholder' => 'Gear Box Type', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('tare', null, ['class' => 'form-control', 'placeholder' => 'Tare', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('gvm', null, ['class' => 'form-control', 'placeholder' => 'Gvm', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('length', null, ['class' => 'form-control', 'placeholder' => 'Length', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('width', null, ['class' => 'form-control', 'placeholder' => 'Width', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('height', null, ['class' => 'form-control', 'placeholder' => 'Height', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode">{!! Form::text('dimension', null, ['class' => 'form-control', 'placeholder' => 'Dimension', 'autocomplete' => 'off']) !!}</td>`;
          html += `<td class="tabledit-edit-mode"></td>`;
          html += `<td><div class="tabledit-toolbar btn-toolbar"><button type="submit" class="btn btn-sm btn-success" style="float: none;">Save</button><button type="button" class="tabledit-cancel-button btn btn-xs btn-default" style="float: none;" onclick="removeTr(this)"><span class="fa fa-times"></span></button></div></td>`;

          html += '</tr>';
          html += '</tbody>';
          html += '</table>';
          html += `{!! Form::close() !!}`;

          html += '</td>';
          html += '</tr>';
          $('.fixed-asset-body').prepend(html);
          initializeValidation();
        });

        function removeTr(element) {
            $(element).closest('.new-form-class').remove();
        }

        function initializeValidation() {
            $('#myform').validate( {
                ignore: "", // validate all fields including form hidden input
                rules: {
                    'registration_number': {
                       required: true,
                    },
                    'equipment_id': {
                       required: true,
                    },
                    'fuel': {
                       required: true,
                    },
                    'make': {
                       required: true,
                    },
                    'model': {
                       required: true,
                    },
                    'yom': {
                       required: true,
                    },
                    'body' : {
                       required: true,
                    },
                    'engine_make' : {
                        required : true,
                    },
                    'engine_model' : {
                        required : true,
                    },
                    'engine_number' : {
                        required : true,
                    },
                    'ratio_id' : {
                        required : true,
                    },
                    'tare' : {
                        required : true,
                        number   : true,
                    },
                    'gvm' : {
                        required : true,
                        number   : true,
                    },
                    'length' : {
                        required : true,
                        number   : true,
                    },
                    'width' : {
                        required : true,
                        number   : true,
                    },
                    'running' : {
                        required : true,
                        number   : true,
                    },
                    'spare' : {
                        required : true,
                        number   : true,
                    },
                    'height' : {
                        required : true,
                        number   : true,
                    },
                    'dimension' : {
                        required : true,
                    },
                },
                errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
                },
                messages: {
                    'registration_number' : {
                        required: "Required",
                    },
                    'equipment_id' : {
                       required: "Required",
                    },
                    'fuel' : {
                       required: "Required",
                    },
                    'transporter' : {
                       required: "",
                    },
                    'make' : {
                       required: "Required",
                    },
                    'model' : {
                       required: "Required",
                    },
                    'yom' : {
                       required: "Required",
                    },
                    'body' : {
                       required: "Required",
                    },
                    'engine_make' : {
                       required: "Required",
                    },
                    'engine_model' : {
                       required: "Required",
                    },
                    'engine_number' : {
                       required: "Required",
                    },
                    'ratio_id' : {
                       required: "Required",
                    },
                    'tare' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'gvm' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'length' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'width' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'running' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'spare' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'height' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'dimension' : {
                        required : "Required",
                    },
                },
                focusInvalid: false,
                invalidHandler: function(form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

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

        $(document).on('click', '.edit-btn', function() {
            $(this).closest('.edit-row-class').next().toggleClass('d-none');
            $(this).closest('.edit-row-class').toggleClass('d-none');
        });

        $(document).on('click', '.tmp-edit-btn', function() {
            $(this).closest('.edit-row-class').prev().toggleClass('d-none');
            $(this).closest('.edit-row-class').toggleClass('d-none');
        });

        $(document).on('click', '.edit-btn-class', function() {
          form = $(this).closest('form');
          $(form).validate( {
                ignore: "", // validate all fields including form hidden input
                rules: {
                    'registration_number': {
                       required: true,
                    },
                    'equipment_id': {
                       required: true,
                    },
                    'fuel': {
                       required: true,
                    },
                    'make': {
                       required: true,
                    },
                    'model': {
                       required: true,
                    },
                    'yom': {
                       required: true,
                    },
                    'body' : {
                       required: true,
                    },
                    'engine_make' : {
                        required : true,
                    },
                    'engine_model' : {
                        required : true,
                    },
                    'engine_number' : {
                        required : true,
                    },
                    'ratio_id' : {
                        required : true,
                    },
                    'tare' : {
                        required : true,
                        number   : true,
                    },
                    'gvm' : {
                        required : true,
                        number   : true,
                    },
                    'length' : {
                        required : true,
                        number   : true,
                    },
                    'width' : {
                        required : true,
                        number   : true,
                    },
                    'running' : {
                        required : true,
                        number   : true,
                    },
                    'spare' : {
                        required : true,
                        number   : true,
                    },
                    'height' : {
                        required : true,
                        number   : true,
                    },
                    'dimension' : {
                        required : true,
                    },
                },
                errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
                },
                messages: {
                    'registration_number' : {
                        required: "Required",
                    },
                    'equipment_id' : {
                       required: "Required",
                    },
                    'fuel' : {
                       required: "Required",
                    },
                    'transporter' : {
                       required: "",
                    },
                    'make' : {
                       required: "Required",
                    },
                    'model' : {
                       required: "Required",
                    },
                    'yom' : {
                       required: "Required",
                    },
                    'body' : {
                       required: "Required",
                    },
                    'engine_make' : {
                       required: "Required",
                    },
                    'engine_model' : {
                       required: "Required",
                    },
                    'engine_number' : {
                       required: "Required",
                    },
                    'ratio_id' : {
                       required: "Required",
                    },
                    'tare' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'gvm' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'length' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'width' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'running' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'spare' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'height' : {
                        required : "Required",
                        number   : "Only numbers",
                    },
                    'dimension' : {
                        required : "Required",
                    },
                },
                focusInvalid: false,
                invalidHandler: function(form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

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

        $(document).on('click', '.edit-model-class', function() {
            var spare = $(this).data('spare');
            var running = $(this).data('running');
            var fixedassetoil = $(this).data('fixedassetoil');
            var id = $(this).data('id');
            $('.edit-checkbox-class').each(function() {
                var element = $(this);
                fixedassetoil.forEach(function(v, i, a){
                    if (element.val() == v) {
                      element.prop('checked', true);
                    }
                })
            });
            $('.edit-running-class').val(spare);
            $('.edit-spare-class').val(running);
            $('.edit-id-class').val(id);
            $("#myModal2").modal("toggle");
        });
    </script>
@endsection