@extends('layouts.app')

@section('content')

<!-- show all validation errors -->
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

    
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Trailer Service</div>

                <div class="card-body  p-3">
                    <form id="serviceForm" class="form" action="{{ route('services.update', ['id' => $service->id]) }}" method="POST">
                        @csrf

                        <!-- add the service id as a hidden input -->
                        <input id="serviceId" type="hidden" name="id" value="{{ $service->id }}">
                        <input id="customerId" type="hidden" name="customer_id" value="{{ $service->customer->id }}">

                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="service_date">Service Date</label>
                                <input type="date" id="service_date" name="service_date" class="form-control @error('service_date') is-invalid @enderror" value="{{ old('service_date', $service->service_date) }}">
                                @error('service_date')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="form-group col-md-6">
                                <label for="service_time">Service Time</label>
                                <input type="time" id="service_time" name="service_time" class="form-control @error('service_time') is-invalid @enderror" value="{{ old('service_time',$service->service_time) }}">
                                @error('service_time')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="inspector">Inspector</label>
                            <select id="inspector" name="user_id" class="form-control">
                                @foreach ($users as $user)
                                <option value="{{ $user->id }}" {{ (old('user_id') ?? $service->user_id) == $user->id ? 'selected' : '' }}>{{ $user->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <hr class="mb-4">
                        <!-- Trailer Details section -->
                        <h3>Trailer Details</h3>

                        <div class="form-group">
                            <label for="trailer">Select a Trailer</label>
                            <select id="trailerId" name="trailer_id" class="form-control">
                                <option value="">New Trailer</option>
                                @foreach ($trailers as $trailer)
                                <option value="{{ $trailer->id }}" {{ (old('trailer_id') ?? $service->trailer_id) == $trailer->id ? 'selected' : '' }}>{{ $trailer->vin }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div id="trailerForm" class=mt-2>
                            <div class="form-group">
                                <label for="vin">VIN Number</label>
                                <input type="text" id="vin" name="vin" value="{{ old('vin', $service->trailer ? $service->trailer->vin : '') }}" class="form-control @error('vin') is-invalid @enderror">
                                @error('vin')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="manufacturer">Manufacturer</label>
                                <input type="text" id="manufacturer" name="manufacturer" value="{{ old('manufacturer', $service->trailer ? $service->trailer->manufacturer : '') }}" class="form-control @error('manufacturer') is-invalid @enderror">
                                @error('manufacturer')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="model">Model</label>
                                <input type="text" id="model" name="model" value="{{ old('model', $service->trailer ? $service->trailer->model : '') }}" class="form-control @error('model') is-invalid @enderror">
                                @error('model')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="year">Year</label>
                                <input type="text" id="year" name="year" value="{{ old('year', $service->trailer ? $service->trailer->year : '') }}" class="form-control @error('year') is-invalid @enderror">
                                @error('year')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>


                            <div class="form-group">
                                <label for="notes">Notes</label>
                                <textarea id="notes" name="notes" class="form-control">{{ old('notes', $service->trailer ? $service->trailer->notes : '') }}</textarea>
                            </div>

                            <!-- add a button to save the trailer -->
                            <div class="d-flex align-items-center gap-3 mt-2">
                                <button type="button" class="btn btn-primary" id="saveTrailer" @if(!empty($service->trailer_id)) style="display:none" @endif>Add Trailer</button>
                                <button type="button" class="btn btn-primary" id="updateTrailer" @if(empty($service->trailer_id)) style="display:none" @endif>Save Trailer</button>
                                <div id="trailer-error" class="text-danger">
                                </div>
                            </div>

                        </div>

                        <div id="trailerDetails">

                        </div>

                        <hr class="mb-4">
                        <h3>Marker Lights and Reflectors</h3>

                        <div class="form-group">
                            <label for="lights">Lights</label>
                            <select id="lights" name="lights" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('lights', @$inspection->lights) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('lights', @$inspection->lights) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('lights', @$inspection->lights) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('lights', @$inspection->lights) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('lights')
                                <span class="invalid-feedback d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                        <div class="form-group mt-2">
                            <label for="reflectors">Reflectors</label>
                            <select id="reflectors" name="reflectors" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('reflectors', @$inspection->reflectors) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('reflectors', @$inspection->reflectors) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('reflectors', @$inspection->reflectors) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('reflectors', @$inspection->reflectors) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('reflectors')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_reflectors_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="reflectors_comment_section" class="form-group d-none">
                            <label for="reflectors_comment">Comment</label>
                            <textarea id="reflectors_comment" name="reflectors_comment" class="form-control">{{ old('reflectors_comment', @$inspection->reflectors_comment) }}</textarea>
                        </div>
                        <hr class="mb-4">
                        <!-- Electrics section -->
                        <h3>Electrics</h3>

                        <div class="form-group">
                            <label for="hook_up">Electrics Hook-up</label>
                            <select id="hook_up" name="hook_up" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('hook_up', @$inspection->hook_up) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('hook_up', @$inspection->hook_up) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('hook_up', @$inspection->hook_up) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('hook_up', @$inspection->hook_up) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('hook_up')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <label for="cable_condition">Electric Cable and Junction Box Condition</label>
                            <select id="cable_condition" name="cable_condition" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('cable_condition', @$inspection->cable_condition) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('cable_condition', @$inspection->cable_condition) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('cable_condition', @$inspection->cable_condition) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('cable_condition', @$inspection->cable_condition) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('cable_condition')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group  mt-2">
                            <button id="add_electrics_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="electrics_comment_section" class="form-group d-none">
                            <label for="electrics_comment">Comment</label>
                            <textarea id="electrics_comment" name="electrics_comment" class="form-control">{{ old('electrics_comment', @$inspection->electrics_comment) }}</textarea>
                        </div>

                        <hr class="mb-4">
                        <h3>Tyres</h3>


                        <!-- Tyres will be added here -->
                        <div class="accordion" id="tyres">
                            @if(isset($inspection->tyres))
                            @foreach($inspection->tyres as $tyreId => $tyre)
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="heading{{ $tyreId }}">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $tyreId }}" aria-expanded="false" aria-controls="collapse{{ $tyreId }}">
                                        Tyre&nbsp;<span class="tyre-number"></span>
                                    </button>
                                </h2>
                                <div id="collapse{{ $tyreId }}" class="accordion-collapse collapse" aria-labelledby="heading{{ $tyreId }}" data-bs-parent="#tyres">
                                    <div class="accordion-body">
                                        <div class="card-body">
                                            <div class="form-group">
                                                <label for="tyreCheck{{ $tyreId }}">Inspection</label>
                                                <select id="tyreCheck{{ $tyreId }}" name="tyres[{{ $tyreId }}][check]" class="form-control">
                                                    <option value="pass" @if($tyre->check == 'pass') selected @endif>Pass</option>
                                                    <option value="fail" @if($tyre->check == 'fail') selected @endif>Fail</option>
                                                    <option value="advisory" @if($tyre->check == 'advisory') selected @endif>Advisory</option>
                                                    <option value="na" @if($tyre->check == 'na') selected @endif>N/A</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label for="tyreSize{{ $tyreId }}">Size</label>
                                                <input type="text" id="tyreSize{{ $tyreId }}" name="tyres[{{ $tyreId }}][size]" class="form-control" value="{{ $tyre->size }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="dateOfManufacture{{ $tyreId }}">Date of Manufacture</label>
                                                <input type="text" id="dateOfManufacture{{ $tyreId }}" name="tyres[{{ $tyreId }}][dateOfManufacture]" class="form-control" value="{{ $tyre->dateOfManufacture }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="loadRating{{ $tyreId }}">Load Rating</label>
                                                <input type="text" id="loadRating{{ $tyreId }}" name="tyres[{{ $tyreId }}][loadRating]" class="form-control" value="{{ $tyre->loadRating }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="numberOfPlys{{ $tyreId }}">Number of Plys</label>
                                                <input type="number" id="numberOfPlys{{ $tyreId }}" name="tyres[{{ $tyreId }}][numberOfPlys]" class="form-control" value="{{ $tyre->numberOfPlys }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            @endif
                        </div>
                        <div class="accordion" id="spareTyres">

                        </div>



                        <button type="button" class="btn btn-primary mt-2" id="addTyre">Add Tyre</button>
                        <button type="button" class="btn btn-primary mt-2" id="addSpareTyre">Add Spare Tyre</button>


                        <hr class="mb-4">
                        <h3>Wheels</h3>
                        <div class="accordion" id="wheels">
                            @if(isset($inspection->tyres))
                            @foreach($inspection->wheels as $wheelId => $wheel)
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="heading{{ $wheelId }}">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $wheelId }}" aria-expanded="false" aria-controls="collapse{{ $wheelId }}">
                                        Wheel&nbsp;<span class="wheel-number"></span>
                                    </button>
                                </h2>
                                <div id="collapse{{ $wheelId }}" class="accordion-collapse collapse" aria-labelledby="heading{{ $wheelId }}" data-bs-parent="#wheels">
                                    <div class="accordion-body">
                                        <div class="card-body">
                                            <div class="form-group">
                                                <label for="wheelCheck{{ $wheelId }}">Inspection</label>
                                                <select id="wheelCheck{{ $wheelId }}" name="wheels[{{ $wheelId }}][check]" class="form-control">
                                                    <option value="pass" @if($wheel->check == 'pass') selected @endif>Pass</option>
                                                    <option value="fail" @if($wheel->check == 'fail') selected @endif>Fail</option>
                                                    <option value="advisory" @if($wheel->check == 'advisory') selected @endif>Advisory</option>
                                                    <option value="na" @if($wheel->check == 'na') selected @endif>N/A</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label for="rimDiameter{{ $wheelId }}">Rim Diameter</label>
                                                <input type="text" id="rimDiameter{{ $wheelId }}" name="wheels[{{ $wheelId }}][rimDiameter]" class="form-control" value="{{ $wheel->rimDiameter }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="pcd{{ $wheelId }}">PCD</label>
                                                <input type="text" id="pcd{{ $wheelId }}" name="wheels[{{ $wheelId }}][pcd]" class="form-control" value="{{ $wheel->pcd }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="studs{{ $wheelId }}">Studs</label>
                                                <input type="text" id="studs{{ $wheelId }}" name="wheels[{{ $wheelId }}][studs]" class="form-control" value="{{ $wheel->studs }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="offset{{ $wheelId }}">Offset</label>
                                                <input type="text" id="offset{{ $wheelId }}" name="wheels[{{ $wheelId }}][offset]" class="form-control" value="{{ $wheel->offset }}">
                                            </div>
                                            <div class="form-group">
                                                <label for="wheelNutTorqueMarkerFitted{{ $wheelId }}">Wheel Nut Torque Marker Fitted</label>
                                                <select id="wheelNutTorqueMarkerFitted{{ $wheelId }}" name="wheels[{{ $wheelId }}][wheelNutTorqueMarkerFitted]" class="form-control">
                                                    <option value="yes" @if($wheel->wheelNutTorqueMarkerFitted == 'yes') selected @endif>Yes</option>
                                                    <option value="no" @if($wheel->wheelNutTorqueMarkerFitted == 'no') selected @endif>No</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            @endif
                        </div>
                        <button type="button" class="btn btn-primary mt-2" id="addWheel">Add Wheel</button>
                        <hr class="mb-4">


                        <!-- brakes -->
                        <div class="form-group mt-4">
                            <label for="break_cable_condition">Break Cable</label>
                            <select id="break_cable_condition" name="break_cable_condition" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('break_cable_condition', @$inspection->break_cable_condition) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('break_cable_condition', @$inspection->break_cable_condition) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('break_cable_condition', @$inspection->break_cable_condition) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('break_cable_condition', @$inspection->break_cable_condition) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('break_cable_condition')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_break_cable_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="break_cable_comment_section" class="form-group d-none">
                            <label for="break_cable_comment">Comment</label>
                            <textarea id="break_cable_comment" name="break_cable_comment" class="form-control">{{ old('breakaway_cable_comment', @$inspection->breakaway_cable_comment) }}</textarea>
                        </div>

                        <div class="form-group mt-4">
                            <label for="hand_break_condition">Hand Break</label>
                            <select id="hand_break_condition" name="hand_break_condition" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('hand_break_condition', @$inspection->hand_break_condition) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('hand_break_condition', @$inspection->hand_break_condition) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('hand_break_condition', @$inspection->hand_break_condition) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('hand_break_condition', @$inspection->hand_break_condition) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('hand_break_condition')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_hand_break_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="hand_break_comment_section" class="form-group d-none">
                            <label for="hand_break_comment">Comment</label>
                            <textarea id="hand_break_comment" name="hand_break_comment" class="form-control">{{ old('breakaway_cable_comment', @$inspection->breakaway_cable_comment) }}</textarea>
                        </div>


                        <div class="form-group mt-4">
                            <label for="breakaway_cable_condition">Breakaway Cable</label>
                            <select id="breakaway_cable_condition" name="breakaway_cable_condition" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('breakaway_cable_condition', @$inspection->breakaway_cable_condition) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('breakaway_cable_condition', @$inspection->breakaway_cable_condition) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('breakaway_cable_condition', @$inspection->breakaway_cable_condition) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('breakaway_cable_condition', @$inspection->breakaway_cable_condition) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('breakaway_cable_condition')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_breakaway_cable_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="breakaway_cable_comment_section" class="form-group d-none">
                            <label for="breakaway_cable_comment">Comment</label>
                            <textarea id="breakaway_cable_comment" name="breakaway_cable_comment" class="form-control"></textarea>
                        </div>

                        <div class="form-group mt-4">
                            <label for="secondary_coupling_cable_condition">Secondary Coupling Cable</label>
                            <select id="secondary_coupling_cable_condition" name="secondary_coupling_cable_condition" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('secondary_coupling_cable_condition', @$inspection->secondary_coupling_cable_condition) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('secondary_coupling_cable_condition', @$inspection->secondary_coupling_cable_condition) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('secondary_coupling_cable_condition', @$inspection->secondary_coupling_cable_condition) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('secondary_coupling_cable_condition', @$inspection->secondary_coupling_cable_condition) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('secondary_coupling_cable_condition')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        <div class="form-group mt-2">
                            <button id="add_secondary_coupling_cable_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="secondary_coupling_cable_comment_section" class="form-group d-none">
                            <label for="secondary_coupling_cable_comment">Comment</label>
                            <textarea id="secondary_coupling_cable_comment" name="secondary_coupling_cable_comment" class="form-control"></textarea>
                        </div>

                        <hr class="mb-4">


                        <h3>Jockey Wheels</h3>
                        <div class="form-group mt-4">
                            <label for="jockey_wheels_visual_inspection">Jockey Wheels Visual Inspection</label>
                            <select id="jockey_wheels_visual_inspection" name="jockey_wheels_visual_inspection" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('jockey_wheels_visual_inspection', @$inspection->jockey_wheels_visual_inspection) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('jockey_wheels_visual_inspection', @$inspection->jockey_wheels_visual_inspection) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('jockey_wheels_visual_inspection', @$inspection->jockey_wheels_visual_inspection) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('jockey_wheels_visual_inspection', @$inspection->jockey_wheels_visual_inspection) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('jockey_wheels_visual_inspection')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        <div class="form-group">
                            <label for="jockey_wheels_style">Style</label>
                            <input type="text" id="jockey_wheels_style" name="jockey_wheels_style" class="form-control" value="{{ old('jockey_wheels_style', @$inspection->jockey_wheels_style) }}">
                        </div>

                        <div class="form-group">
                            <label for="jockey_wheels_diameter">Diameter</label>
                            <input type="text" id="jockey_wheels_diameter" name="jockey_wheels_diameter" class="form-control" value="{{ old('jockey_wheels_diameter', @$inspection->jockey_wheels_diameter) }}">
                        </div>

                        <div class="form-group">
                            <label for="jockey_wheels_wheel_type">Wheel Type</label>
                            <input type="text" id="jockey_wheels_wheel_type" name="jockey_wheels_wheel_type" class="form-control" value="{{ old('jockey_wheels_wheel_type', @$inspection->jockey_wheels_wheel_type) }}">
                        </div>

                        <div class="form-group">
                            <label for="jockey_wheels_size">Size</label>
                            <input type="text" id="jockey_wheels_size" name="jockey_wheels_size" class="form-control" value="{{ old('jockey_wheels_size', @$inspection->jockey_wheels_size) }}">
                        </div>

                        <div class="form-group mt-2">
                            <button id="add_jockey_wheels_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>


                        <div id="jockey_wheels_comment_section" class="form-group d-none">
                            <label for="jockey_wheels_comment">Comment</label>
                            <textarea id="jockey_wheels_comment" name="jockey_wheels_comment" class="form-control"></textarea>
                        </div>

                        <hr class="mb-4">
                        <!-- Drop Down Legs Stabilisers -->
                        <div class="form-group mt-4">
                            <label for="legs_stabilisers_visual_inspection">Drop Down Legs Stabilisers Visual Inspection</label>
                            <select id="legs_stabilisers_visual_inspection" name="legs_stabilisers_visual_inspection" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('legs_stabilisers_visual_inspection', @$inspection->legs_stabilisers_visual_inspection) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('legs_stabilisers_visual_inspection', @$inspection->legs_stabilisers_visual_inspection) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('legs_stabilisers_visual_inspection', @$inspection->legs_stabilisers_visual_inspection) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('legs_stabilisers_visual_inspection', @$inspection->legs_stabilisers_visual_inspection) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('legs_stabilisers_visual_inspection')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_legs_stabilisers_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="legs_stabilisers_comment_section" class="form-group d-none">
                            <label for="legs_stabilisers_comment">Comment</label>
                            <textarea id="legs_stabilisers_comment" name="legs_stabilisers_comment" class="form-control"></textarea>
                        </div>

                        <!-- Coupling -->
                        <div class="form-group mt-4">
                            <label for="coupling_visual_inspection">Coupling Visual Inspection</label>
                            <select id="coupling_visual_inspection" name="coupling_visual_inspection" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('coupling_visual_inspection', @$inspection->coupling_visual_inspection) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('coupling_visual_inspection', @$inspection->coupling_visual_inspection) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('coupling_visual_inspection', @$inspection->coupling_visual_inspection) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('coupling_visual_inspection', @$inspection->coupling_visual_inspection) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('coupling_visual_inspection')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror


                        <div class="form-group mt-2">
                            <button id="add_coupling_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="coupling_comment_section" class="form-group d-none">
                            <label for="coupling_comment">Comment</label>
                            <textarea id="coupling_comment" name="coupling_comment" class="form-control"></textarea>
                        </div>


                        <!-- wheel bearing Condition -->
                        <div class="form-group mt-4">
                            <label for="wheel_bearing_visual_inspection">Wheel Bearing Visual Inspection</label>
                            <select id="wheel_bearing_visual_inspection" name="wheel_bearing_visual_inspection" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('wheel_bearing_visual_inspection', @$inspection->wheel_bearing_visual_inspection) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('wheel_bearing_visual_inspection', @$inspection->wheel_bearing_visual_inspection) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('wheel_bearing_visual_inspection', @$inspection->wheel_bearing_visual_inspection) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('wheel_bearing_visual_inspection', @$inspection->wheel_bearing_visual_inspection) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('wheel_bearing_visual_inspection')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_wheel_bearing_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="wheel_bearing_comment_section" class="form-group d-none">
                            <label for="wheel_bearing_comment">Comment</label>
                            <textarea id="wheel_bearing_comment" name="wheel_bearing_comment" class="form-control">@if(isset($inspection)){{ @$inspection->chassis_condition_comment }}@endif</textarea>
                        </div>


                        <!-- Chassis Condition -->
                        <div class="form-group mt-4">
                            <label for="chassis_condition_visual_inspection">Chassis Condition Visual Inspection</label>
                            <select id="chassis_condition_visual_inspection" name="chassis_condition_visual_inspection" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('chassis_condition_visual_inspection', @$inspection->chassis_condition_visual_inspection) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('chassis_condition_visual_inspection', @$inspection->chassis_condition_visual_inspection) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('chassis_condition_visual_inspection', @$inspection->chassis_condition_visual_inspection) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('chassis_condition_visual_inspection', @$inspection->chassis_condition_visual_inspection) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('chassis_condition_visual_inspection')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_chassis_condition_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="chassis_condition_comment_section" class="form-group d-none">
                            <label for="chassis_condition_comment">Comment</label>
                            <textarea id="chassis_condition_comment" name="chassis_condition_comment" class="form-control">@if(isset($inspection)){{ @$inspection->chassis_condition_comment }}@endif</textarea>
                        </div>

                        <!-- Trailer Suspension -->
                        <div class="form-group mt-4">
                            <label for="trailer_suspension_visual_inspection">Trailer Suspension Visual Inspection</label>
                            <select id="trailer_suspension_visual_inspection" name="trailer_suspension_visual_inspection" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('trailer_suspension_visual_inspection', @$inspection->trailer_suspension_visual_inspection) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('trailer_suspension_visual_inspection', @$inspection->trailer_suspension_visual_inspection) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('trailer_suspension_visual_inspection', @$inspection->trailer_suspension_visual_inspection) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('trailer_suspension_visual_inspection', @$inspection->trailer_suspension_visual_inspection) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('trailer_suspension_visual_inspection')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_trailer_suspension_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="add_trailer_suspension_section" class="form-group d-none">
                            <label for="trailer_suspension_comment">Comment</label>
                            <textarea id="trailer_suspension_comment" name="trailer_suspension_comment" class="form-control"></textarea>
                        </div>

                        <!-- Trailer Body Condition -->
                        <div class="form-group mt-4">
                            <label for="general_condition_of_body">General Condition of Trailer Body</label>
                            <select id="general_condition_of_body" name="general_condition_of_body" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('general_condition_of_body', @$inspection->general_condition_of_body) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('general_condition_of_body', @$inspection->general_condition_of_body) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('general_condition_of_body', @$inspection->general_condition_of_body) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('general_condition_of_body', @$inspection->general_condition_of_body) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('general_condition_of_body')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_trailer_body_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="add_trailer_body_comment_section" class="form-group d-none">
                            <label for="trailer_body_comment">Comment</label>
                            <textarea id="trailer_body_comment" name="trailer_body_comment" class="form-control"></textarea>
                        </div>

                        <!-- Trailer Floor Condition -->
                        <div class="form-group mt-4">
                            <label for="general_condition_of_floor">General Condition of Trailer Floor</label>
                            <select id="general_condition_of_floor" name="general_condition_of_floor" class="form-control @error('general_condition_of_floor') is-invalid @enderror">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('general_condition_of_floor', @$inspection->general_condition_of_floor) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('general_condition_of_floor', @$inspection->general_condition_of_floor) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('general_condition_of_floor', @$inspection->general_condition_of_floor) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('general_condition_of_floor', @$inspection->general_condition_of_floor) == 'na') selected @endif>N/A</option>
                            </select>
                            @error('general_condition_of_floor')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <div class="form-group mt-2">
                            <button id="add_trailer_floor_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="add_trailer_floor_comment_section" class="form-group d-none">
                            <label for="trailer_floor_comment">Comment</label>
                            <textarea id="trailer_floor_comment" name="trailer_floor_comment" class="form-control"></textarea>
                        </div>


                        <!-- Trailer Ramps -->
                        <div class="form-group mt-4">
                            <label for="trailer_ramps_visual_inspection">Trailer Ramps Visual Inspection</label>
                            <select id="trailer_ramps_visual_inspection" name="trailer_ramps_visual_inspection" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(old('trailer_ramps_visual_inspection', @$inspection->trailer_ramps_visual_inspection) == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(old('trailer_ramps_visual_inspection', @$inspection->trailer_ramps_visual_inspection) == 'fail') selected @endif>Fail</option>
                                <option value="advisory" @if(old('trailer_ramps_visual_inspection', @$inspection->trailer_ramps_visual_inspection) == 'advisory') selected @endif>Advisory</option>
                                <option value="na" @if(old('trailer_ramps_visual_inspection', @$inspection->trailer_ramps_visual_inspection) == 'na') selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('trailer_ramps_visual_inspection')
                                <span class="invalid-feedback  d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        <div class="form-group mt-2">
                            <button id="add_trailer_ramps_comment" type="button" class="btn btn-secondary">Add Comment</button>
                        </div>

                        <div id="trailer_ramps_comment_section" class="form-group d-none">
                            <label for="trailer_ramps_comment">Comment</label>
                            <textarea id="trailer_ramps_comment" name="trailer_ramps_comment" class="form-control"></textarea>
                        </div>

                        <hr class="mb-4">

                        <div class="form-group mt-4">
                            <label for="additional_comments">Additional Comments</label>
                            <textarea id="additional_comments" name="additional_comments" class="form-control">@if(isset($inspection)){{ @$inspection->additional_comments }}@endif</textarea>
                        </div>

                        <div class="form-group mt-4">
                            <label for="inspection_result">Inspection Result</label>
                            <select id="inspection_result" name="inspection_result" class="form-control">
                                <option value="">-- Select --</option>
                                <option value="pass" @if(isset($inspection) && @$inspection->inspection_result == 'pass') selected @endif>Pass</option>
                                <option value="fail" @if(isset($inspection) && @$inspection->inspection_result == 'fail') selected @endif>Fail</option>
                            </select>
                        </div>

                        <hr class="mb-4">

                        <!-- save or go back -->
                        <div class="form-group">
                            <a href="{{ route('customers.index') }}" class="btn btn-secondary mt-2">Back</a>

                            <button type="submit" class="btn btn-primary mt-2">Save</button>
                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection