<div wire:ignore class="modal fade" id="veicoloParte" tabindex="-1" aria-labelledby="veicoloParteLabel"
            aria-hidden="true" data-keyboard="false">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="veicoloParteLabel">Inserimento/modifica veicolo</h5>

                    </div>
                    <div class="modal-body">

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_tipo_id" class="form-label">Tipo di veicolo</label>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control " wire:model="vei_tipo_id" style="width:100%">
                                    <option value="">
                                        @foreach ($tipi_veicolo as $t)
                                            <option value="{{ $t->id }}">{{ $t->name }}
                                        @endforeach
                                </select>
                                @error('vei_tipo_id')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror

                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_marca_id" class="form-label">Marca</label>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" wire:model="vei_marca_id" style="width:100%">
                                    <option value="">
                                        @foreach ($marche as $t)
                                            <option value="{{ $t->id }}">{{ $t->name }}
                                        @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_modello_id" class="form-label">Modello</label>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" wire:model="vei_modello_id" style="width:100%">
                                    <option value="">
                                        @foreach ($modelli as $t)
                                            <option value="{{ $t->id }}">{{ $t->name }}
                                        @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_colore" class="form-label">Colore</label>
                            </div>
                            <div class="col-md-8">
                                <input class="form-control" type="text" id="vei_colore" placeholder="Colore"
                                    wire:model="vei_colore">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_targa" class="form-label">Targa</label>
                            </div>
                            <div class="col-md-6">
                                <input class="form-control" type="text" id="vei_targa" placeholder="Targa"
                                    wire:model="vei_targa">
                            </div>
                            <div class="col-md-2">
                                <button wire:click="getByTarga()" type="button"
                                    class="btn btn-block btn-success float-right btTarga" style="max-width:150px">Dati
                                    MCTC</button>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_carta_circolazione" class="form-label">Carta di circolazione</label>
                            </div>
                            <div class="col-md-8">
                                <input class="form-control" type="text" id="vei_carta_circolazione"
                                    placeholder="Carta di circolazione" wire:model="vei_carta_circolazione">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_carta_circolazione_rilasciata_da" class="form-label">Rilasciata da</label>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" style="width:100%"
                                    wire:model="vei_carta_circolazione_rilasciata_da">
                                    <option value=""></option>
                                    <option value="1">Comune</option>
                                    <option value="2">Motorizzazione</option>
                                    <option value="3">Altro</option>
                                </select>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_foreign_country" class="form-label">Paese di rilascio</label>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" style="width:100%" wire:model="vei_foreign_country">
                                    <option value="">
                                    <option value="0">Italia
                                    <option value="1">Altro paese
                                </select>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_carta_circolazione_rilasciata_da_di" class="form-label">Località di
                                    rilascio</label>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control select2 vei_carta_circolazione_rilasciata_da_di"
                                    wire:model="vei_carta_circolazione_rilasciata_da_di" style="width:100%">
                                    <option value="">

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

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_carta_circolazione_rilasciata_il" class="form-label">Data di
                                    rilascio</label>
                            </div>
                            <div class="col-md-8">
                                <input class="form-control" type="date" id="vei_carta_circolazione_rilasciata_il"
                                    placeholder="Data di rilascio" wire:model="vei_carta_circolazione_rilasciata_il">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_data_ultima_revisione" class="form-label">Data ultima revisione</label>
                            </div>
                            <div class="col-md-8">
                                <input class="form-control" type="date" id="vei_data_ultima_revisione"
                                    placeholder="Data ultima revisione" wire:model="vei_data_ultima_revisione">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_cilindrata" class="form-label">Cilindrata</label>
                            </div>
                            <div class="col-md-8">
                                <input class="form-control" type="text" id="vei_cilindrata" placeholder="Cilindrata"
                                    wire:model="vei_cilindrata">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_peso_complessivo" class="form-label">Peso</label>
                            </div>
                            <div class="col-md-8">
                                <input class="form-control" type="text" id="vei_peso_complessivo" placeholder="Peso"
                                    wire:model="vei_peso_complessivo">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="vei_destinazione_uso" class="form-label">Destinazione d'uso</label>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" style="width:100%" wire:model="vei_destinazione_uso">
                                    <option value=""></option>
                                    <option value="1">Privato</option>
                                    <option value="8">Pubblico</option>
                                    <option value="2">Locazione senza conducente</option>
                                    <option value="3">Taxi</option>
                                    <option value="4">Servizo pubblico di linea</option>
                                    <option value="9">Soccorso o Polizia</option>
                                    <option value="5">Trasporto merci</option>
                                    <option value="6">Contro proprio</option>
                                    <option value="7">Conto terzi</option>
                                </select>
                            </div>
                        </div>

                    </div>



                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Annulla</button>
                        @if (!$this->validated)
                            <button type="button" class="btn btn-primary" wire:click.prevent="veicoloSave()">Salva</button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
