@extends('layouts.template')
@section('content')
    <style>
        .dot{
            height: 20px;
            width: 20px;
            background-color: red;
            margin-left: 5px;
            margin-right: 5px;
            border-radius: 50%;
            display: inline-block;
            border: 4px solid black;
        }
        .stock_out th{
            text-align: left!important;
        }
        .stock_out td{
            text-align: left!important;
            padding-left: 9px!important;
        }
    </style>
	<section class="workshop-breakdown">
    <div class="container">
        <div class="row">
         {!! Form::model($workshop_breakdown, [
            'method' => 'PATCH',
            'url' => ['/store/workshop-breakdown', $workshop_breakdown->id],
            'class' => 'form-horizontal',
            'id' => 'breakdownform',
            'files' => true
        ]) !!}

        <h1 class="heading">Workshop Breakdown <a href="{{ url('store/workshop-breakdown') }}" 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="workshop-main">
            <h1>Workshop Breakdown</h1>
            <div class="workshop-form">


	            <div class="form-group col-md-1 col-sm-2">
	            	{!! Form::label('date', 'Date') !!}
                <span class="error"> * </span>
                {!! Form::text('date', null, ['id'=>'datepicker','class' => 'form-control calander-icon']) !!}
                {!! $errors->first('date', '<p class="help-block">:message</p>') !!}
	            </div>
                <div class="form-group col-md-1 col-sm-1">
  		        	{!! Form::label('job_number', 'Job Number') !!}
                <span class="error"> * </span>
                {!! Form::text('job_number', null, ['class' => 'form-control']) !!}
                {!! $errors->first('job_number', '<p class="help-block">:message</p>') !!}
  		        </div>
                @if(!empty($workshop_breakdown->trip_number))

	            <div class="form-group col-md-2 col-sm-2">
	              {!! Form::label('trip_number', 'Trip Number') !!}
                <span class="error"> * </span>
                {!! Form::select('trip_number', [''=>'Select Trip Number'] + $page_data['trip_number']->toArray(),null, ['class' => 'form-control']) !!}
                {!! $errors->first('trip_number', '<p class="help-block">:message</p>') !!}
	            </div>
                @else
                    <div class="form-group col-md-2 col-sm-2" id="other_part">
                        {!! Form::label('trip_number', 'Registration Number') !!}
                        <span class="error"> * </span>
                        {!! Form::select('registration_number', [''=>'Select Registration Number'] + $page_data['registration_number']->toArray(),null, ['class' => 'form-control','id'=>'registration_number']) !!}
                        {!! $errors->first('registration_number', '<p class="help-block">:message</p>') !!}
                    </div>
                @endif

	            <div class="form-group col-md-2 col-sm-1">
              <label for="current_km">Current @if(!empty($workshop_breakdown->trip_number)) {{(isset($tunit->equipment->unit)) ? $tunit->equipment->unit : 'unit'}} @else {{(isset($prevent->equipment->unit)) ? $prevent->equipment->unit : 'unit'}} @endif</label>
                <span class="error"> * </span>
                {!! Form::text('current_km',str_replace('.00', '',number_format($workshop_breakdown->current_km, 2, '.', ',')), ['class' => 'form-control','id'=>'current_km']) !!}
                {!! $errors->first('current_km', '<p class="help-block">:message</p>') !!}
	            </div>

                <div class="form-group col-md-2 col-sm-2">
                     <label for="service_km">Service at @if(!empty($workshop_breakdown->trip_number)) {{(isset($tunit->equipment->unit)) ? $tunit->equipment->unit : 'unit'}} @else {{(isset($prevent->equipment->unit)) ? $prevent->equipment->unit : 'unit'}} @endif</label>
                     {!! Form::text('service_km',($workshop_breakdown->service_km != "") ? str_replace('.00', '',number_format($workshop_breakdown->service_km, 2, '.', ',')) : null,['class' => 'form-control']) !!}
                 </div>

              <div class="form-group col-md-2 col-sm-2">
                {!! Form::label('mechanic', 'Mechanic') !!}
                <span class="error"> * </span>
                {!! Form::text('mechanic', null, ['class' => 'form-control']) !!}
                {!! $errors->first('mechanic', '<p class="help-block">:message</p>') !!}
              </div>
              <div class="form-group col-md-2 col-sm-2">
                {!! Form::label('location', 'Location') !!}
                <span class="error"> * </span>
                {!! Form::text('location', null, ['class' => 'form-control']) !!}
                {!! $errors->first('location', '<p class="help-block">:message</p>') !!}
              </div>
	            <div class="clearfix"></div>
          </div>
          </div>
            @if(!empty($workshop_breakdown->trip_number))
            <div class="row">
            <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="workshop-main truck">
                  <h1>Truck Maintenance</h1>
                  <div class="workshop-form">
                    <div>
                      <div class="table-responsive">
                      <table class="table">
                        <thead>
                          <tr>
                            <th>Job Number </th>
                            <th>Trip Number </th>
                            <th>Driver</th>
                            <th>Truck</th>
                            <th>Status</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>
                                {!! Form::text('truck_job_number',$workshop_breakdown->job_number, ['id'=>'truck_job_number','class' => 'form-control','readonly'=>true]) !!}
                                {!! $errors->first('truck_job_number', '<p class="help-block">:message</p>') !!}
                            </td>
                            <td>
                                {!! Form::text('truck_trip_number',$workshop_breakdown->trip_number, ['id'=>'truck_trip_number','class' => 'form-control','readonly'=>true]) !!}
                                {!! $errors->first('truck_trip_number', '<p class="help-block">:message</p>') !!}
                            </td>
                            <td>
                                {!! Form::text('truck_driver',$truck_maintainance ? $truck_maintainance->driver : '', ['id'=>'truck_driver','class' => 'form-control']) !!}
                                {!! $errors->first('driver', '<p class="help-block">:message</p>') !!}
                            </td>
                            <td>
                                {!! Form::text('truck',$truck_maintainance ? $truck_maintainance->truck : '', ['id'=>'truck','class' => 'form-control']) !!}
                                {!! $errors->first('truck', '<p class="help-block">:message</p>') !!}
                            </td>
                            <td>
                               <select name="truck_status" style="display: none;" id="truck_status_op">
                                <option value="">Select Status</option>
                                <option value="job_opened" {!! $truck_maintainance ? $truck_maintainance->status == 'job_opened' ? 'selected' : '' : ''!!} >Job Opened</option>
                                <option value="maintaining" {!! $truck_maintainance ? $truck_maintainance->status == 'maintaining' ? 'selected' : '' : '' !!}>Maintaining</option>
                                <option value="awaiting_part" {!! $truck_maintainance ? $truck_maintainance->status == 'awaiting_part' ? 'selected' : '' : ''!!}>Awaiting Part</option>
                                <option value="job_completed" {!! $truck_maintainance ? $truck_maintainance->status == 'job_completed' ? 'selected' : '' : '' !!}>Job Completed</option>
                              </select>
                                {!! $errors->first('truck_status', '<p class="help-block">:message</p>') !!}
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    </div>
                    <div class="defects-area">
                      <div class="form-group">
                        <label for="Delivery Address">Defects Report</label>
                          <div class="table-responsive">
                              <table class="table">
                                  <thead>
                                  <tr>
                                      <th>Defects Report</th>
                                      <th>Code</th>
                                      <th>Saved</th>
                                  </tr>
                                  </thead>
                                  @if ($truck_defect_report != '')
                                      <tbody>
                                      @foreach($truck_defect_report as $key => $truck)
                                       <tr>
                                           <td>
                                               <input id="trailer_nos"  name="truck_defect_report[{{$key}}]" type="text" value="{{$truck->defect_report}}"  style="' + 'width: 90px;">
                                           </td>
                                           <td>
                                               <select class="" name="truck_defect_code[{{$key}}]" style="width: 70%;">
                                                   <option value="">Select code</option>
                                                   @foreach($common_issues as $issue)
                                                       @if($truck->code == $issue['code'])
                                                            <option value="{{$issue['code']}}" selected>{{$issue['code']}} - {{$issue['issue']}}</option>
                                                       @else
                                                           <option value="{{$issue['code']}}">{{$issue['code']}} - {{$issue['issue']}}</option>
                                                       @endif
                                                   @endforeach
                                               </select>
                                           </td>
                                           <td style="width: 20%">
                                               <input type="radio" name="truck_defect_status[{{$key}}]" value="1" @if($truck->status != '' && $truck->status == 1) checked @endif>&nbsp;Yes &nbsp;&nbsp;
                                               <input type="radio" name="truck_defect_status[{{$key}}]" value="0" @if($truck->status != '' && $truck->status == 0) checked @endif>&nbsp;No
                                           </td>
                                       </tr>
                                      @endforeach
                                      </tbody>
                                  @else
                                  <tbody class="truck_defect">

                                  </tbody>
                                   @endif
                              </table>
                          </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>

                <div class="workshop-main preventative">
                <h1>Preventative  Maintenance</h1>
                <div class="workshop-form">
                    <div class="">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                  <tr>
                                    <th>Check/Change </th>
                                    <th>Frequency({{(isset($tunit->equipment->unit)) ? $tunit->equipment->unit : 'Units'}}) </th>
                                      <th>Serviced @ </th>
                                      <th>Serviced @ Next </th>
                                      <th>Change Date</th>
                                      <th></th>
                                  </tr>
                                </thead>
                                <tbody>
                                    @foreach($truck_preventative as $key => $trp)
                                    <tr>
                                    <td>{!! Form::text('truck_check_change[]',$trp->check_change, ['class' => 'form-control','readonly'=>true]) !!}</td>
                                    {!! Form::hidden('truck_trigger[]', $trp->trigger, ['class' => 'form-control trigger']) !!}
                                    <td>{!! Form::text('truck_frequency[]',str_replace('.00', '',number_format($trp->frequency, 2, '.', ',')), ['class' => 'form-control frequency','readonly'=>true]) !!}</td>
                                    <td>{!! Form::text('truck_last_change[]',str_replace('.00', '',number_format($trp->last_change, 2, '.', ',')), ['class' => 'form-control p1_last_change', 'id'=>'serviced', 'readonly'=>true]) !!}</td>
                                    <td>{!! Form::text('truck_next_change[]',str_replace('.00', '',number_format($trp->next_change, 2, '.', ',')), ['class' => 'form-control p1_next_change', 'readonly'=>true]) !!}</td>
                                    <td>{!! Form::text('truck_change_date[]',$trp->change_date, ['class' => 'form-control datepicker1 p1_change_date']) !!}</td>
                                    <td><span class="dot {{($trp->change_date !== '0000-00-00' && $trp->change_date != null) ? 'show': 'hide'}}"></span></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class=" defects-area">
                       <div class="form-group">
                          <label for="Delivery Address">Workshop report</label>
                           @if (count($truck_preventative) != 0)
                          {!! Form::textarea('truck_workshop_report',$truck_preventative ? $truck_preventative[0]->workshop_report : '', ['class' => 'form-control inp_textarea']) !!}
                           @else
                               {!! Form::textarea('truck_workshop_report', '', ['class' => 'form-control inp_textarea']) !!}
                           @endif
                            {!! $errors->first('truck_workshop_report', '<p class="help-block">:message</p>') !!}
                        </div>
                    </div>
                  <div class="defects-area">
                     <div class="form-group">
                        <label for="Delivery Address">Tyre Report</label>
                        <div class="table-responsive">
                        <table class="table">
                          <thead>
                            <tr>
                              <th>Tyre nos ( Status ) </th>
                              <th>Tyre nos ( Status ) </th>
                              <th>Tyre nos ( Status ) </th>
                            </tr>
                          </thead>

                          @if($truck_tyre_report !='')
                          <tbody>
                                                    <tr>
                          @foreach($truck_tyre_report as $key => $ttr)

                                  @if ($key % 3 == 0)</tr><tr> @endif
                                  <td>{!! Form::text('truck_tyre_nos[]',$ttr->tyre_nos,['style'=>'width:90px;']) !!}{!! Form::select('truck_tyre_status[]',['good'=>'Good','damage'=>'Damage'],$ttr->status, ["placeholder"=>"Select Status"]) !!}</td>
                          @endforeach
                          </tr>
                          </tbody>
                          @else
                          <tbody class="truck_tyre_report">
                          </tbody>
                          @endif

                        </table>
                    </div>
                      </div>
                  </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            </div>

            <div class="col-md-6 col-sm-6 col-xs-12">

                <div class="workshop-main trailer">
                  <h1>Trailer Maintenance</h1>
                  <div class="workshop-form">
                    <div class="">
                      <div class="table-responsive">
                      <table class="table">
                        <thead>
                          <tr>
                            <th>Job Number </th>
                            <th>Trip Number </th>
                            <th>Driver</th>
                            <th>Trailer</th>
                            <th>Status</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>
                                {!! Form::text('trailer_job_number',$workshop_breakdown->job_number, ['id'=>'trailer_job_number','class' => 'form-control','readonly'=>true]) !!}
                                {!! $errors->first('truck_job_number', '<p class="help-block">:message</p>') !!}
                            </td>
                            <td>
                                {!! Form::text('trailer_trip_number',$workshop_breakdown->trip_number, ['id'=>'trailer_trip_number','class' => 'form-control','readonly'=>true]) !!}
                                {!! $errors->first('truck_trip_number', '<p class="help-block">:message</p>') !!}
                            </td>
                            <td>
                                {!! Form::text('trailer_driver',$trailer_maintainance ? $trailer_maintainance->driver : '', ['id'=>'trailer_driver','class' => 'form-control']) !!}
                                {!! $errors->first('driver', '<p class="help-block">:message</p>') !!}
                            </td>
                            <td>
                                {!! Form::text('trailer',$trailer_maintainance ? $trailer_maintainance->trailer : '', ['id'=>'trailer','class' => 'form-control']) !!}
                                {!! $errors->first('trailer', '<p class="help-block">:message</p>') !!}
                            </td>
                            <td>

                                <select name="trailer_status" style="display: none;" id="trailer_status_op">
                                <option value="">Select Status</option>
                                <option value="job_opened" {!! $trailer_maintainance ? $trailer_maintainance->status == 'job_opened' ? 'selected' : '' : '' !!} >Job Opened</option>
                                <option value="maintaining" {!! $trailer_maintainance ? $trailer_maintainance->status == 'maintaining' ? 'selected' : '' : '' !!}>Maintaining</option>
                                <option value="awaiting_part" {!! $trailer_maintainance ? $trailer_maintainance->status == 'awaiting_part' ? 'selected' : '' : ''!!}>Awaiting Part</option>
                                <option value="job_completed" {!! $trailer_maintainance ? $trailer_maintainance->status == 'job_completed' ? 'selected' : '' : '' !!}>Job Completed</option>
                              </select>
                                {!! $errors->first('trailer_status', '<p class="help-block">:message</p>') !!}


                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    </div>
                    <div class=" defects-area">
                       <div class="form-group">
                          <label for="Delivery Address">Defects Report</label>
                           <div class="table-responsive">
                               <table class="table">
                                   <thead>
                                   <tr>
                                       <th>Defects Report</th>
                                       <th>Code</th>
                                       <th>Saved</th>
                                   </tr>
                                   </thead>
                                   @if ($trailer_defect_report != '')
                                       <tbody>
                                       @foreach($trailer_defect_report as $key => $trailer)
                                           <tr>
                                               <td>
                                                   <input id="trailer_nos"  name="trailer_defect_report[{{$key}}]" type="text" value="{{$trailer->defect_report}}"  style="' + 'width: 90px;">
                                               </td>
                                               <td>
                                                   <select class="" name="trailer_defect_code[{{$key}}]" style="width: 70%;">
                                                       <option value="">Select code</option>
                                                       @foreach($common_issues as $issue)
                                                           @if($trailer->code == $issue['code'])
                                                               <option value="{{$issue['code']}}" selected>{{$issue['code']}} - {{$issue['issue']}}</option>
                                                           @else
                                                               <option value="{{$issue['code']}}">{{$issue['code']}} - {{$issue['issue']}}</option>
                                                           @endif
                                                       @endforeach
                                                   </select>
                                               </td>
                                               <td style="width: 20%">
                                                   <input type="radio" name="trailer_defect_status[{{$key}}]" value="1" @if($trailer->status != '' && $trailer->status == 1) checked @endif>&nbsp;Yes &nbsp;&nbsp;
                                                   <input type="radio" name="trailer_defect_status[{{$key}}]" value="0" @if($trailer->status != '' && $trailer->status == 0) checked @endif>&nbsp;No
                                               </td>
                                           </tr>
                                       @endforeach
                                       </tbody>
                                   @else
                                   <tbody class="trailer_defect">

                                   </tbody>
                                    @endif
                               </table>
                           </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                      @if(isset($truck_maintainance->status))
                          @if($truck_maintainance->status != 'job_completed')
                              <div class="col-md-8 col-sm-8 col-xs-12" style="margin-left: 103%;margin-top:-225px;">
                                  <table class="table stock_out" style="border-top: 5px solid #2cc5b0;">
                                      <thead>
                                      <tr>
                                          <th>Part ID</th>
                                          <th>Part Name</th>
                                          <th>Part Make</th>
                                          <th>Part Nr</th>
                                          <th>Qty</th>
                                      </tr>

                                      </thead>
                                      <tbody>
                                      @if(count($stock_out) >= 1)
                                      @foreach($stock_out as $data)
                                          <tr>
                                              <td>{{!empty($data['part']) ? $data['part'][0]['part_id'] : '-'}}</td>
                                              <td>{{$data['part_name']}}</td>
                                              <td>{{$data['make']}}</td>
                                              <td>{{$data['part_number']}}</td>
                                              <td>{{$data['quantity']}}</td>
                                          </tr>
                                      @endforeach
                                      @endif
                                      </tbody>
                                  </table>
                              </div>
                          @endif
                      @else
                          <div class="col-md-8 col-sm-8 col-xs-12" style="margin-left: 103%;margin-top:-225px;">
                              <table class="table stock_out" style="border-top: 5px solid #2cc5b0;">
                                  <thead>
                                  <tr>
                                      <th>Part ID</th>
                                      <th>Part Name</th>
                                      <th>Part Make</th>
                                      <th>Part Nr</th>
                                      <th>Qty</th>
                                  </tr>

                                  </thead>
                                  <tbody>
                                  @if(count($stock_out) >= 1)
                                      @foreach($stock_out as $data)
                                          <tr>
                                              <td>{{!empty($data['part']) ? $data['part'][0]['part_id'] : '-'}}</td>
                                              <td>{{$data['part_name']}}</td>
                                              <td>{{$data['make']}}</td>
                                              <td>{{$data['part_number']}}</td>
                                              <td>{{$data['quantity']}}</td>
                                          </tr>
                                      @endforeach
                                  @endif
                                  </tbody>
                              </table>
                          </div>
                      @endif
                  </div>
                </div>

                <div class="workshop-main preventative1">
                  <h1>Preventative  Maintenance</h1>
                  <div class="workshop-form">
                    <div class="">
                      <div class="table-responsive">
                      <table class="table">
                        <thead>
                          <tr>
                            <th>Check/Change </th>
                            <th>Frequency({{(isset($trunit->equipment->unit)) ? $trunit->equipment->unit : 'Units'}}) </th>
                            <th>Serviced @ </th>
                            <th>Serviced @ Next </th>
                            <th>Change Date</th>
                            <th></th>
                          </tr>
                        </thead>
                        <tbody>
                          @foreach($trailer_preventative as $key => $tlp)
                                <tr>
                                <td>{!! Form::text('trailer_check_change[]',$tlp->check_change, ['class' => 'form-control','readonly'=>true]) !!}</td>
                                {!! Form::hidden('trailer_trigger[]',$tlp->trigger, ['class' => 'form-control trigger']) !!}
                                <td>{!! Form::text('trailer_frequency[]',str_replace('.00', '',number_format($tlp->frequency, 2, '.', ',')), ['class' => 'form-control frequency','readonly'=>true,]) !!}</td>
                                <td>{!! Form::text('trailer_last_change[]',str_replace('.00', '',number_format($tlp->last_change, 2, '.', ',')), ['class' => 'form-control p2_last_change', 'id'=>'serviced', 'readonly'=>true]) !!}</td>
                                <td>{!! Form::text('trailer_next_change[]',str_replace('.00', '',number_format($tlp->next_change, 2, '.', ',')), ['class' => 'form-control p2_next_change', 'readonly'=>true]) !!}</td>
                                <td>{!! Form::text('trailer_change_date[]',$tlp->change_date, ['class' => 'form-control datepicker1 p2_change_date']) !!}</td>
                                <td><span class="dot {{($tlp->change_date !== '0000-00-00' && $tlp->change_date != null) ? 'show': 'hide'}}"></span></td>
                                </tr>
                                  @endforeach
                        </tbody>
                      </table>
                    </div>
                    </div>
                    <div class="defects-area">
                      <div class="form-group">
                        <label for="Delivery Address">Workshop report</label>
                          @if (count($trailer_preventative) != 0)
                        {!! Form::textarea('trailer_workshop_report', $trailer_preventative ? $trailer_preventative[0]->workshop_report : '', ['class' => 'form-control inp_textarea']) !!}
                          @else
                              {!! Form::textarea('trailer_workshop_report', '', ['class' => 'form-control inp_textarea']) !!}
                          @endif
                        {!! $errors->first('trailer_workshop_report', '<p class="help-block">:message</p>') !!}
                      </div>
                    </div>
                    <div class="defects-area">
                         <div class="form-group">
                            <label for="Delivery Address">Tyre Report</label>
                            <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>Tyre nos ( Status ) </th>
                                    <th>Tyre nos ( Status ) </th>
                                    <th>Tyre nos ( Status ) </th>
                                </tr>
                                </thead>
                              @if($trailer_tyre_report !='')
                              <tbody>
                              <tr>
                              @foreach($trailer_tyre_report as $key => $ttr)
                                     @if ($key % 3 == 0)</tr><tr> @endif
                                    <td>{!! Form::text('trailer_tyre_nos[]',$ttr->tyre_nos,['style'=>'width:90px;']) !!}{!! Form::select('trailer_tyre_status[]',['good'=>'Good','damage'=>'Damage'],$ttr->status, ["placeholder"=>"Select Status"]) !!}</td>
                                @endforeach
                              </tr>
                              </tbody>
                              @else
                                <tbody class="trailer_tyre_report">
                                </tbody>
                               @endif
                            </table>
                        </div>
                          </div>
                      </div>
                    <div class="clearfix"></div>
                  </div>
            </div>
            </div>
        </div>
         @else
                <div class="workshop-main otherpreventative">
                    <h1>Preventative  Maintenance</h1>
                    <div class="workshop-form">
                        <div>
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>Check/Change </th>
                                        <th>Frequency({{isset($prevent->equipment->unit) ? $prevent->equipment->unit :'Unit'}}) </th>
                                        <th>Serviced @ </th>
                                        <th>Serviced @ Next </th>
                                        <th>Change Date</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    @if ($other_preventative != '')
                                        <tbody>
                                        @foreach($other_preventative as $trp)
                                            <tr>
                                                <td>{!! Form::text('other_check_change[]',$trp->check_change, ['class' => 'form-control','readonly'=>true]) !!}</td>
                                                {!! Form::hidden('other_trigger[]',$trp->trigger, ['class' => 'form-control trigger']) !!}
                                                <td>{!! Form::text('other_frequency[]',str_replace('.00', '',number_format($trp->frequency, 2, '.', ',')), ['class' => 'form-control frequency','readonly'=>true]) !!}</td>
                                                <td>{!! Form::text('other_last_change[]', str_replace('.00', '',number_format($trp->last_change, 2, '.', ',')), ['class' => 'form-control other_last_change','readonly'=>true]) !!}</td>
                                                <td>{!! Form::text('other_next_change[]', str_replace('.00', '',number_format($trp->next_change, 2, '.', ',')), ['class' => 'form-control other_next_change', 'readonly'=>true]) !!}</td>
                                                <td>{!! Form::text('other_change_date[]', $trp->change_date, ['class' => 'form-control datepicker1 other_change_date']) !!}</td>
                                                <td><span class="dot {{($trp->change_date !== '0000-00-00' && $trp->change_date != null) ? 'show': 'hide'}}"></span></td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    @else
                                        <tbody class="other_preventative">

                                        </tbody>
                                    @endif
                                </table>
                            </div>
                        </div>
                        <div class="defects-area">
                            <div class="form-group">
                                <label for="Delivery Address">Workshop report</label>
                                {!! Form::textarea('other_workshop_report', $other_preventative ? $other_preventative[0]->workshop_report : '', ['class' => 'form-control inp_textarea']) !!}
                                {!! $errors->first('other_workshop_report', '<p class="help-block">:message</p>') !!}
                            </div>
                        </div>
                        <div class="defects-area">
                            <div class="form-group">
                                <label for="Delivery Address">Tyre report</label>
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>Tyre nos ( Status ) </th>
                                        <th>Tyre nos ( Status ) </th>
                                        <th>Tyre nos ( Status ) </th>
                                    </tr>
                                    </thead>
                                    @if ($other_tyre_report != '')
                                        <tbody>
                                                                                <tr>
                                            @foreach($other_tyre_report as $key => $ttr)

                                                @if ($key % 3 == 0)</tr><tr> @endif
                                            <td>{!! Form::text('other_tyre_nos[]',$ttr->tyre_nos,['style'=>'width:90px;']) !!}{!! Form::select('other_tyre_status[]',['good'=>'Good','damage'=>'Damage'],$ttr->status, ["placeholder"=>"Select Status"]) !!}</td>
                                            @endforeach
                                        </tr>

                                     @else
                                    <tbody class="other_tyre_report">

                                    </tbody>
                                    @endif
                                </table>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-5 col-sm-5 col-xs-12" style="margin-left: 103%;margin-top:-550px;">
                            <table class="table stock_out" style="border-top: 5px solid #2cc5b0;">
                                <thead>
                                <tr>
                                    <th>Part ID</th>
                                    <th>Part Name</th>
                                    <th>Part Make</th>
                                    <th>Part Nr</th>
                                    <th>Qty</th>
                                </tr>

                                </thead>
                                <tbody>
                                @if(count($stock_out) >= 1)
                                    @foreach($stock_out as $data)
                                        <tr>
                                            <td>{{!empty($data['part']) ? $data['part'][0]['part_id'] : '-'}}</td>
                                            <td>{{$data['part_name']}}</td>
                                            <td>{{$data['make']}}</td>
                                            <td>{{$data['part_number']}}</td>
                                            <td>{{$data['quantity']}}</td>
                                        </tr>
                                    @endforeach
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            @endif

        <div class="form-group col-md-12 col-sm-12 submit-btn save">
	        <button type="submit" id="save_job">Update</button>
	      </div>
        {!! Form::close() !!}
        </div>
    </div>
    </section>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

    <script type="text/javascript">
    $(document).ready(function(){
        @if( isset($trailer_maintainance) &&  isset($trailer_maintainance->status) && $trailer_maintainance->status== 'job_completed')
        var trailerSelect = $("#trailer_status_op");
        $(trailerSelect).prop("readonly", true);
        $(trailerSelect).toggleClass("my-read-only-class", true);
        $(trailerSelect).find("option").prop("hidden", true);
        @endif
        @if( isset($truck_maintainance) && isset($truck_maintainance->status) && $truck_maintainance->status == 'job_completed')
        var truckSelect = $("#truck_status_op");
        $(truckSelect).prop("readonly", true);
        $(truckSelect).toggleClass("my-read-only-class", true);
        $(truckSelect).find("option").prop("hidden", true);
        @endif

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

      $( ".datepicker1" ).datepicker({
        dateFormat: 'yy-mm-dd'
      });
        $( ".datepicker2" ).datepicker({
            dateFormat: 'yy-mm-dd'
        });
        $('.p1_change_date').on('change',function(){
            var seletcedRow = $(this).parent().parent();
            $(seletcedRow).find('.p1_last_change').attr('readonly', false);
            $(seletcedRow).find('.p1_last_change').attr('required', true);
            $(seletcedRow).find('.p1_next_change').attr('required', true);
         })
        $('.p2_change_date').on('change',function(){
            var seletcedRow = $(this).parent().parent();
            $(seletcedRow).find('.p2_last_change').attr('readonly', false);
            $(seletcedRow).find('.p2_last_change').attr('required', true);
            $(seletcedRow).find('.p2_next_change').attr('required', true);
        })
        $('.other_change_date').on('change',function(){
            var seletcedRow = $(this).parent().parent();
            $(seletcedRow).find('.other_last_change').attr('readonly', false);
            $(seletcedRow).find('.other_last_change').attr('required', true);
            $(seletcedRow).find('.other_next_change').attr('required', true);
        })
        $('.p1_last_change').on('change',function(){
            var number = $(this).val();
            var numberReplace = parseInt(number.replace(/,/g, ""));
            $(this).val(numberReplace.toLocaleString());
        })
        $('.p2_last_change').on('change',function(){
            var number = $(this).val();
            var numberReplace = parseInt(number.replace(/,/g, ""));
            $(this).val(numberReplace.toLocaleString());
        })
        $('.other_last_change').on('change',function(){
            var number = $(this).val();
            var numberReplace = parseInt(number.replace(/,/g, ""));
            $(this).val(numberReplace.toLocaleString());
        })
        $('.p1_last_change').on('keyup',function(){
           var currentKm = $('#current_km').val();
           var servicedValue = $(this).val();
           var seletcedRow = $(this).parent().parent();
           var frequency = $(seletcedRow).find('.frequency').val();
           if(!isNaN(parseInt(servicedValue.replace(/,/g, ""))) && servicedValue != 0){
               $(seletcedRow).find('.dot').addClass('show');
               var trigger = parseInt($(seletcedRow).find('.trigger').val())
               if(isNaN(trigger)){
                   trigger = 2000;
               }
               var serviced_next = parseInt(servicedValue.replace(/,/g, "")) + parseInt(frequency.replace(/,/g, ""));
               if(serviced_next - parseInt(currentKm.replace(/,/g, "")) > trigger){
                  $(seletcedRow).find('.dot').css({'background-color':'green'})
               }else{
                   $(seletcedRow).find('.dot').css({'background-color':'red'})
               }
               $(seletcedRow).find('.p1_next_change').val(serviced_next.toLocaleString());
           }else{
               $(seletcedRow).find('.p1_next_change').val(0);
           }

        });
        $('.p2_last_change').on('keyup',function(){
            var currentKm = $('#current_km').val();
            var servicedValue = $(this).val();
            var seletcedRow = $(this).parent().parent();
            var frequency = $(seletcedRow).find('.frequency').val();
            if(!isNaN(parseInt(servicedValue.replace(/,/g, ""))) && servicedValue != 0){
                $(seletcedRow).find('.dot').addClass('show');
                var trigger = parseInt($(seletcedRow).find('.trigger').val())
                if(isNaN(trigger)){
                    trigger = 2000;
                }
                var serviced_next = parseInt(servicedValue.replace(/,/g, "")) + parseInt(frequency.replace(/,/g, ""));
                if(serviced_next - parseInt(currentKm.replace(/,/g, "")) > trigger){
                    $(seletcedRow).find('.dot').css({'background-color':'green'})
                }else{
                    $(seletcedRow).find('.dot').css({'background-color':'red'})
                }
                $(seletcedRow).find('.p2_next_change').val(serviced_next.toLocaleString());
            }else{
                $(seletcedRow).find('.p2_next_change').val(0);
            }

        });
        $('.other_last_change').on('keyup',function(){
            var currentKm = $('#current_km').val();
            var servicedValue = $(this).val();
            var seletcedRow = $(this).parent().parent();
            var frequency = $(seletcedRow).find('.frequency').val();
            console.log(frequency);
            if(!isNaN(parseInt(servicedValue.replace(/,/g, ""))) && servicedValue != 0){
                $(seletcedRow).find('.dot').addClass('show');
                var trigger = parseInt($(seletcedRow).find('.trigger').val())
                if(isNaN(trigger)){
                    trigger = 2000;
                }
                console.log(trigger);
                var serviced_next = parseInt(servicedValue.replace(/,/g, "")) + parseInt(frequency.replace(/,/g, ""));
                console.log(serviced_next - parseInt(currentKm.replace(/,/g, "")));
                if (serviced_next > parseInt(currentKm.replace(/,/g, ""))) {
                  if(serviced_next - parseInt(currentKm.replace(/,/g, "")) > trigger){
                    $(seletcedRow).find('.dot').css({'background-color':'green'})
                  }else{
                      $(seletcedRow).find('.dot').css({'background-color':'red'})
                  }
                } else {
                  if(parseInt(currentKm.replace(/,/g, "")) - serviced_next > trigger){
                    $(seletcedRow).find('.dot').css({'background-color':'green'})
                  }else{
                      $(seletcedRow).find('.dot').css({'background-color':'red'})
                  }
                }
                // if(serviced_next - parseInt(currentKm.replace(/,/g, "")) > trigger){
                //     $(seletcedRow).find('.dot').css({'background-color':'green'})
                // }else{
                //     $(seletcedRow).find('.dot').css({'background-color':'red'})
                // }
                $(seletcedRow).find('.other_next_change').val(serviced_next.toLocaleString());
            }else{
                $(seletcedRow).find('.other_next_change').val(0);
            }

        });
        $('.p1_last_change').trigger('keyup');
        $('.p2_last_change').trigger('keyup');
        $('.other_last_change').trigger('keyup');
      $('#breakdownform').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: {
              'date': {
                 required: true,
              },
              'job_number': {
                 required: true,
              },
              'trip_number': {
                 required: true,
              },
              'mechanic': {
                 required: true,
              },
              'current_km': {
                 required: true,
              },
              'location': {
                  required: true,
              },
              'truck_driver': {
                 required: true,
              },
              'truck': {
                 required: true,
              },
              'truck_status': {
                 required: true,
              },
              'trailer_driver': {
                 required: true,
              },
              'trailer': {
                 required: true,
              },
              'trailer_status' : {
                 required : true,
              },
              'trailer_defect_report' : {
                 required : true,
              },
              'truck_defect_report' : {
                 required : true,
              }
          },
          errorPlacement: function (error, element) {
              if(element.parent('.input-group').length) {
                  error.insertAfter(element.parent());
              } else {
                  error.insertAfter(element);
              }
          },
          messages: {
              'date': {
                 required: "The Date field is required",
              },
              'job_number': {
                 required: "The Job Number field is required",
              },
              'trip_number': {
                 required: "The Trip Number field is required",
              },
              'mechanic': {
                 required: "The Mechanic field is required",
              },
              'current_km': {
                 required: "The Current Km field is required",
              },
              'location': {
                  required: "The Location field is required",
              },
              'truck_driver': {
                 required: "The driver field is required",
              },
              'truck': {
                 required: "The truck field is required",
              },
              'truck_status': {
                 required: "The status is required",
              },
              'trailer_driver': {
                 required: "The driver field is required",
              },
              'trailer': {
                 required: "The trailer field is required",
              },
              'trailer_status' : {
                 required : "The status is required",
              },
              'trailer_defect_report' : {
                 required : "The defect report field is required",
              },
              'truck_defect_report' : {
                 required : "The defect report field is required",
              }
          },
          focusInvalid: false,
          invalidHandler: function(form, validator) {

              if (!validator.numberOfInvalids())
                  return;

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

      $('#job_number').on('change', function() {
			  var job_number = $(this).val();	
			  $('#truck_job_number').val(job_number);
        $('#trailer_job_number').val(job_number);
			});

      $('#trip_number').on('change', function() {
        var trip_number = $(this).val(); 
        $('#truck_trip_number').val(trip_number);
        $('#trailer_trip_number').val(trip_number);
      });

      $('#trip_number').change(function(){
        var trip_number = $(this).val();
        if (trip_number != '') {
          $.ajax({
            url: "{{URL::to('store/workshop_breakdown/getTripData')}}",
            type: 'POST',
            dataType: 'json',
            data: {'trip_number': trip_number, '_token': '{{csrf_token()}}'},
            success: function (response) {  
              $('#truck').val(response.data.truck);
              $('#trailer').val(response.data.trailer);
              $('#truck_driver').val(response.data.driver);
              $('#trailer_driver').val(response.data.driver);

              $.ajax({
                url: "{{URL::to('store/workshop_breakdown/gettrucktyredata')}}",
                type: 'POST',
                dataType: 'json',
                data: {'registration_number': responseresponse.data.truck, '_token': '{{csrf_token()}}'},
                success: function (data) {
                    $('.truck_tyre_report').html(data.tyre);
                {{--if(response.truckdata !='')--}}
                  {{--{--}}
                  {{--  $('.truck_tyre_report').html('');--}}
                  {{--  var i = 0;--}}
                  {{--  var data = "";--}}
                  {{--  $.each(response.truckdata,function(index,value){--}}
                  {{--      i++;--}}
                  {{--      data +='<td><input id="tyre_nos"  name="truck_tyre_nos[]" type="text"  style="' + 'width: 90px;">{!! Form::select("truck_tyre_status[]",["good"=>"Good","damage"=>"Damage"], null, ["id"=>"tyre_status","placeholder"=>"Select Status"]) !!}</td>';--}}
                  {{--   if (i % 3 == 0) {--}}
                  {{--       $('.truck_tyre_report').append('<tr>'+data+'</tr>');--}}
                  {{--       data = "";--}}
                  {{--   }--}}
                  {{--  });--}}
                  {{--}--}}
                  {{--else--}}
                  {{--{--}}
                  {{--  $('.truck_tyre_report').html(''); --}}
                  {{--}                  --}}
                }
              });

              $.ajax({
                url: "{{URL::to('store/workshop_breakdown/gettrailertyredata')}}",
                type: 'POST',
                dataType: 'json',
                data: {'registration_number': response.data.trailer, '_token': '{{csrf_token()}}'},
                success: function (data) {
                    console.log(data);
                    $('.trailer_tyre_report').html(data.tyre);
                  {{--if(response.trailerdata !='')--}}
                  {{--{--}}
                  {{--  $('.trailer_tyre_report').html('');--}}
                  {{--    var i = 0;--}}
                  {{--    var data = "";--}}
                  {{--  $.each(response.trailerdata,function(index,value){--}}
                  {{--      i++;--}}
                  {{--      data += '<td><input id="tyre_nos"  name="trailer_tyre_nos[]" type="text"  style="' + 'width: 90px;">{!! Form::select("trailer_tyre_status[]",["good"=>"Good","damage"=>"Damage"], null, ["id"=>"tyre_status","placeholder"=>"Select Status"]) !!}</td>';--}}
                  {{--      if (i % 3===0){--}}
                  {{--          $('.trailer_tyre_report').append('<tr>'+data+'</tr>');--}}
                  {{--          data = "";--}}
                  {{--      }--}}
                  {{--  });--}}
                  {{--}--}}
                  {{--else--}}
                  {{--{--}}
                  {{--  $('.trailer_tyre_report').html(''); --}}
                  {{--}--}}
                  
                }
              });
               
            }
          });

          $.ajax({
            url: "{{URL::to('store/workshop_breakdown/getDefectdata')}}",
            type: 'POST',
            dataType: 'json',
            data: {'trip_number': trip_number, '_token': '{{csrf_token()}}'},
            success: function (response) {
              if(response.data !='')
              {
                var truck_defect = [];
                var trailer_defect = [];
                $.each(response.data,function(index,value){
                  truck_defect.push(value.truck_report);
                  trailer_defect.push(value.trailer_report);     
                 });

                $('.truck_defect_report').text(truck_defect);
                $('.trailer_defect_report').text(trailer_defect);
              }
                if (response.report != ''){
                    $('.trailer_defect').html('');
                    $('.truck_defect').html('');
                    $.each(response.report,function (index,value){
                        $('.trailer_defect').append('<tr><td><input id="trailer_nos"  name="trailer_defect_report['+index+']" type="text" value="'+value.trailer_report+'"  style="' + 'width: 90px;"></td><td>-</td><td><input type="radio" name="trailer_defect_status['+index+']" value="1">'+"Yes"+'<input type="radio" name="trailer_defect_status['+index+']" value="0">'+"No"+'</td></tr>');
                        $('.truck_defect').append('<tr><td><input id="truck_nos"  name="truck_defect_report['+index+']" type="text" value="'+value.truck_report+'"  style="' + 'width: 90px;"></td><td>-</td><td><input type="radio" name="truck_defect_status['+index+']" value="1">'+"Yes"+'<input type="radio" name="truck_defect_status['+index+']" value="0">'+"No"+'</td></tr>');
                    });
                } else {
                    $('.trailer_defect').html('');
                    $('.truck_defect').html('');
                }
            }
          });
        }
        else
        {
          $('#truck').val('');
          $('#trailer').val('');
          $('#truck_driver').val('');
          $('#trailer_driver').val('');
          $('.truck_defect_report').text('');
          $('.trailer_defect_report').text('');
        }
      });

      var tn = $('#trip_number').val();
      if (tn != ''  && tn != undefined) {
          $.ajax({
            url: "{{URL::to('store/workshop_breakdown/getTripData')}}",
            type: 'POST',
            dataType: 'json',
            data: {'trip_number': tn, '_token': '{{csrf_token()}}'},
            success: function (response) {  
              $('#truck').val(response.data.truck);
              $('#trailer').val(response.data.trailer);
              $('#truck_driver').val(response.data.driver);
              $('#trailer_driver').val(response.data.driver);

              $.ajax({
                url: "{{URL::to('store/workshop_breakdown/gettrucktyredata')}}",
                type: 'POST',
                dataType: 'json',
                data: {'registration_number': response.data.truck, '_token': '{{csrf_token()}}'},
                success: function (data) {
                    $('.truck_tyre_report').html(data.tyre);
                {{--if(response.truckdata !='')--}}
                  {{--{--}}
                  {{--  $('.truck_tyre_report').html('');--}}
                  {{--  var i = 0;--}}
                  {{--    var data = "";--}}
                  {{--    $.each(response.truckdata,function(index,value){--}}
                  {{--      i++;--}}
                  {{--          data += '<td><input id="tyre_nos"  name="truck_tyre_nos[]" type="text" value="'+value.serial_number+'" style="' + 'width: 90px;">{!! Form::select("truck_tyre_status[]", ["good"=>"Good","damage"=>"Damage"],null, ["id"=>"tyre_status","placeholder"=>"Select Status"]) !!}</td>';--}}
                  {{--   if (i % 3 == 0) {--}}
                  {{--       $('.truck_tyre_report').append('<tr>'+data+'</tr>');--}}
                  {{--       data = "";--}}
                  {{--   }--}}
                  {{--  });--}}
                  {{--}--}}
                  {{--else--}}
                  {{--{--}}
                  {{--  $('.truck_tyre_report').html('');--}}
                  {{--}--}}
                }
              });

              $.ajax({
                url: "{{URL::to('store/workshop_breakdown/gettrailertyredata')}}",
                type: 'POST',
                dataType: 'json',
                data: {'registration_number': response.data.trailer, '_token': '{{csrf_token()}}'},
                success: function (data) {
                    console.log(data);
                    $('.trailer_tyre_report').html(data.tyre);
                {{--if(response.trailerdata !='')--}}
                  {{--{--}}
                  {{--  $('.trailer_tyre_report').html('');--}}
                  {{--  var i = 0;--}}
                  {{--  var data = "";--}}
                  {{--  $.each(response.trailerdata,function(index,value){--}}
                  {{--      i++;--}}
                  {{--      data += '<td><input id="tyre_nos"  name="trailer_tyre_nos[]" type="text" value="'+value.serial_number+'"  style="' + 'width: 90px;">{!! Form::select("trailer_tyre_status[]", ["good"=>"Good","damage"=>"Damage"],null, ["id"=>"tyre_status","placeholder"=>"Select Status"]) !!}</td>';--}}
                  {{--   if (i % 3 == 0) {--}}
                  {{--       $('.trailer_tyre_report').append('<tr>'+data+'</tr>');--}}
                  {{--       data = "";--}}
                  {{--   }--}}
                  {{--  });--}}
                  {{--}--}}
                  {{--else--}}
                  {{--{--}}
                  {{--  $('.trailer_tyre_report').html(''); --}}
                  {{--}--}}
                  
                }
              });
               
            }
          });

          $.ajax({
            url: "{{URL::to('store/workshop_breakdown/getDefectdata')}}",
            type: 'POST',
            dataType: 'json',
            data: {'trip_number': tn, '_token': '{{csrf_token()}}'},
            success: function (response) {  
             if(response.data !='')
             {
                var truck_defect = [];
                var trailer_defect = [];
                $.each(response.data,function(index,value){
                  truck_defect.push(value.truck_report);
                  trailer_defect.push(value.trailer_report);
               });

               $('.truck_defect_report').text(truck_defect);
               $('.trailer_defect_report').text(trailer_defect);
             }
                if (response.report != ''){
                    $('.trailer_defect').html('');
                    $('.truck_defect').html('');
                    var str = '<option value="">Select code</option>';
                    $.each(response.issue, function(index,value){
                        str += '<option value="'+value.code+'">'+value.code+' - '+value.issue+'</option>';
                    })
                    $.each(response.report,function (index,value){
                        $('.trailer_defect').append('<tr><td><input id="trailer_nos"  name="trailer_defect_report['+index+']" type="text" value="'+value.trailer_report+'"  style="' + 'width: 256px !important;"></td><td><select class="" name="trailer_defect_code['+index+']" style="width: 70%;">'+str+'</select></td><td style="width: 20%;"><input type="radio" name="trailer_defect_status['+index+']" value="1">&nbsp;'+"Yes"+'&nbsp;&nbsp;<input type="radio" name="trailer_defect_status['+index+']" value="0">&nbsp;'+"No"+'</td></tr>');
                        $('.truck_defect').append('<tr><td><input id="truck_nos"  name="truck_defect_report['+index+']" type="text" value="'+value.truck_report+'"  style="' + 'width: 256px !important;"></td><td><select class="" name="truck_defect_code['+index+']" style="width: 70%;">'+str+'</select></td><td style="width:20%;"><input type="radio" name="truck_defect_status['+index+']" value="1">&nbsp;'+"Yes"+'&nbsp;&nbsp;<input type="radio" name="truck_defect_status['+index+']" value="0">&nbsp;'+"No"+'</td></tr>');
                    });
                } else {
                    $('.trailer_defect').html('');
                    $('.truck_defect').html('');
                }
            }
          });
      }
      else
      {
        $('#truck').val('');
        $('#trailer').val('');
        $('#truck_driver').val('');
        $('#trailer_driver').val('');
        $('.truck_defect_report').text('');
        $('.trailer_defect_report').text('');
      }

      var other = $('#registration_number').val();
      if (other != '' && other != undefined){
          $.ajax({
              url: "{{URL::to('store/workshop_breakdown/getTyreData')}}",
              type: 'POST',
              dataType: 'json',
              data: {'registration_number': other, '_token': '{{csrf_token()}}'},
              success: function (data) {
                  console.log(data.close)
                  $('.other_tyre_report').html(data.close);

                  {{--if(response.trailerdata !='')--}}
                  {{--{--}}
                  {{--    $('.other_tyre_report').html('');--}}
                  {{--    var i = 0;--}}
                  {{--    var data = "";--}}
                  {{--    $.each(response.trailerdata,function(index,value){--}}
                  {{--        i++;--}}
                  {{--        data += '<td><input id="tyre_nos"  name="other_tyre_nos[]" type="text" value="'+value.serial_number+'"  style="' + 'width: 90px;">{!! Form::select("other_tyre_status[]", ["good"=>"Good","damage"=>"Damage"],null, ["id"=>"tyre_status","placeholder"=>"Select Status"]) !!}</td>';--}}
                  {{--        if (i % 3 == 0) {--}}
                  {{--            $('.other_tyre_report').append('<tr>'+data+'</tr>');--}}
                  {{--            data = "";--}}
                  {{--        }--}}
                  {{--    });--}}
                  {{--}--}}
                  {{--else--}}
                  {{--{--}}
                  {{--    $('.other_tyre_report').html('');--}}
                  {{--}--}}

              }
          });
          $.ajax({
              url: "{{URL::to('store/workshop_breakdown/getOtherPreventative')}}",
              type: 'POST',
              dataType: 'json',
              data: {'registration_number': other, '_token': '{{csrf_token()}}'},
              success: function (response) {

                  if(response.data !='')
                  {
                      $('.other_preventative').html('');
                      $.each(response.data,function(index,value){
                          {{--data += '<td><input id="tyre_nos"  name="trailer_tyre_nos[]" type="text" value="'+value.serial_number+'"  style="' + 'width: 90px;">{!! Form::select("trailer_tyre_status[]", ["good"=>"Good","damage"=>"Damage"],null, ["id"=>"tyre_status","placeholder"=>"Select Status"]) !!}</td>';--}}
                          if (value.change_date !== '0000-00-00' && value.change_date != '') {
                            $('.other_preventative').append('<tr><td><input type="text" name="other_check_change[]" value="'+value.check_change+'" class="form-control" readonly></td><input type="hidden" name="other_trigger[]" value="'+value.trigger+'" class="form-control trigger"><td><input type="text" name="other_frequency[]" value="'+value.frequency+'" class="form-control frequency" readonly></td><td>{!! Form::text('other_last_change[]', null, ['class' => 'form-control new_last_change','readonly']) !!}</td><td>{!! Form::text('other_next_change[]', null, ['class' => 'form-control new_next_change','readonly']) !!}</td> <td>{!! Form::text('other_change_date[]', null, ['class' => 'form-control datepicker2 new_change_date']) !!}</td><td><span id="dot" style="display:none;"></span></td></tr>');
                          } else {
                            $('.other_preventative').append('<tr><td><input type="text" name="other_check_change[]" value="'+value.check_change+'" class="form-control" readonly></td><input type="hidden" name="other_trigger[]" value="'+value.trigger+'" class="form-control trigger"><td><input type="text" name="other_frequency[]" value="'+value.frequency+'" class="form-control frequency" readonly></td><td>{!! Form::text('other_last_change[]', null, ['class' => 'form-control new_last_change','readonly']) !!}</td><td>{!! Form::text('other_next_change[]', null, ['class' => 'form-control new_next_change','readonly']) !!}</td> <td>{!! Form::text('other_change_date[]', null, ['class' => 'form-control datepicker2 new_change_date']) !!}</td><td><span id="dot" style="display:none;"></span></td></tr>');
                          }
                          $( ".datepicker2" ).datepicker({
                                dateFormat: 'yy-mm-dd'
                              });
                              $('#dot').addClass('dot')
                              $('.new_change_date').on('change',function(){
                                  var seletcedRow = $(this).parent().parent();
                                  $(seletcedRow).find('.new_last_change').attr('readonly', false);
                                  $(seletcedRow).find('.new_last_change').attr('required', true);
                                  $(seletcedRow).find('.new_next_change').attr('required', true);
                              });
                              $('.new_last_change').on('change',function(){
                                  var number = $(this).val();
                                  var numberReplace = parseInt(number.replace(/,/g, ""));
                                  $(this).val(numberReplace.toLocaleString());
                              });
                              $('.new_last_change').on('keyup',function(){
                                  var currentKm = $('#current_km').val();
                                  var servicedValue = $(this).val();
                                  var seletcedRow = $(this).parent().parent();
                                  var frequency = $(seletcedRow).find('.frequency').val();
                                  console.log(frequency);
                                  if(!isNaN(parseInt(servicedValue.replace(/,/g, ""))) && servicedValue != 0){
                                      // $(seletcedRow).find('.dot').addClass('show');
                                      var trigger = parseInt($(seletcedRow).find('.trigger').val())
                                      if(isNaN(trigger)){
                                          trigger = 2000;
                                      }
                                      var serviced_next = parseInt(servicedValue.replace(/,/g, "")) + parseInt(frequency.replace(/,/g, ""));
                                      if (serviced_next > parseInt(currentKm.replace(/,/g, ""))) {
                                        if(serviced_next - parseInt(currentKm.replace(/,/g, "")) > trigger){
                                          $(seletcedRow).find('.dot').css({'background-color':'green','display':'block'})
                                        }else{
                                            $(seletcedRow).find('.dot').css({'background-color':'red','display':'block'})
                                        }
                                      } else {
                                        if(parseInt(currentKm.replace(/,/g, "")) - serviced_next > trigger){
                                          $(seletcedRow).find('.dot').css({'background-color':'green','display':'block'})
                                        }else{
                                            $(seletcedRow).find('.dot').css({'background-color':'red','display':'block'})
                                        }
                                      }
                                      // if(serviced_next - parseInt(currentKm.replace(/,/g, "")) > trigger){
                                      //     $(seletcedRow).find('.dot').css({'background-color':'green','display':'block'})
                                      // }else{
                                      //     $(seletcedRow).find('.dot').css({'background-color':'red','display':'block'})
                                      // }
                                      $(seletcedRow).find('.new_next_change').val(serviced_next.toLocaleString());
                                  }else{
                                      $(seletcedRow).find('.new_next_change').val(0);
                                  }

                              });
                      });
                      $('.new_last_change').trigger('keyup');

                  }
                  else
                  {
                      $('.other_preventative').html('');
                  }

              }
          });


      } else {

          $('.other_tyre_report').html('');
          $('.other_preventative').html('');
      }

      console.log(other);

    });

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

    .selectboxit-container {
      display: none !important;

    }
  </style>
   <style type="text/css">
      .workshop-form {
        min-height: 100px;
      }
   </style>
@endsection