@extends('layouts.template')

@section('content')
	<section class="workshop-breakdown">
    <div class="container">
        <div class="row">
        {!! Form::open(['id'=>'breakdownform','class' => 'form-horizontal', '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 &nbsp;
                <input type="radio" name="breakdown" id="trip_spec" checked>&nbsp;Trip Specific
                <input type="radio" name="breakdown" id="other_equi">&nbsp;Other Equipment
            </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',$serial, ['class' => 'form-control']) !!}
                {!! $errors->first('job_number', '<p class="help-block">:message</p>') !!} 
  		        </div>

	            <div class="form-group col-md-2 col-sm-2" id="trip_part">
	              {!! 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','required']) !!}
                {!! $errors->first('trip_number', '<p class="help-block">:message</p>') !!} 
	            </div>
	            <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>

	            

	            <div class="form-group col-md-2 col-sm-1">
	            	{!! Form::label('current_km', 'Current Unit') !!}
                <span class="error"> * </span>
                {!! Form::text('current_km', null, ['class' => 'form-control']) !!}
                {!! $errors->first('current_km', '<p class="help-block">:message</p>') !!} 
	            </div>

               <div class="form-group col-md-2 col-sm-2">
                  {!! Form::label('service_km', 'Service at Unit') !!}
                  {!! Form::text('service_km',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="form-group col-md-12 col-sm-12 submit-btn">
	                <button type="button" id="create_job">Create job</button>
	            </div>
	            <div class="clearfix"></div>
          </div>
          </div>
        {!! Form::close() !!}

        {!! Form::open(['url' => '/store/workshop-breakdown/storeall','id'=>'workshopform','class' => 'form-horizontal', 'files' => true]) !!}
        <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', null, ['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', null, ['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', null, ['id'=>'truck_driver','class' => 'form-control']) !!}
	                    {!! $errors->first('driver', '<p class="help-block">:message</p>') !!} 
                    </td>
                    <td>
	                    {!! Form::text('truck', null, ['id'=>'truck','class' => 'form-control']) !!}
	                    {!! $errors->first('truck', '<p class="help-block">:message</p>') !!} 
                    </td>
                    <td>
	                    <select name="truck_status" style="display: none;">
                        <option value="">Select Status</option>
                        <option value="job_opened">Job Opened</option>
                        <option value="maintaining">Maintaining</option>
                        <option value="awaiting_part">Awaiting Part</option>
                        <option value="job_completed">Job Completed</option>
                      </select>
	                    {!! $errors->first('truck_status', '<p class="help-block">:message</p>') !!} 
                    </td>
                    <!-- <td>
                    	<div class="select" >
                           <select class="form-control arr" id="test">
                            <option>Job start</option>
                            <option>Awaiting parts</option>
                            <option>Job Completed</option>
                          </select> 
                        </div>
                    </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>
                          <tbody class="truck_defect">

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

        <div class="workshop-main preventative">
            <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($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 $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[]',$trp->frequency, ['class' => 'form-control frequency','readonly'=>true]) !!}</td>
			                    <td>{!! Form::text('truck_last_change[]', null, ['class' => 'form-control p1_last_change','readonly']) !!}</td>
			                    <td>{!! Form::text('truck_next_change[]', null, ['class' => 'form-control p1_next_change','readonly']) !!}</td>
			                    <td>{!! Form::text('truck_change_date[]', null, ['class' => 'form-control datepicker1 p1_change_date']) !!}</td>
                          <td><span class="{{(isset($trp->change_date) && $trp->change_date !== '0000-00-00' && $trp->change_date != null) ? 'show': 'hide'}}" id="dot1"></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', null, ['class' => 'form-control inp_textarea']) !!}
	                	{!! $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>
                    <table class="table">
                      <thead>
                        <tr>
                            <th>Tyre nos ( Status ) </th>
                            <th>Tyre nos ( Status ) </th>
                            <th>Tyre nos ( Status ) </th>
                        </tr>
                      </thead>
                      <tbody class="truck_tyre_report">

                      </tbody>
                    </table>
                  </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>
              <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', null, ['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', null, ['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', null, ['id'=>'trailer_driver','class' => 'form-control']) !!}
	                    {!! $errors->first('driver', '<p class="help-block">:message</p>') !!} 
                    </td>
                    <td>
	                    {!! Form::text('trailer', null, ['id'=>'trailer','class' => 'form-control']) !!}
	                    {!! $errors->first('trailer', '<p class="help-block">:message</p>') !!} 
                    </td>
                    <td>
	                    <select name="trailer_status" style="display: none;">
                        <option value="">Select Status</option>
                        <option value="job_opened">Job Opened</option>
                        <option value="maintaining">Maintaining</option>
                        <option value="awaiting_part">Awaiting Part</option>
                        <option value="job_completed">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>
                           <tbody class="trailer_defect">

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

        <div class="workshop-main preventative1">
          <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($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 $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[]',$tlp->frequency, ['class' => 'form-control frequency','readonly'=>true]) !!}</td>
	                    <td>{!! Form::text('trailer_last_change[]', null, ['class' => 'form-control p2_last_change','readonly']) !!}</td>
	                    <td>{!! Form::text('trailer_next_change[]', null, ['class' => 'form-control p2_next_change','readonly']) !!}</td>
	                    <td>{!! Form::text('trailer_change_date[]', null, ['class' => 'form-control datepicker1 p2_change_date']) !!}</td>
                      <td><span class="{{(isset($tlp->change_date) && $tlp->change_date !== '0000-00-00' && $tlp->change_date != null) ? 'show': 'hide'}}" id="dot2"></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', null, ['class' => 'form-control inp_textarea']) !!}
                {!! $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>
                    <table class="table">
                      <thead>
                        <tr>
                            <th>Tyre nos ( Status ) </th>
                            <th>Tyre nos ( Status ) </th>
                            <th>Tyre nos ( Status ) </th>
                        </tr>
                      </thead>
                      <tbody class="trailer_tyre_report">
                      </tbody>
                    </table> 
                  </div>
            </div>
            <div class="clearfix"></div>
          </div>
        </div>
         </div>
        </div>
        <div class="form-group col-md-12 col-sm-12 submit-btn save">
	        <button type="submit" id="save_job">Save</button>
	      </div>
        {!! Form::close() !!}
        {!! Form::open(['url' => '/store/workshop-breakdown/storeall','id'=>'otherform','class' => 'form-horizontal', 'files' => true]) !!}
            <input type="hidden" name="job_number" id="job_number_other">
            <input type="hidden" name="reg_number" id="reg_number_other">
            <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>Serviced @ </th>
                                    <th>Serviced @ Next </th>
                                    <th>Change Date</th>
                                    <th></th>
                                </tr>
                                </thead>
                                    <tbody class="other_preventative">

                                    </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="defects-area">
                        <div class="form-group">
                            <label for="Delivery Address">Workshop report</label>
                            {!! Form::textarea('other_workshop_report', null, ['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>
                                    <tbody class="other_tyre_report">
                                    </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>


            <div class="form-group col-md-12 col-sm-12 submit-btn submit">
                <button type="submit" id="other_job">Save</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(){

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

          $( ".datepicker1" ).datepicker({
             dateFormat: 'yy-mm-dd' 
          });
            $( ".datepicker2" ).datepicker({
                dateFormat: 'yy-mm-dd'
            });
            var startDate = '2025-01-10';
            $("#datepicker").val(startDate);
            $('#other_part').hide();
            $('#trip_spec').click(function (){
                $('#other_part').hide();
                var item_category = $("select#registration_number").selectBoxIt().data("selectBoxIt");
                $("#registration_number").val($("#registration_number option:first").val());
                item_category.refresh();
                $('#trip_number').prop('required',true);
                $('#registration_number').removeAttr('required')
                $('#trip_part').show();
                var a = '{{$serial}}';
                $('#job_number').val(a);
            });
            $('#other_equi').click(function (){
                $('#other_part').show();
                $('#trip_part').hide();
                var trip = $("select#trip_number").selectBoxIt().data("selectBoxIt");
                $("#trip_number").val($("#trip_number option:first").val());
                trip.refresh();
                $('#registration_number').prop('required',true);
                $('#trip_number').removeAttr('required')
                var a = '{{$other}}';
                $('#job_number').val(a);
            });


        	$('.truck').hide();
        	$('.trailer').hide();
        	$('.preventative').hide();
        	$('.preventative1').hide();
        	$('.save').hide();
        	$('.otherpreventative').hide();
        	$('.submit').hide();

          $('.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();
           $('#dot1').addClass('dot');
            $('#dot1').css({'height': '20px','width': '20px','background-color': 'red','margin-left': '5px','margin-right': '5px','border-radius': '50%','display': 'inline-block','border': '4px solid black'});
           if(!isNaN(parseInt(servicedValue.replace(/,/g, ""))) && servicedValue != 0){
               $(seletcedRow).find('.dot').removeClass('hide').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();
            $('#dot2').addClass('dot');
            $('#dot2').css({'height': '20px','width': '20px','background-color': 'red','margin-left': '5px','margin-right': '5px','border-radius': '50%','display': 'inline-block','border': '4px solid black'});
            if(!isNaN(parseInt(servicedValue.replace(/,/g, ""))) && servicedValue != 0){
                $(seletcedRow).find('.dot').removeClass('hide').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, ""))) {
                  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,
                    },
                    'mechanic': {
                       required: true,
                    },
                    'current_km': {
                       required: true,
                    },
                    'location': {
                        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",
                    },
                    'registration_number': {
                       required: "The Registration Number 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 ",
                    }
                },
                focusInvalid: false,
                invalidHandler: function(form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

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

            $('#create_job').on('click', function() {
			    if($("#breakdownform").valid()){
                    var getValue = $('input[name=breakdown]:checked').attr('id');

                    var date = $('#datepicker').val();
			    	var job_number = $('#job_number').val();
                    var trip_number = $('#trip_number').val();
                    var registration_number = $('#registration_number').val();
			    	var mechanic = $('#mechanic').val();
			    	var km = $('#current_km').val();
            var location = $('#location').val();
            var service_km = $('#service_km').val();

			    	$.ajax({
                        url: "{{URL::to('store/workshop-breakdown/store')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {'date': date,'job_number':job_number,'trip_number':trip_number,'registration_number':registration_number,'mechanic':mechanic,'current_km':km ,'service_km':service_km,'location':location,'_token': '{{csrf_token()}}'},
                        success: function (response) {
                        	if(response){
                        		alert('Job Created');
                        		if (getValue == 'trip_spec') {
                                    $('.truck').show();
                                    $('.trailer').show();
                                    $('.preventative').show();
                                    $('.preventative1').show();
                                    $('.save').show();
                                    $("#datepicker").prop('disabled', true);
                                    $("#job_number").prop('disabled', true);
                                    $("#trip_number").prop('disabled', true);
                                    $("#mechanic").prop('disabled', true);
                                    $("#current_km").prop('disabled', true);
                                    $("#create_job").prop('disabled', true);
                                    $('#create_job').css('color', 'grey');
                                    $('#truck_job_number').val(job_number);
                                    $('#trailer_job_number').val(job_number);
                                    $('#truck_trip_number').val(trip_number);
                                    $('#trailer_trip_number').val(trip_number);
                                    $('#trip_spec').prop('disabled', true);
                                    $('#other_equi').prop('disabled', true);
                                } else {
                        		    $('.otherpreventative').show();
                                    $('.submit').show();
                                    $("#datepicker").prop('disabled', true);
                                    $("#job_number").prop('disabled', true);
                                    $("#trip_number").prop('disabled', true);
                                    $("#mechanic").prop('disabled', true);
                                    $("#current_km").prop('disabled', true);
                                    $("#create_job").prop('disabled', true);
                                    $('#create_job').css('color', 'grey');
                                    $('#trip_spec').prop('disabled', true);
                                    $('#other_equi').prop('disabled', true);
                                    $('#registration_number').prop('disabled', true);
                                    $('#job_number_other').val(job_number);
                                    $('#reg_number_other').val(registration_number);
                                }
                        	}
                        }
                    });
			    }
			});

            $('#workshopform').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: {
                    '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: {
                    '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);
                }
            }); 
        });

        $('#trip_number').change(function(){
        var trip_number = $(this).val();
        console.log(trip_number);
        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': 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) {
                    $('.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': trip_number, '_token': '{{csrf_token()}}'},
            success: function (response) {  
             var truck_defect = [];
             var trailer_defect = [];
             $.each(response.data,function(index,value){

              truck_defect.push(value.truck_report);
              trailer_defect.push(value.trailer_report);
                
             });
                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('');
                }


             $('.truck_defect_report').text(truck_defect);
             $('.trailer_defect_report').text(trailer_defect);
               
            }
          });

        }
        else
        {
          $('#truck').val('');
          $('#trailer').val('');
          $('#truck_driver').val('');
          $('#trailer_driver').val('');
          $('.truck_defect_report').text('');
          $('.trailer_defect_report').text('');
        }
      });

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

            if (trip_number != ''){
                $.ajax({
                    url: "{{URL::to('store/workshop_breakdown/getTyreData')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {'registration_number': trip_number, '_token': '{{csrf_token()}}'},
                    success: function (data) {
                        $('.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': trip_number, '_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');
                                    $('#dot').css({'height': '20px','width': '20px','background-color': 'red','margin-left': '5px','margin-right': '5px','border-radius': '50%','display': 'inline-block','border': '4px solid black'})
                                    $('.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('');
            }
        });

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

    .selectboxit-container {
      display: none !important;

    }
  </style>
@endsection