@extends('backend.global.layout')

@section('content')
    @include('backend.global.notifications')
    <br>
    <div class="page-edit-model d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content flex-row-fluid" id="kt_content">
            @include('backend.global.header-card')
            @include('backend.global.validation')
            <div class="content-row">
                <div class="card">

                    @if (isset($duplicate) && $duplicate )
                        {!! Form::open(['url' => route('manager.vehicles'), 'method' => 'POST', 'class' => 'form fv-plugins-bootstrap5 fv-plugins-framework' ]) !!}
                     @else
                    {!! Form::open(['url' => route('manager.vehicles.update', $vehicles->id), 'method' => 'PUT', 'class' => 'form fv-plugins-bootstrap5 fv-plugins-framework', 'enctype' => 'multipart/form-data' ]) !!}
                    @endif

                        <div class="card-body border-top p-9">
                        <!--begin::Input group-->
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Marca</label>
                            <div class="col-lg-8">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <select name="brand" class="form-control m-input">
                                            @foreach($brands as $brand)
                                                <option value="{{$brand->id}}" {{ $vehicles->brand_id == $brand->id ? 'selected' : '' }}> {{$brand->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Modelo</label>
                            <div class="col-lg-8">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <select name="model" class="form-control m-input">
                                            @foreach($models as $model)
                                                <option value="{{$model->id}}" {{ $vehicles->model_id == $model->id ? 'selected' : '' }}> {{$model->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Versão</label>
                            <div class="col-lg-8">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="version"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->version }}">
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label fw-bold fs-6">Matricula</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="plate"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->plate }}">
                                    </div>
                                </div>
                            </div>
                            <label
                                class="col-lg-2 offset-lg-1 col-form-label fw-bold fs-6">Data de Matricula</label>
                            <div class="col-lg-2">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="plate_date"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->plate_date }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Ano fabrico</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="build_year"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->build_year }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Kms Actuais</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="mileage"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->mileage }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Condição</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="input-group">
                                        <select name="is_new" id="is_new" class="form-control m-input" {{ isset($vehicles->plate) && $vehicles->plate != '' ? 'disabled' : '' }}>
                                            <option
                                                value="{{ \App\Models\Vehicles\Vehicles::CONDITION_USED }}"
                                                {{ $vehicles->is_new == \App\Models\Vehicles\Vehicles::CONDITION_USED ? 'selected' : '' }}>
                                                {{ \App\Models\Vehicles\Vehicles::CONDITION_NAMES[\App\Models\Vehicles\Vehicles::CONDITION_USED] }}
                                            </option>
                                            <option
                                                value="{{ \App\Models\Vehicles\Vehicles::CONDITION_NEW }}"
                                                {{ $vehicles->is_new == \App\Models\Vehicles\Vehicles::CONDITION_NEW  ? 'selected' : '' }}>
                                                {{ \App\Models\Vehicles\Vehicles::CONDITION_NAMES[\App\Models\Vehicles\Vehicles::CONDITION_NEW] }}
                                            </option>
                                        </select>
                                    </div>

                                    @if ( isset($duplicate) && $duplicate )
                                        <input type="hidden" name="is_new" value="{{$vehicles->is_new}}">
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label fw-bold fs-6">VIN</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="vin"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->vin }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label fw-bold fs-6">Cor</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="color"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->color }}">
                                    </div>
                                </div>
                            </div>
                            <label
                                class="col-lg-2 offset-lg-1 col-form-label required fw-bold fs-6">Pintura metalizada</label>
                            <div class="col-lg-2">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <select name="color_is_metallic" id="color_is_metallic" class="form-control m-input">
                                            <option
                                                value="0" {{ $vehicles->color_is_metallic == 0 ? 'selected' : '' }}> Não</option>
                                            <option
                                                value="1" {{ $vehicles->color_is_metallic == 1 ? 'selected' : '' }}> Sim</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @if(false)
                            {{--
                             <div class="row mb-6">
                                <label
                                    class="col-lg-3 col-form-label required fw-bold fs-6">Segmento (Tipo)</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                        <div class="input-group">
                                            <select name="type" id="type" class="form-control m-input">
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_BERLINA }}" {{ old('type') == 0 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_BERLINA] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_CARRINHA }}" {{ old('type') == 1 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_CARRINHA] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_CITADINO }}" {{ old('type') == 2 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_CITADINO] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_FURGAO }}" {{ old('type') == 3 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_FURGAO] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_MONOVOLUME }}" {{ old('type') == 4 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_MONOVOLUME] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_SUV }}" {{ old('type') == 5 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_SUV] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_UTILITARIO }}" {{ old('type') == 6 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_UTILITARIO] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_SEDAN }}" {{ old('type') == 7 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_SEDAN] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_COUPE }}" {{ old('type') == 8 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_COUPE] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_CABRIO }}" {{ old('type') == 9 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_CABRIO] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::TYPE_COMERCIAL }}" {{ old('type') == 10 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::TYPE_NAMES[\App\Models\Vehicles\Vehicles::TYPE_COMERCIAL] }}
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-6">
                                <label
                                    class="col-lg-3 col-form-label required fw-bold fs-6">Combustivel</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                        <div class="input-group">
                                            <select name="fuel" id="fuel" class="form-control m-input">
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::FUEL_GASOLINA }}" {{ old('fuel') == 0 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::FUEL_NAMES[\App\Models\Vehicles\Vehicles::FUEL_GASOLINA] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::FUEL_GASOLEO }}" {{ old('fuel') == 1 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::FUEL_NAMES[\App\Models\Vehicles\Vehicles::FUEL_GASOLEO] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::FUEL_ELETRICO }}" {{ old('fuel') == 2 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::FUEL_NAMES[\App\Models\Vehicles\Vehicles::FUEL_ELETRICO] }}
                                                </option>
                                                <option
                                                    value="{{ \App\Models\Vehicles\Vehicles::FUEL_HIBRIDO }}" {{ old('fuel') == 3 ? 'selected' : '' }}>
                                                    {{ \App\Models\Vehicles\Vehicles::FUEL_NAMES[\App\Models\Vehicles\Vehicles::FUEL_HIBRIDO] }}
                                                </option>

                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-6">
                                <label
                                    class="col-lg-3 col-form-label required fw-bold fs-6">Transmissão</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                        <div class="input-group">
                                            <select name="gearbox" id="gearbox" class="form-control m-input">
                                                <option
                                                    value="0" {{ old('gearbox') == 0 ? 'selected' : '' }}>
                                                    Manual
                                                </option>
                                                <option
                                                    value="1" {{ old('gearbox') == 1 ? 'selected' : '' }}>
                                                    Automatica
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                             --}}
                        @else
                            <div class="row mb-6">
                                <label
                                    class="col-lg-3 col-form-label required fw-bold fs-6">Segmento (Tipo)</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                        <div class="input-group">
                                            <select name="type" id="type" class="form-control m-input">
                                                @foreach($types as $type)
                                                    <option
                                                        value="{{ $type->id }}" {{ $vehicles->type_id == $type->id ? 'selected' : '' }}>
                                                        {{ $type->name }}
                                                    </option>
                                                @endforeach


                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-6">
                                <label
                                    class="col-lg-3 col-form-label required fw-bold fs-6">Combustivel</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                        <div class="input-group">
                                            <select name="fuel" id="fuel" class="form-control m-input">
                                                @foreach($fuels as $fuel)
                                                    <option
                                                        value="{{ $fuel->id }}" {{ $vehicles->fuel_type_id == $fuel->id ? 'selected' : '' }}>
                                                        {{ $fuel->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-6">
                                <label
                                    class="col-lg-3 col-form-label required fw-bold fs-6">Transmissão</label>
                                <div class="col-lg-3">
                                    <div class="row">
                                        <div class="input-group">
                                            <select name="gearbox" id="gearbox" class="form-control m-input">
                                                @foreach($transmitions as $transmition)
                                                    <option
                                                        value="{{ $transmition->id }}" {{ $vehicles->transmition_id == $transmition->id ? 'selected' : '' }}>
                                                        {{ $transmition->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Portas</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="doors"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               value="{{ $vehicles->doors }}">
                                    </div>
                                </div>
                            </div>
                            <label
                                class="col-lg-2 offset-lg-1 col-form-label required fw-bold fs-6">Lugares </label>
                            <div class="col-lg-2">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="seats"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               value="{{ $vehicles->seats }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Garantia (meses)</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="warranty"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               value="{{ $vehicles->warranty }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Preço</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="price"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->price }}">
                                    </div>
                                </div>
                            </div>
                            <label
                                class="col-lg-2 offset-lg-1 col-form-label required fw-bold fs-6">Preço Negociável</label>
                            <div class="col-lg-2">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <select name="price_is_negotiable" id="price_is_negotiable" class="form-control m-input">
                                            <option
                                                value="0" {{ $vehicles->price_is_negotiable == 0 ? 'selected' : '' }}>  Não</option>
                                            <option
                                                value="1" {{ $vehicles->price_is_negotiable == 1 ? 'selected' : '' }}> Sim</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label fw-bold fs-6">Preço Promoção</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="sale"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               value="{{ $vehicles->sale }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Imposto dedutível</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="input-group">
                                        <select name="tax_deductible" id="tax_deductible" class="form-control m-input">
                                            <option
                                                value="0" {{ $vehicles->tax_deductible == 0 ? 'selected' : '' }}>  Não</option>
                                            <option
                                                value="1" {{ $vehicles->tax_deductible == 1 ? 'selected' : '' }}> Sim</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Importado</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <select name="is_imported" id="is_imported" class="form-control m-input">
                                            <option
                                                value="0" {{ $vehicles->is_imported == 0 ? 'selected' : '' }}> Não</option>
                                            <option
                                                value="1" {{ $vehicles->is_imported == 1 ? 'selected' : '' }}> Sim</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Viatura de Serviço</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="input-group">
                                        <select name="is_service_vehicle" id="is_service_vehicle" class="form-control m-input">
                                            <option
                                                value="0" {{ $vehicles->is_service_vehicle == 0 ? 'selected' : '' }}> Não</option>
                                            <option
                                                value="1" {{ $vehicles->is_service_vehicle == 1 ? 'selected' : '' }}> Sim</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Cilindrada</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="engine_size"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->engine_size }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Potência (CV)</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="power"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->power }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label fw-bold fs-6">Co2</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <input type="text" name="co2"
                                               class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                               placeholder=""
                                               value="{{ $vehicles->co2 }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{--                        <div class="row mb-6">--}}
                        {{--                            <label--}}
                        {{--                                class="col-lg-3 col-form-label fw-bold fs-6">Extras</label>--}}
                        {{--                            <div class="col-lg-8">--}}
                        {{--                                <div class="row">--}}
                        {{--                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">--}}
                        {{--                                        <textarea type="text" name="specs"--}}
                        {{--                                                  class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"--}}
                        {{--                                                  placeholder="">{{ $vehicles->specs }}</textarea>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                        </div>--}}
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label fw-bold fs-6">Observações</label>
                            <div class="col-lg-8">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <textarea type="text" name="description"
                                                  class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                                  placeholder="">{{ $vehicles->description }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Em Destaque</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <select name="highlight" id="highlight" class="form-control m-input">
                                            <option
                                                value="0" {{ $vehicles->highlight == 0 ? 'selected' : '' }}>Não</option>
                                            <option
                                                value="1" {{ $vehicles->highlight == 1 ? 'selected' : '' }}>Sim</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Destaque Banner Homepage</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <select name="highlight_banner" id="highlight_banner" class="form-control m-input">
                                            <option
                                                value="0" {{ $vehicles->highlight_banner == 0 ? 'selected' : '' }}>Não</option>
                                            <option
                                                value="1" {{ $vehicles->highlight_banner == 1 ? 'selected' : '' }}>Sim</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label
                                class="col-lg-3 col-form-label required fw-bold fs-6">Estado</label>
                            <div class="col-lg-3">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <select name="status" id="status" class="form-control m-input">
                                            <option
                                                value="0" {{ $vehicles->status == 0 ? 'selected' : '' }}> Indisponivel </option>
                                            <option
                                                value="1" {{ $vehicles->status == 1 ? 'selected' : '' }}>  Disponivel </option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-6">
                            <div class="col-lg-3">
                                <label
                                    class="col-form-label required fw-bold fs-6">Extras</label><br>
                                <button type="button" class="btn btn-light btn-primary" onclick="addExtra()">Adicionar Extra</button>
                            </div>

                            <div class="col-lg-8">
                                <div class="row">
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container" id="extras-container">
                                        @foreach($vehicles->extras as $k => $extra)
                                            <div class="extra-field">
                                                <input type="text" id="extra-{{$k}}" class="form-control-solid" required name="extras[]" value="{{ $extra->name }}" style="width: 400px;background-color: #f9f9f9;border: none;height: 40px;border-radius: 5px;">
                                                <button type="button" class="btn btn-light btn-active-light-dark" onclick="removeExtra(this)">Remover</button>
                                            </div>
                                        @endforeach
                                    </div>
                                    <div class="col-lg-12 fv-row fv-plugins-icon-container">
                                        <div id="extras-container-new"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card-footer d-flex justify-content-end py-6 px-9">
                            <a href="{{ route('manager.vehicles') }}" class="btn btn-light btn-active-light-primary me-2">Cancelar</a>
                            <button type="submit" class="btn btn-success">Guardar</button>
                        </div>
                        <!--end::Actions-->
                        <input type="hidden">
                        <div></div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts-backend')
    <script type="text/javascript">
        let extraCount = {{ count($vehicles->extras) + 1 }};

        function addExtra() {
            const container = document.getElementById('extras-container');
            const div = document.createElement('div');
            div.classList.add('extra-field');
            div.innerHTML = `
                <input type="text" id="extra-${extraCount}" name="extras[]" required style="width: 400px;background-color: #f9f9f9;border: none;height: 40px;border-radius: 5px;">
                <button type="button" class="btn btn-light btn-active-light-dark" onclick="removeExtra(this)">Remover</button>
            `;
            container.appendChild(div);
            extraCount++;
        }

        function removeExtra(button) {
            button.parentElement.remove();
        }
    </script>
@endsection