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

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

    $car_models = \App\Models\Manufacturer::find($car_make_id)->car_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">@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">@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" name="{{ $name }}"><option value="">{{ transIf( $lang['column.enum.null'], $model . '.column.' . $column_name . '.null' ) }}</option><option value="-1">Mind</option>@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('filter_scripts')
var variant_ids = '';

$('#car_make_select').change(function(){
    $.ajax({ url: '{{ route('admin.car_models.datatable') }}?where[]=manufacturer_id%3D' + $(this).val(), type: 'POST', dataType: 'json', success: 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').html( items.join( '' ) );
        $('#car_model_select').change();
    }});
});

$('#car_model_select').change(function(){
    $.ajax({ url: '{{ route('admin.variants.datatable') }}?where[]=car_model_id%3D' + $(this).val(), type: 'POST', dataType: 'json', success: function( response ) {
        var items = [];
        var ids = [];

        items.push( '<option value="">{{ transIf( $lang['column.enum.null'], $model . '.column.' . $column_name . '.null' ) }}</option>' );
        items.push( '<option value="-1">Mind</option>' );

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

        variant_ids = ids.join('|');
        $('#car_variant_select').html( items.join( '' ) );
        $('#car_variant_select').change();
    }});
});

$('#car_variant_select').change(function(){
    if($(this).val() == -1)
        {{$table_options['id']}}.columns("{{$column_name}}:name").search( this.value ? "^(" + variant_ids + ")$" : "", true ).draw();
    else
        {{$table_options['id']}}.columns("{{$column_name}}:name").search( this.value ? "^" + this.value + "$" : "", true ).draw();
});

$('#car_model_select').change();
@endpush