@extends('template.app')

@section('meta')
@endsection

@section('title')
    Ton Capacity Edit
@endsection 

@section('content')
<div class="page-breadcrumb">
    <div class="row">
        <div class="col-7 align-self-center">
            <h4 class="page-title text-truncate text-dark font-weight-medium mb-1">Seating Capacity</h4>
            <div class="d-flex align-items-center">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb m-0 p-0">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}" class="text-muted">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('toncapacity') }}" class="text-muted">Seating Capacity</a></li>
                        <li class="breadcrumb-item text-muted active" aria-current="page">Edit</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('toncapacity.update') }}" method="post" id="form" enctype="multipart/form-data">
                        @csrf
                        @method('PATCH')

                        <input type="hidden" name="id" value="{{ $data->id }}">

                        <!--<div class="row">-->
                            <!--<div class="form-group col-md-3">
                                <label for="car_model">Car Model</label>
                                <select class="form-control" name="car_model" id="car_model">
                                    <option value="">Select Car Model</option>
                                    @if(isset($Carmodel) && $Carmodel->isNotEmpty())
                                        @foreach($Carmodel as $car_model)
                                            <option value="{{ $car_model->id }}" 
                                                {{ $data->car_model == $car_model->id ? 'selected' : '' }}>
                                                {{ ucfirst(str_replace('_', ' ', $car_model->name)) }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                                <span class="kt-form__help error car_model"></span>
                            </div>

                            <div class="form-group col-md-3">
                                <label for="veriant">Car Variant</label>
                                <select class="form-control" name="variant" id="variant">
                                    <option value="">Select Variant</option>
                                    @if(isset($Carvarient) && $Carvarient->isNotEmpty())
                                        @foreach($Carvarient as $model)
                                            <option value="{{ $model->id }}" 
                                                {{ $data->variant == $model->id ? 'selected' : '' }}>
                                                {{ $model->name }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                                <span class="kt-form__help error veriant"></span>
                            </div>-->

                            <div class="column-layout">
                                <div class="form-group col-sm-3">
                                    <label for="ton">Ton Capacity</label>
                                    <input type="number" name="ton" id="ton" class="form-control" placeholder="Enter Ton Capacity" value="{{ $data->ton }}">
                                    <span class="kt-form__help error ton"></span>
                                </div>
                            </div>

                        <div class="form-group">
                            <button type="submit" class="btn waves-effect waves-light btn-sm btn-rounded btn-outline-primary">Update</button>
                            <a href="{{ route('toncapacity') }}" class="btn waves-effect waves-light btn-sm btn-rounded btn-outline-secondary">Cancel</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        // Load variants on car model change
        $('#car_model').on('change', function() {
            var id = $(this).val();
            if(id) {
                $.ajax({
                    url: "{{ url('toncapacity/carvarient') }}/" + id,
                    type: 'get',
                    dataType: 'json',
                    success: function(resp) {
                        var html = '<option value="">Select Variant</option>';
                        $.each(resp.data, function(key, val) {
                            var selected = "{{ $data->veriant }}" == val.id ? 'selected' : '';
                            html += '<option value="'+val.id+'" '+selected+'>'+val.name+'</option>';
                        });
                        $('#veriant').empty().html(html);
                    }
                });
            } else {
                $('#veriant').empty().html('<option value="">Select Variant</option>');
            }
        });
    });
</script>
@endsection