@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">
       
          <h1 class="heading">Workshop Breakdown <a href="{{ url('store/workshop-breakdown') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
           
          <div class="workshop-main">
            <h1>Workshop Breakdown</h1>
            <div class="workshop-form">
              

              <div class="form-group col-md-2 col-sm-2">
              	{!! Form::label('date', 'Date') !!}   
                {!! Form::text('date',$workshop_breakdown->date, ['id'=>'datepicker','class' => 'form-control calander-icon']) !!}
              </div>

              <div class="form-group col-md-1 col-sm-1">
            	 {!! Form::label('job_number', 'Job Number') !!} 
                {!! Form::text('job_number', $workshop_breakdown->job_number, ['class' => 'form-control']) !!}      
              </div>
              @if(!empty($workshop_breakdown->trip_number))
              <div class="form-group col-md-2 col-sm-2">
                {!! Form::label('trip_number', 'Trip Number') !!}
                {!! Form::text('trip_number', $workshop_breakdown->trip_number, ['class' => 'form-control']) !!}
              </div>
              @else
                <div class="form-group col-md-2 col-sm-2">
                  {!! Form::label('registration_number', 'Registration Number') !!}
                  {!! Form::text('registration_number', $workshop_breakdown->registration_number, ['class' => 'form-control']) !!}
                </div>
              @endif

               <div class="form-group col-md-1 col-sm-1">
               {!! Form::label('current_km', 'Current Km') !!}
               {!! Form::text('current_km', str_replace('.00', '',number_format($workshop_breakdown->current_km, 2, '.', ',')), ['class' => 'form-control']) !!}
              </div>

              <div class="form-group col-md-2 col-sm-2">
                  {!! Form::label('service_km', 'Service at KM') !!}
                  {!! 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') !!}
                {!! Form::text('mechanic', $workshop_breakdown->mechanic, ['class' => 'form-control']) !!}  
              </div>

              <div class="form-group col-md-2 col-sm-2">
                {!! Form::label('location', 'Location') !!}
                {!! Form::text('location', $workshop_breakdown->location, ['class' => 'form-control']) !!}  
              </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 class="">
              <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, ['class' => 'form-control','readonly'=>true]) !!}
	                  </td>
                    <td>
	                    {!! Form::text('truck_trip_number',$workshop_breakdown->trip_number,['class' =>'form-control','readonly'=>true]) !!}
                    </td>
                    <td>
	                    {!! Form::text('truck_driver', $truck_maintainance ? $truck_maintainance->driver : '', ['id'=>'truck_driver','class' => 'form-control']) !!}
                    </td>
                    <td>
	                    {!! Form::text('truck', $truck_maintainance ? $truck_maintainance->truck : '', ['id'=>'truck','class' => 'form-control']) !!}
                    </td>
                    <td>
	                    {!! Form::text('truck_status',$truck_maintainance ? $truck_maintainance->status : '', ['id'=>'truck_status','class' => 'form-control']) !!}   
                    </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>
                            <input id="trailer_code"  name="truck_defect_code[{{$key}}]" type="text" value="{{$truck->code}}"  style="' + 'width: 90px;">
                          </td>
                          <td>
                            <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 </th>                        
                          <th>Last Change(KM) </th>                         
                          <th>Next Change </th>                         
                          <th>Change Date</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach($truck_preventative as $trp)
                        <tr>
                          <td>{!! Form::text('truck_check_change',$trp->check_change, ['class' => 'form-control','readonly'=>true]) !!}</td>
                          <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']) !!}</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>
                    {!! Form::textarea('truck_workshop_report',$truck_preventative ? $truck_preventative[0]->workshop_report : '', ['class' => 'form-control inp_textarea']) !!}
                  </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, ['class' => 'form-control','readonly'=>true]) !!}
                    </td>
                    <td>
	                    {!! Form::text('trailer_trip_number',$workshop_breakdown->trip_number,['class'=>'form-control','readonly'=>true]) !!} 
                    </td>
                    <td>
	                    {!! Form::text('trailer_driver',$trailer_maintainance ? $trailer_maintainance->driver : '', ['class' => 'form-control']) !!}
                    </td>
                    <td>
	                    {!! Form::text('trailer',$trailer_maintainance ? $trailer_maintainance->trailer : '', ['class' => 'form-control']) !!}
                    </td>
                    <td>
	                    {!! Form::text('trailer_status',$trailer_maintainance ? $trailer_maintainance->status : '', ['class' => 'form-control']) !!}
                    </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>
                             <input id="trailer_code"  name="trailer_defect_code[{{$key}}]" type="text" value="{{$trailer->code}}"  style="' + 'width: 90px;">
                           </td>
                           <td>
                             <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>
          </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</th>                        
                      <th>Last Change(KM)</th>                         
                      <th>Next Change</th>                         
                      <th>Change Date</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($trailer_preventative as $tlp)
                    <tr>
                      <td>{!! Form::text('trailer_check_change',$tlp->check_change, ['class' => 'form-control','readonly'=>true]) !!}</td>
                      <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']) !!}</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>
                {!! Form::textarea('trailer_workshop_report', $trailer_preventative ? $trailer_preventative[0]->workshop_report : '', ['class' => 'form-control inp_textarea']) !!}
              </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 </th>
                      <th>Last Change(KM) </th>
                      <th>Next Change </th>
                      <th>Change Date</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>
                          <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>
                          <td>{!! Form::text('other_change_date[]', $trp->change_date, ['class' => 'form-control datepicker1']) !!}</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>
          </div>
          @endif


          <div class="form-group col-md-12 col-sm-12 submit-btn save">
	        <a href="{{ url('store/workshop-breakdown') }}" id="save_job">Back</a>
	      </div> 
      </div>
    </div>
   </section>
   <script type="text/javascript">
     var tn = $('#trip_number').val();
      if (tn != '') {
          $.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 (response) {
                  $('.truck_tyre_report').html(response.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 (response) {
                  $('.trailer_tyre_report').html(response.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('');
                $.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>-</td><td><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>-</td><td><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 != ''){
       $.ajax({
         url: "{{URL::to('store/workshop_breakdown/getTyreData')}}",
         type: 'POST',
         dataType: 'json',
         data: {'registration_number': other, '_token': '{{csrf_token()}}'},
         success: function (response) {
           $('.other_tyre_report').html(response.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>';--}}
               $('.other_preventative').append('<tr><td><input type="text" name="other_check_change[]" value="'+value.check_change+'" class="form-control" readonly></td><td><input type="text" name="other_frequency[]" value="'+value.frequency+'" class="form-control" readonly></td><td>{!! Form::text('other_last_change[]', null, ['class' => 'form-control']) !!}</td><td>{!! Form::text('other_next_change[]', null, ['class' => 'form-control']) !!}</td> <td>{!! Form::text('other_change_date[]', null, ['class' => 'form-control datepicker2']) !!}</td></tr>');
             });
           }
           else
           {
             $('.other_preventative').html('');
           }

         }
       });


     } else {

       $('.other_tyre_report').html('');
       $('.other_preventative').html('');
     }
     $(document).ready(function(){
       $('.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;
           }
           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('.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');
     })
   </script>
   <style type="text/css">
      .workshop-form {
        min-height: 100px;
      }
   </style>
@endsection