@php
    $variant = \App\Models\CarVariant::find($value);

    $car_makes = \App\Models\CarMake::all();
    $car_make_id = $variant?->car_make->id ?? $car_makes->first()->id;

    $car_models = \App\Models\CarMake::find($car_make_id)->models;
    $car_model_id = $variant?->car_model->id ?? $car_models->first()->id;

    $car_variants = \App\Models\CarModel::find($car_model_id)->variants;
    $car_variant_id = $variant?->id ?? $car_variants->first()->id;
@endphp

<select class="form-control my-1" id="car_make_select_{{ $formId }}">
    @foreach ( $car_makes as $car_make )
    <option value="{{ $car_make->id }}"
        @if( $car_make->id == $car_make_id ) selected @endif
    >
        {{ $car_make->name }}
    </option>
    @endforeach
</select>

<select class="form-control my-1" id="car_model_select_{{ $formId }}">
    @foreach ( $car_models as $car_model )
    <option value="{{ $car_model->id }}"
        @if( $car_model->id == $car_model_id ) selected @endif
    >
        {{ $car_model->name }}
    </option>
    @endforeach
</select>

<select class="form-control my-1" id="car_variant_select_{{ $formId }}" name="{{ $name }}" form="{{ $formId }}">
    @foreach ( $car_variants as $car_variant )
    <option value="{{ $car_variant->id }}"
        @if( $car_variant->id == $value ) selected @endif
    >
        {{ $car_variant->name }} ({{ $car_variant->production_from }} - {{ $car_variant->production_to }})
    </option>
    @endforeach
</select>

@push('scripts')
<script>
$(document).ready(function() {
    $('#car_model_select_{{ $formId }}').change(function(){
        $.getJSON( '{{ route('admin.car_variants.datatable') }}?where[]=car_model_id%3D' + $(this).val(), function( response ) {
            var items = [];

            $.each( response.data.sort((m1, m2) => (m1.name > m2.name) ? 1 : (m1.name < m2.name) ? -1 : 0), function( key, item ) {
                items.push( '<option value="' + item.id + '">' + item.name + '</option>' );
            });

            $('#car_variant_select_{{ $formId }}').html( items.join( '' ) );
        });
    });

    $('#car_make_select_{{ $formId }}').change(function(){
        $.getJSON( '{{ route('admin.car_models.datatable') }}?where[]=car_make_id%3D' + $(this).val(), function( response ) {
            var items = [];

            $.each( response.data.sort((m1, m2) => (m1.name > m2.name) ? 1 : (m1.name < m2.name) ? -1 : 0), function( key, item ) {
                items.push( '<option value="' + item.id + '">' + item.name + '</option>' );
            });

            $('#car_model_select_{{ $formId }}').html( items.join( '' ) );
            $('#car_model_select_{{ $formId }}').change();
        });
    });
});
</script>
@endpush