polizia_frascati/resources/views/livewire/report.blade.php

<div class="m-3">

    @include('components.report.nuovo.add')
    @include('components.report.nuovo.add-modal')
    @include('components.report.alerting.alert')

    @if (!$add && !$update)
        @include('components.report.list.verbali')
    @else
        <div class="card card-primary">
            <form>
                @include('components.report.modifica.header')

                <div class="card-body">
                    <div class="col-12 col-sm-12">
                        <div class="card card-primary card-outline card-tabs">
                            <div class="card-header p-0 border-bottom-0">
                                <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
                                    <li class="nav-item" wire:ignore>
                                        <a class="nav-link active" id="tab1-tab" data-toggle="pill" href="#tab1" role="tab"
                                            aria-controls="tab1" aria-selected="true">Protocollo</a>
                                    </li>
                                    <li class="nav-item" wire:ignore>
                                        <a class="nav-link" id="tab2-tab" data-toggle="pill" href="#tab2" role="tab"
                                            aria-controls="tab2" aria-selected="false">Parti e Accertatori</a>
                                    </li>
                                    <li class="nav-item" wire:ignore>
                                        <a class="nav-link" id="tab3-tab" data-toggle="pill" href="#tab3" role="tab"
                                            aria-controls="tab3" aria-selected="false">Segnalazione</a>
                                    </li>
                                    <li class="nav-item" wire:ignore>
                                        <a class="nav-link" id="tab4-tab" data-toggle="pill" href="#tab4" role="tab"
                                            aria-controls="tab4" aria-selected="false">Campo del
                                            sinistro</a>
                                    </li>
                                    <li class="nav-item" wire:ignore>
                                        <a class="nav-link" id="tab5-tab" data-toggle="pill" href="#tab5" role="tab"
                                            aria-controls="tab5" aria-selected="false">Segnaletica</a>
                                    </li>
                                    <li class="nav-item" wire:ignore>
                                        <a class="nav-link" id="tab6-tab" data-toggle="pill" href="#tab6" role="tab"
                                            aria-controls="tab6" aria-selected="false">Testi
                                            oculari</a>
                                    </li>
                                    <li class="nav-item" wire:ignore>
                                        <a class="nav-link" id="tab7-tab" data-toggle="pill" href="#tab7" role="tab"
                                            aria-controls="tab7" aria-selected="false">Allegati</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body">
                                <div class="tab-content" id="custom-tabs-three-tabContent">
                                    <div class="tab-pane fade show active" id="tab1" role="tabpanel"
                                        aria-labelledby="tab1-tab" wire:ignore.self>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Generale</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <div
                                                                        class="custom-control custom-switch custom-switch-md">
                                                                        <input type="checkbox" class="custom-control-input"
                                                                            id="necessita_nulla_osta"
                                                                            wire:model="necessita_nulla_osta">
                                                                        <label class="custom-control-label"
                                                                            for="necessita_nulla_osta">Necessità nulla
                                                                            osta</label>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <div class="col-sm-2">
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Data nulla osta</label>

                                                                    <input class="form-control" type="date"
                                                                        wire:model="data_nulla_osta">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Numero protocollo</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="protocollo_num">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Anno protocollo</label>
                                                                    <select class="form-control"
                                                                        wire:model="protocollo_anno">
                                                                        @for ($year = date('Y'); $year > 1970; $year--)
                                                                            <option value="{{ $year }}">
                                                                                {{ $year }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Numerazione secondaria</label>
                                                                    <select class="form-control" style="width:100%"
                                                                        wire:model="protocollo_ord">
                                                                        <option value=""></option>
                                                                        <option value="1">---</option>
                                                                        <option value="2">Bis</option>
                                                                        <option value="3">Ter</option>
                                                                        <option value="4">Quater</option>
                                                                        <option value="5">Quinquies</option>
                                                                        <option value="6">Sexies</option>
                                                                        <option value="7">Septies</option>
                                                                        <option value="8">Octies</option>
                                                                        <option value="9">Novies</option>
                                                                        <option value="10">Decies</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Verificatosi in data</label>
                                                                    <input class="form-control" type="date"
                                                                        wire:model="verificatosi_in_data">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Seleziona ora</label>
                                                                    <select class="form-control"
                                                                        wire:model="verificatosi_in_data_ora">
                                                                        <option value="">-- Seleziona ora --
                                                                        </option>
                                                                        @for ($hour = 0; $hour <= 23; $hour++)
                                                                            <option
                                                                                value="{{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}
                                                                            </option>
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Seleziona minuti</label>
                                                                    <select class="form-control"
                                                                        wire:model="verificatosi_in_data_minuti">
                                                                        <option value="">-- Seleziona minuti --
                                                                        </option>
                                                                        @for ($minute = 0; $minute <= 59; $minute++)
                                                                            <option
                                                                                value="{{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}
                                                                            </option>
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-2">
                                                                <div class="form-group">
                                                                    <div class="custom-control custom-switch custom-switch-md">
                                                                        <input type="checkbox" class="custom-control-input"
                                                                            id="utg" wire:model="utg">
                                                                        <label class="custom-control-label"
                                                                            for="utg">UTG</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @if ($utg)
                                                                <div class="col-sm-5">
                                                                    <div class="form-group">
                                                                        <label>UTG data</label>
                                                                        <input class="form-control" type="date"
                                                                            wire:model="utg_data">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-5">
                                                                    <div class="form-group">
                                                                        <label>UTG protocollo</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="utg_protocollo">
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-2">
                                                                <div class="form-group">
                                                                    <div
                                                                        class="custom-control custom-switch custom-switch-md">
                                                                        <input type="checkbox" class="custom-control-input"
                                                                            id="ag" wire:model="ag">
                                                                        <label class="custom-control-label"
                                                                            for="ag">AG</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @if ($ag)
                                                                <div class="col-sm-5">
                                                                    <div class="form-group">
                                                                        <label>AG data</label>
                                                                        <input class="form-control" type="date"
                                                                            wire:model="ag_data">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-5">
                                                                    <div class="form-group">
                                                                        <label>AG protocollo</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="ag_protocollo">
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <div
                                                                        class="custom-control custom-switch custom-switch-md">
                                                                        <input type="checkbox" class="custom-control-input"
                                                                            id="incidente_con_danni_a_cose"
                                                                            wire:model="incidente_con_danni_a_cose">
                                                                        <label class="custom-control-label"
                                                                            for="incidente_con_danni_a_cose">Danni a
                                                                            cose</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                                <div class="col-sm-4">
                                                                    <div class="form-group">
                                                                        <div
                                                                            class="custom-control custom-switch custom-switch-md">
                                                                            <input type="checkbox" class="custom-control-input"
                                                                                id="incidente_con_feriti"
                                                                                wire:model="incidente_con_feriti">
                                                                            <label class="custom-control-label"
                                                                                for="incidente_con_feriti">Feriti</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @if ($incidente_con_feriti)
                                                                    <div class="col-sm-4">
                                                                        <div class="form-group">
                                                                            <div
                                                                                class="custom-control custom-switch custom-switch-md">
                                                                                <input type="checkbox" class="custom-control-input"
                                                                                    id="incidente_con_feriti_lesioni_lievi"
                                                                                    wire:model="incidente_con_feriti_lesioni_lievi">
                                                                                <label class="custom-control-label"
                                                                                    for="incidente_con_feriti_lesioni_lievi">Lesioni
                                                                                    lievi</label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-sm-4">
                                                                        <div class="form-group">
                                                                            <div
                                                                                class="custom-control custom-switch custom-switch-md">
                                                                                <input type="checkbox" class="custom-control-input"
                                                                                    id="incidente_con_feriti_lesioni_gravi"
                                                                                    wire:model="incidente_con_feriti_lesioni_gravi">
                                                                                <label class="custom-control-label"
                                                                                    for="incidente_con_feriti_lesioni_gravi">Lesioni
                                                                                    gravi</label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                            @endif
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <div
                                                                        class="custom-control custom-switch custom-switch-md">
                                                                        <input type="checkbox" class="custom-control-input"
                                                                            id="incidente_mortale"
                                                                            wire:model="incidente_mortale">
                                                                        <label class="custom-control-label"
                                                                            for="incidente_mortale">Mortale</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Rapporto tecnico descrittivo incidente
                                                            stradale</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Località</label>
                                                                    <select class="form-control select2 localita_uno"
                                                                        wire:model="localita_uno" style="width:100%">
                                                                        <option value="{{ $localita_uno }}">
                                                                            {{ $this->getLocalita($localita_uno) }}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Indirizzo</label>
                                                                    <select class="form-control select2 localita_due"
                                                                        wire:model="localita_due" style="width:100%">
                                                                        <option value="{{ $localita_due }}">
                                                                            {{ $this->getStradario($localita_due) }}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Intersezione con</label>
                                                                    <select class="form-control select2 intersezione_con"
                                                                        wire:model="intersezione_con" style="width:100%">
                                                                        <option value="{{ $intersezione_con }}">
                                                                            {{ $this->getStradario($intersezione_con) }}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>In prossimità del civico</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="prossimita_civico">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>In prossimità del palo della luce</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="prossimita_palo_luce">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>In prossimità del km</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="prossimita_chilometro">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Note aggiuntive</label>
                                                                    <textarea class="form-control" rows="10"
                                                                        wire:model="note_aggiuntive"></textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col  col-md-12">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Note</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <table class="table table-hover text-nowrap">
                                                                <thead>
                                                                    <tr>
                                                                        <th>Data</th>
                                                                        <th>Creata da</th>
                                                                        <th>Nota</th>
                                                                        <th style="width:150px">&nbsp;</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @foreach ($notes as $note)
                                                                        <tr>
                                                                            <td>{{ date('d/m/Y H:i', strtotime($note->created)) }}
                                                                            </td>
                                                                            <td></td>
                                                                            <td>{{ $note->text }}</td>
                                                                            <td><button
                                                                                    onclick="confirm('Sei sicuro?') || event.stopImmediatePropagation()"
                                                                                    wire:click.prevent="removeNote({{ $note->id }})"
                                                                                    type="button"
                                                                                    class="btn btn-danger btn-block"><i
                                                                                        class="fa fa-trash"></i>&nbsp;Elimina</button>
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="row">
                                                            <textarea class="form-control" rows="5"
                                                                wire:model="noteText"></textarea>
                                                            @if (!$this->validated)
                                                                <button type="button" class="btn btn-primary mt-2"
                                                                    wire:click.prevent="addNote()">Aggiungi</button>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Gestione richieste</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <table class="table table-hover text-nowrap">
                                                                <thead>
                                                                    <tr>
                                                                        <th>Richiedente</th>
                                                                        <th>Data richiesta</th>
                                                                        <th>Data consegna</th>
                                                                        <th>Nota</th>
                                                                        <th style="width:100px">&nbsp;</th>
                                                                        <th style="width:100px">&nbsp;</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @foreach ($richieste as $richiesta)
                                                                        <tr>
                                                                            <td>{{ $this->getAnagrafica($richiesta->anagrafica_id) }}
                                                                            </td>
                                                                            <td>{{ $richiesta->data_richiesta ? date('d/m/Y', strtotime($richiesta->data_richiesta)) : '' }}
                                                                            </td>
                                                                            <td>{{ $richiesta->consegna_richiesta ? date('d/m/Y', strtotime($richiesta->consegna_richiesta)) : '' }}
                                                                            </td>
                                                                            <td style="white-space: normal;max-width: 150px;">
                                                                                {{ $richiesta->description }}
                                                                            </td>
                                                                            <td><button
                                                                                    wire:click="editRichiesta({{ $richiesta->id }})"
                                                                                    type="button"
                                                                                    class="btn btn-primary btn-block"
                                                                                    style="background-color: orange;border-color: orange;"><i
                                                                                        class="fa fa-edit"></i></i></button>
                                                                            </td>
                                                                            <td><button
                                                                                    onclick="confirm('Sei sicuro?') || event.stopImmediatePropagation()"
                                                                                    wire:click.prevent="removeRichiesta({{ $richiesta->id }})"
                                                                                    type="button"
                                                                                    class="btn btn-danger btn-block"><i
                                                                                        class="fa fa-trash"></i>&nbsp;</button>
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Richiedente</label>
                                                                    <select
                                                                        class="form-control richiestaAnagrafica @error('richiestaAnagrafica') is-invalid @enderror"
                                                                        style="width:100%">
                                                                        <option value="{{ $richiestaAnagrafica }}">
                                                                            {{ $this->getAnagrafica($richiestaAnagrafica) }}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Data richiesta</label>
                                                                    <input
                                                                        class="form-control @error('richiestaData') is-invalid @enderror"
                                                                        type="date" wire:model="richiestaData">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>Data consegna</label>
                                                                    <input
                                                                        class="form-control @error('richiestaConsegna') is-invalid @enderror"
                                                                        type="date" wire:model="richiestaConsegna">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <textarea class="form-control" rows="5"
                                                                wire:model="richiestaText"></textarea>
                                                            @if (!$this->validated)
                                                                <button type="button" class="btn btn-primary mt-2"
                                                                    wire:click.prevent="saveRichiesta()">Aggiungi</button>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab"
                                        wire:ignore.self>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Parti coinvolte</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        @foreach ($parti_coinvolte as $idx => $p)
                                                            <div class="row">
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Conducente o pedone</label><br>
                                                                        <input type="radio" value="2" {{ $p->conducente_o_pedone == 2 ? 'checked' : '' }}
                                                                            name="type{{ $idx }}"
                                                                            wire:click="updateConducentePedoneParteCoinvolta(2, {{ $p->progressive }})">Conducente
                                                                        <input type="radio" value="1" {{ $p->conducente_o_pedone == 1 ? 'checked' : '' }}
                                                                            name="type{{ $idx }}"
                                                                            wire:click="updateConducentePedoneParteCoinvolta(1, {{ $p->progressive }})">Pedone
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="row">
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Anagrafica parte coinvolta </label>
                                                                        <div class="row">
                                                                            <div class="col-sm-7">
                                                                                <select class="form-control anagraficaClass"
                                                                                    data-progressive="{{ $p->progressive }}"
                                                                                    style="width:100%">
                                                                                    <option value="{{ $p->anagrafica }}">
                                                                                        {{ $this->getAnagrafica($p->anagrafica) }}
                                                                                </select>
                                                                            </div>
                                                                            <div class="col-sm-5">
                                                                                @if ($p->anagrafica > 0)
                                                                                    <a class="btn btn-primary editAnagrafica"
                                                                                        wire:click.prevent="editAnagraficaParte({{ $p->progressive }})"
                                                                                        data-toggle="modal"
                                                                                        data-target="#anagraficaParte"
                                                                                        style="background-color: orange;border-color: orange;"><i
                                                                                            class="fa fa-edit"></i></i></a>
                                                                                    @if ($p->conducente_o_pedone == 1)
                                                                                        <a class="btn btn-primary editPedone"
                                                                                            wire:click.prevent="editPedoneData({{ $p->progressive }})"
                                                                                            data-toggle="modal"
                                                                                            data-target="#pedoneModal"><i
                                                                                                class="fa-solid fa-info"></i></a>
                                                                                    @endif
                                                                                    <a onclick="confirm('Sei sicuro?') || event.stopImmediatePropagation()"
                                                                                        wire:click.prevent="removeAnagraficaParteCoinvolta({{ $p->progressive }})"
                                                                                        class="btn btn-danger"><i
                                                                                            class="fa fa-trash"></i>&nbsp;</a>
                                                                                @else
                                                                                    <a class="btn btn-primary"
                                                                                        wire:click.prevent="addAnagrafica({{ $p->progressive }})"
                                                                                        data-toggle="modal"
                                                                                        data-target="#anagraficaParte">+&nbsp;</a>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        @if ($p->conducente_o_pedone == 2)
                                                                            <label>Veicolo parte coinvolta
                                                                                {{ App\Helpers\PoliziaUtils::numberToLetter($p->progressive) }}</label>
                                                                            <div class="row">
                                                                                <div class="col-lg-7 col-md-5">
                                                                                    <select class="form-control veicoliClass"
                                                                                        data-progressive="{{ $p->progressive }}"
                                                                                        style="width:100%">
                                                                                        <option value="{{ $p->veicolo }}">
                                                                                            {{ $this->getVeicolo($p->veicolo) }}
                                                                                    </select>
                                                                                </div>
                                                                                <div class="col-lg-5 col-md-7">
                                                                                    @if ($p->veicolo > 0)
                                                                                        <a class="btn btn-primary editVeicolo"
                                                                                            wire:click.prevent="editVeicolo({{ $p->veicolo }})"
                                                                                            data-toggle="modal"
                                                                                            data-target="#veicoloParte"
                                                                                            style="background-color: orange;border-color: orange;"><i
                                                                                                class="fa fa-edit"></i></i></a>
                                                                                        <a class="btn btn-primary editVeicoloData"
                                                                                            wire:click.prevent="editVeicoloData({{ $p->progressive }})"
                                                                                            data-toggle="modal"
                                                                                            data-target="#veicoloDataParte"><i
                                                                                                class="fa-solid fa-info"></i></a>
                                                                                        <a onclick="confirm('Sei sicuro?') || event.stopImmediatePropagation()"
                                                                                            wire:click.prevent="removeVeicoloParteCoinvolta({{ $p->progressive }})"
                                                                                            type="button" class="btn btn-danger "><i
                                                                                                class="fa fa-trash"></i>&nbsp;</a>
                                                                                    @else
                                                                                        <a class="btn btn-primary"
                                                                                            wire:click.prevent="addVeicolo({{ $p->progressive }})"
                                                                                            data-toggle="modal"
                                                                                            data-target="#veicoloParte">+&nbsp;</a>
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-sm-6 pl-3">
                                                                        <button class="btn btn-danger"
                                                                            wire:click.prevent="removeParteCoinvolta({{ $p->progressive }})">Elimina</button>
                                                                    </div>
                                                                </div>


                                                            </div>

                                                            <div class="row">
                                                                <div class="col-sm-12">
                                                                    <hr size="1">
                                                                </div>
                                                            </div>
                                                        @endforeach

                                                        <button class="btn btn-primary"
                                                        wire:click.prevent="addParteCoinvolta()">Aggiungi</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Accertatori</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-sm-6 col-md-6">
                                                                <label>Accertatore</label>
                                                                <div class="row">
                                                                    <div class="col-sm-10">
                                                                        <select class="form-control accertatore_1"
                                                                            style="width:100%" wire:model="accertatore_1"
                                                                            style="width:100%">
                                                                            <option value="{{ $accertatore_1 }}">
                                                                                {{ $this->getAccertatore($accertatore_1) }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-2">
                                                                        @if ($accertatore_1 > 0)
                                                                            <a class="btn btn-primary editAccertatore"
                                                                                wire:click.prevent="editAccertatore({{ $accertatore_1 }})"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal"
                                                                                style="background-color: orange;border-color: orange;"><i
                                                                                    class="fa fa-edit"></i></i></a>
                                                                        @else
                                                                            <a class="btn btn-primary"
                                                                                wire:click.prevent="addAccertatore(1)"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal">+&nbsp;</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6  col-md-6">
                                                                <div class="form-group">
                                                                    <label>Grado accertatore</label>
                                                                    <select class="form-control"
                                                                        wire:model="grado_accertatore_1" style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($grado_accertatore as $g)
                                                                                <option value="{{ $g->id }}" {{ $g->id == $accertatore_1 ? 'selected' : '' }}>
                                                                                    {{ $g->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6 col-md-6">
                                                                <label>Accertatore</label>
                                                                <div class="row">
                                                                    <div class="col-sm-10">
                                                                        <select class="form-control accertatore_2"
                                                                            style="width:100%" wire:model="accertatore_2">
                                                                            <option value="{{ $accertatore_2 }}">
                                                                                {{ $this->getAccertatore($accertatore_2) }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-2">
                                                                        @if ($accertatore_2 > 0)
                                                                            <a class="btn btn-primary editAccertatore"
                                                                                wire:click.prevent="editAccertatore({{ $accertatore_2 }})"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal"
                                                                                style="background-color: orange;border-color: orange;"
                                                                                style="background-color: orange;border-color: orange;"><i
                                                                                    class="fa fa-edit"></i></a>
                                                                        @else
                                                                            <a class="btn btn-primary"
                                                                                wire:click.prevent="addAccertatore(2)"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal">+&nbsp;</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6 col-md-6">
                                                                <label>Grado accertatore</label>
                                                                <select class="form-control"
                                                                    wire:model="grado_accertatore_2" style="width:100%">
                                                                    <option value="">
                                                                        @foreach ($grado_accertatore as $g)
                                                                            <option value="{{ $g->id }}" {{ $g->id == $accertatore_2 ? 'selected' : '' }}>{{ $g->name }}
                                                                        @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6 col-md-6">
                                                                <label>Accertatore</label>
                                                                <div class="row">
                                                                    <div class="col-sm-10">
                                                                        <select class="form-control accertatore_3"
                                                                            style="width:100%" wire:model="accertatore_3">
                                                                            <option value="{{ $accertatore_3 }}">
                                                                                {{ $this->getAccertatore($accertatore_3) }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-2">
                                                                        @if ($accertatore_3 > 0)
                                                                            <a class="btn btn-primary editAccertatore"
                                                                                wire:click.prevent="editAccertatore({{ $accertatore_3 }})"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal"
                                                                                style="background-color: orange;border-color: orange;"><i
                                                                                    class="fa fa-edit"></i></i></a>
                                                                        @else
                                                                            <a class="btn btn-primary"
                                                                                wire:click.prevent="addAccertatore(3)"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal">+&nbsp;</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6 col-md-6">
                                                                <label>Grado accertatore</label>
                                                                <select class="form-control"
                                                                    wire:model="grado_accertatore_3" style="width:100%">
                                                                    <option value="">
                                                                        @foreach ($grado_accertatore as $g)
                                                                            <option value="{{ $g->id }}" {{ $g->id == $accertatore_3 ? 'selected' : '' }}>{{ $g->name }}
                                                                        @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6 col-md-6">
                                                                <label>Accertatore</label>
                                                                <div class="row">
                                                                    <div class="col-sm-10">
                                                                        <select class="form-control accertatore_4"
                                                                            style="width:100%" wire:model="accertatore_4">
                                                                            <option value="{{ $accertatore_4 }}">
                                                                                {{ $this->getAccertatore($accertatore_4) }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-2">
                                                                        @if ($accertatore_4 > 0)
                                                                            <a class="btn btn-primary editAccertatore"
                                                                                wire:click.prevent="editAccertatore({{ $accertatore_4 }})"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal"
                                                                                style="background-color: orange;border-color: orange;"><i
                                                                                    class="fa fa-edit"></i></i></a>
                                                                        @else
                                                                            <a class="btn btn-primary"
                                                                                wire:click.prevent="addAccertatore(3)"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal">+&nbsp;</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6 col-md-6">
                                                                <label>Grado accertatore</label>
                                                                <select class="form-control"
                                                                    wire:model="grado_accertatore_4" style="width:100%">
                                                                    <option value="">
                                                                        @foreach ($grado_accertatore as $g)
                                                                            <option value="{{ $g->id }}" {{ $g->id == $accertatore_4 ? 'selected' : '' }}>{{ $g->name }}
                                                                        @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6 col-md-6">
                                                                <label>Accertatore</label>
                                                                <div class="row">
                                                                    <div class="col-sm-10">
                                                                        <select class="form-control accertatore_5"
                                                                            style="width:100%" wire:model="accertatore_5">
                                                                            <option value="{{ $accertatore_5 }}">
                                                                                {{ $this->getAccertatore($accertatore_5) }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-2">
                                                                        @if ($accertatore_5 > 0)
                                                                            <a class="btn btn-primary editAccertatore"
                                                                                wire:click.prevent="editAccertatore({{ $accertatore_5 }})"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal"
                                                                                style="background-color: orange;border-color: orange;"><i
                                                                                    class="fa fa-edit"></i></i></a>
                                                                        @else
                                                                            <a class="btn btn-primary"
                                                                                wire:click.prevent="addAccertatore(3)"
                                                                                data-toggle="modal"
                                                                                data-target="#accertatoriModal">+&nbsp;</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6 col-md-6">
                                                                <label>Grado accertatore</label>
                                                                <select class="form-control"
                                                                    wire:model="grado_accertatore_5" style="width:100%">
                                                                    <option value="">
                                                                        @foreach ($grado_accertatore as $g)
                                                                            <option value="{{ $g->id }}" {{ $g->id == $accertatore_5 ? 'selected' : '' }}>{{ $g->name }}
                                                                        @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Rilievi</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="col-sm-12">
                                                            <div class="form-group">
                                                                <label>Tipo di rilievo</label>
                                                                <select class="form-control" wire:model="rilievi_id"
                                                                    style="width:100%">
                                                                    <option value="">
                                                                        @foreach ($rilievi as $r)
                                                                            <option value="{{ $r->id }}">{{ $r->name }}
                                                                        @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-12">
                                                            <div class="form-group">
                                                                <label>Tipo di urto</label>
                                                                <select class="form-control select2 tipo_urto"
                                                                    multiple="multiple" wire:model="tipo_urto"
                                                                    style="width: 100%;">
                                                                    <option value="">
                                                                        @foreach ($tipi_urto as $t)
                                                                            <option value="{{ $t->id }}">{{ $t->name }}
                                                                        @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="tab3-tab"
                                        wire:ignore.self>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Segnalazione</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-sm-6 col-md-12">
                                                                <div class="form-group">
                                                                    <label>Data segnalazione</label>
                                                                    <input class="form-control" type="date"
                                                                        wire:model="segnalazione_data">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6 col-md-6">
                                                                <div class="form-group">
                                                                    <label>Seleziona ora</label>
                                                                    <select class="form-control"
                                                                        wire:model="segnalazione_ora">
                                                                        <option value="">-- Seleziona ora --</option>
                                                                        @for ($hour = 0; $hour <= 23; $hour++)
                                                                            <option
                                                                                value="{{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6 col-md-6">
                                                                <div class="form-group">
                                                                    <label>Seleziona minuti</label>
                                                                    <select class="form-control"
                                                                        wire:model="segnalazione_minuti">
                                                                        <option value="">-- Seleziona minuti --</option>
                                                                        @for ($minute = 0; $minute <= 59; $minute++)
                                                                            <option
                                                                                value="{{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Tipo di segnalazione</label>
                                                                    <select class="form-control tipo_segnalazione"
                                                                        multiple="multiple" wire:model="tipo_segnalazione"
                                                                        style="width: 100%;">
                                                                        <option value="">
                                                                            @foreach ($tipi_segnalazioni as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Altro tipo di segnalazione</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="segnalazione_altro">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Segnalazione Pervenuta Da</label>
                                                                    <select class="form-control segnalazione_pervenuta_da"
                                                                        multiple="multiple"
                                                                        wire:model="segnalazione_pervenuta_da"
                                                                        style="width: 100%;">
                                                                        <option value="">
                                                                            @foreach ($pervenute_da as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Ausilio altri enti</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Ausilio altri enti</label>
                                                                    <select class="form-control select2 ausilio_altri_enti"
                                                                        multiple="multiple" wire:model="ausilio_altri_enti"
                                                                        style="width: 100%;">
                                                                        <option value="">
                                                                            @foreach ($altri_enti as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Motivo ausilio</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="ausilio_altri_enti_motivo">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Ora di intervento</label>
                                                                    <select class="form-control"
                                                                        wire:model="ausilio_altri_enti_ora_intervento">
                                                                        @for ($hour = 0; $hour <= 23; $hour++)
                                                                            <option
                                                                                value="{{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Minuti</label>
                                                                    <select class="form-control"
                                                                        wire:model="ausilio_altri_enti_minuti_intervento">
                                                                        @for ($minute = 0; $minute <= 59; $minute++)
                                                                            <option
                                                                                value="{{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Ripristino post incidente</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Ditta intervenuta</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="ditta_intervenuta">
                                                                </div>
                                                            </div>

                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Ora di chiamata</label>
                                                                    <select class="form-control"
                                                                        wire:model="ripristino_ora_chiamata">
                                                                        @for ($hour = 0; $hour <= 23; $hour++)
                                                                            <option
                                                                                value="{{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Minuti</label>
                                                                    <select class="form-control"
                                                                        wire:model="ripristino_minuti_chiamata">
                                                                        @for ($minute = 0; $minute <= 59; $minute++)
                                                                            <option
                                                                                value="{{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Ora di arrivo</label>
                                                                    <select class="form-control"
                                                                        wire:model="ripristino_ora_arrivo">
                                                                        @for ($hour = 0; $hour <= 23; $hour++)
                                                                            <option
                                                                                value="{{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Minuti di arrivo</label>
                                                                    <select class="form-control"
                                                                        wire:model="ripristino_minuti_arrivo">
                                                                        @for ($minute = 0; $minute <= 59; $minute++)
                                                                            <option
                                                                                value="{{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Materiale recuperato</label>
                                                                    <select class="form-control materiale_recuperato"
                                                                        multiple="multiple"
                                                                        wire:model="materiale_recuperato"
                                                                        style="width: 100%;">
                                                                        <option value="">
                                                                            @foreach ($materiali as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Descrizione danni</label>
                                                                    <textarea class="form-control" rows="5"
                                                                        wire:model="danni_cose_diverse_da_veicoli"></textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tab4" role="tabpanel" aria-labelledby="tab4-tab"
                                        wire:ignore.self>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Campo del sinistro</h3>
                                                    </div>
                                                    <div class="card-body">

                                                        <div class="row">
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label>Ora intervento</label>
                                                                    <select class="form-control" wire:model="sinistro_ora">
                                                                        <option value="">-- Seleziona ora --</option>
                                                                        @for ($hour = 0; $hour <= 23; $hour++)
                                                                            <option
                                                                                value="{{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($hour, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label>Minuti intervento</label>
                                                                    <select class="form-control"
                                                                        wire:model="sinistro_minuti">
                                                                        <option value="">-- Seleziona minuti --</option>
                                                                        @for ($minute = 0; $minute <= 59; $minute++)
                                                                            <option
                                                                                value="{{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}">
                                                                                {{ str_pad($minute, 2, '0', STR_PAD_LEFT) }}
                                                                        @endfor
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Localizzazione dell'incidente</label>
                                                                    <select class="form-control"
                                                                        wire:model="localizzazione_incidente"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                        <option value="1">NELL'ABITATO
                                                                        <option value="2">FUORI DELL'ABITATO
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Altro</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="localizzazione_incidente_altro">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Nomenclatura strada</label>
                                                                    <select class="form-control"
                                                                        wire:model="nomenclatura_strada" style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($nomenclature as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label>Num</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="nomenclatura_strada_numero">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label>Altro</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="nomenclatura_strada_altro">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Condizioni atmosferiche</label>
                                                                    <select class="form-control"
                                                                        wire:model="condizioni_atmosferiche"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($condizioni_atmosferiche_array as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Altro</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="condizioni_atmosferiche_altro">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Pavimentazione strada</label>
                                                                    <select class="form-control" wire:model="pavimentazione"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($pavimentazioni as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Altro</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="pavimentazione_altro">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Condizione strada</label>
                                                                    <select class="form-control"
                                                                        wire:model="condizione_strada" style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($condizioni_strada as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Altro</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="condizione_strada_altro">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Fondo stradale</label>
                                                                    <select class="form-control" wire:model="fondo_stradale"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($fondi_stradali as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Inserire specifica</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="fondo_stradale_specifica">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Condizioni luce</label>
                                                                    <select class="form-control condizioni_luce"
                                                                        multiple="multiple" wire:model="condizioni_luce"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($condizioni_luce_array as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>

                                                        </div>

                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Visibilità</label>
                                                                    <select class="form-control" wire:model="visibilita"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                        <option value="1">BUONA
                                                                        <option value="2">LIMITATA
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Inserire specifica</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="visibilita_specifica">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Particolarità strada</label>
                                                                    <select class="form-control"
                                                                        wire:model="particolarita_strada"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($particolarita_strade as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Inserire specifica</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="particolarita_strada_specifica">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Traffico</label>
                                                                    <select class="form-control" wire:model="traffico"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                        <option value="2">Scarso
                                                                        <option value="1">Normale
                                                                        <option value="3">Intenso
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Tipo di strada</label>
                                                                    <select class="form-control tipo_strada"
                                                                        multiple="multiple" wire:model="tipo_strada"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($tipi_strade as $t)
                                                                                <option value="{{ $t->id }}">{{ $t->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Altro</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="tipo_strada_altro">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tab5" role="tabpanel" aria-labelledby="tab5-tab"
                                        wire:ignore.self>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Segnaletica</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Stato segnaletica</label>
                                                                    <select class="form-control" wire:model="segnaletica"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($segnaletiche as $s)
                                                                                <option value="{{ $s['id'] }}">{{ $s['name'] }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Segnaletica verticale</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Via di riferimento</label>
                                                                    <select class="form-control segnaletica_verticale_1_via"
                                                                        wire:model="segnaletica_verticale_1_via"
                                                                        style="width:100%">
                                                                        <option value="{{ $segnaletica_verticale_1_via }}">
                                                                            {{ $this->getStradario($segnaletica_verticale_1_via) }}
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Direzione</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="segnaletica_verticale_1_direzione">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Dettaglio segnaletica verticale</label>
                                                                    <select class="form-control segnaletica_verticale_1"
                                                                        multiple="multiple"
                                                                        wire:model="segnaletica_verticale_1"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($segnaletica_verticale as $s)
                                                                                <option value="{{ $s->id }}">{{ $s->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Limite di velocità</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="segnaletica_verticale_1_limite_velocita">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Altro</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="segnaletica_verticale_1_altro">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-12">
                                                                <hr size="1">
                                                            </div>
                                                        </div>

                                                        @if ($div_segnaletica_verticale_2)
                                                            <div class="row" id="div_segnaletica_verticale_2">
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Via di riferimento</label>
                                                                        <select
                                                                            class="form-control select2 segnaletica_verticale_2_via"
                                                                            wire:model="segnaletica_verticale_2_via"
                                                                            style="width:100%">
                                                                            <option value="{{ $segnaletica_verticale_2_via }}">
                                                                                {{ $this->getStradario($segnaletica_verticale_2_via) }}

                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Direzione</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_verticale_2_direzione">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Dettaglio segnaletica verticale</label>
                                                                        <select class="form-control segnaletica_verticale_2"
                                                                            multiple="multiple"
                                                                            wire:model="segnaletica_verticale_2"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($segnaletica_verticale as $s)
                                                                                    <option value="{{ $s->id }}">{{ $s->name }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Limite di velocità</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_verticale_2_limite_velocita">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Altro</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_verticale_2_altro">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-12">
                                                                    <hr size="1">
                                                                </div>
                                                            </div>
                                                        @endif

                                                        @if ($div_segnaletica_verticale_3)
                                                            <div class="row" id="div_segnaletica_verticale_3">
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Via di riferimento</label>
                                                                        <select class="form-control segnaletica_verticale_3_via"
                                                                            wire:model="segnaletica_verticale_3_via"
                                                                            style="width:100%">
                                                                            <option value="{{ $segnaletica_verticale_3_via }}">
                                                                                {{ $this->getStradario($segnaletica_verticale_3_via) }}

                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Direzione</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_verticale_3_direzione">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Dettaglio segnaletica verticale</label>
                                                                        <select class="form-control segnaletica_verticale_3"
                                                                            multiple="multiple"
                                                                            wire:model="segnaletica_verticale_3"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($segnaletica_verticale as $s)
                                                                                    <option value="{{ $s->id }}">{{ $s->name }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Limite di velocità</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_verticale_3_limite_velocita">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Altro</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_verticale_3_altro">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-12">
                                                                    <hr size="1">
                                                                </div>
                                                            </div>
                                                        @endif
                                                        @if ($div_segnaletica_verticale_4)
                                                            <div class="row" id="div_segnaletica_verticale_4">
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Via di riferimento</label>
                                                                        <select
                                                                            class="form-control select2 segnaletica_verticale_4_via"
                                                                            wire:model="segnaletica_verticale_4_via"
                                                                            style="width:100%">
                                                                            <option value="{{ $segnaletica_verticale_4_via }}">
                                                                                {{ $this->getStradario($segnaletica_verticale_4_via) }}

                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Direzione</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_verticale_4_direzione">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Dettaglio segnaletica verticale</label>
                                                                        <select class="form-control segnaletica_verticale_4"
                                                                            multiple="multiple"
                                                                            wire:model="segnaletica_verticale_4"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($segnaletica_verticale as $s)
                                                                                    <option value="{{ $s->id }}">{{ $s->name }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Limite di velocità</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_verticale_4_limite_velocita">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Altro</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_verticale_4_altro">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endif

                                                        @if (!$div_segnaletica_verticale_4)
                                                            <a class="btn btn-primary " id="btAddSegnaleticaVerticale"
                                                                wire:click="showSegnaleticaVerticale()">Aggiungi</a>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Segnaletica orizzontale</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Via di riferimento</label>
                                                                    <select
                                                                        class="form-control select2 segnaletica_orizzontale_1_via"
                                                                        wire:model="segnaletica_orizzontale_1_via"
                                                                        style="width:100%">
                                                                        <option
                                                                            value="{{ $segnaletica_orizzontale_1_via }}">
                                                                            {{ $this->getStradario($segnaletica_orizzontale_1_via) }}

                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label>Direzione</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="segnaletica_orizzontale_1_direzione">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Dettaglio segnaletica orizzontale</label>
                                                                    <select class="form-control segnaletica_orizzontale_1"
                                                                        multiple="multiple"
                                                                        wire:model="segnaletica_orizzontale_1"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($segnaletica_orizzontale as $s)
                                                                                <option value="{{ $s->id }}">{{ $s->name }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Linea di margine</label>
                                                                    <select class="form-control"
                                                                        wire:model="segnaletica_orizzontale_1_linea_margine"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($linee as $s)
                                                                                <option value="{{ $s['id'] }}">{{ $s['name'] }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            @if ($segnaletica_orizzontale_1_linea_margine == 3)
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Inserire specifica</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_orizzontale_1_linea_margine_specifica">
                                                                    </div>
                                                                </div>
                                                            @endif
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Linea di mezzeria</label>
                                                                    <select class="form-control"
                                                                        wire:model="segnaletica_orizzontale_1_linea_mezzeria"
                                                                        style="width:100%">
                                                                        <option value="">
                                                                            @foreach ($linee as $s)
                                                                                <option value="{{ $s['id'] }}">{{ $s['name'] }}
                                                                            @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            @if ($segnaletica_orizzontale_1_linea_mezzeria == 3)
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Inserire specifica</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_orizzontale_1_linea_mezzeria_specifica">
                                                                    </div>
                                                                </div>
                                                            @endif
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Altro</label>
                                                                    <input class="form-control" type="text"
                                                                        wire:model="segnaletica_orizzontale_1_altro">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-12">
                                                                <hr size="1">
                                                            </div>
                                                        </div>

                                                        @if ($div_segnaletica_orizzontale_2)
                                                            <div class="row" id="div_segnaletica_orizzontale_2">
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Via di riferimento</label>
                                                                        <select
                                                                            class="form-control select2 segnaletica_orizzontale_2_via"
                                                                            wire:model="segnaletica_orizzontale_2_via"
                                                                            style="width:100%">
                                                                            <option
                                                                                value="{{ $segnaletica_orizzontale_2_via }}">
                                                                                {{ $this->getStradario($segnaletica_orizzontale_2_via) }}

                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Direzione</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_orizzontale_2_direzione">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Dettaglio segnaletica orizzontale</label>
                                                                        <select class="form-control segnaletica_orizzontale_2"
                                                                            multiple="multiple"
                                                                            wire:model="segnaletica_orizzontale_2"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($segnaletica_orizzontale as $s)
                                                                                    <option value="{{ $s->id }}">{{ $s->name }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Linea di margine</label>
                                                                        <select class="form-control"
                                                                            wire:model="segnaletica_orizzontale_2_linea_margine"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($linee as $s)
                                                                                    <option value="{{ $s['id'] }}">{{ $s['name'] }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                @if ($segnaletica_orizzontale_2_linea_margine == 3)
                                                                    <div class="col-sm-12">
                                                                        <div class="form-group">
                                                                            <label>Inserire specifica</label>
                                                                            <input class="form-control" type="text"
                                                                                wire:model="segnaletica_orizzontale_2_linea_margine_specifica">
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Linea di mezzeria</label>
                                                                        <select class="form-control"
                                                                            wire:model="segnaletica_orizzontale_2_linea_mezzeria"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($linee as $s)
                                                                                    <option value="{{ $s['id'] }}">{{ $s['name'] }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                @if ($segnaletica_orizzontale_2_linea_mezzeria == 3)
                                                                    <div class="col-sm-12">
                                                                        <div class="form-group">
                                                                            <label>Inserire specifica</label>
                                                                            <input class="form-control" type="text"
                                                                                wire:model="segnaletica_orizzontale_2_linea_mezzeria_specifica">
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Altro</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_orizzontale_2_altro">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-12">
                                                                    <hr size="1">
                                                                </div>
                                                            </div>
                                                        @endif

                                                        @if ($div_segnaletica_orizzontale_3)
                                                            <div class="row" id="div_segnaletica_orizzontale_3">
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Via di riferimento</label>
                                                                        <select
                                                                            class="form-control select2 segnaletica_orizzontale_3_via"
                                                                            wire:model="segnaletica_orizzontale_3_via"
                                                                            style="width:100%">
                                                                            <option
                                                                                value="{{ $segnaletica_orizzontale_3_via }}">
                                                                                {{ $this->getStradario($segnaletica_orizzontale_3_via) }}

                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Direzione</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_orizzontale_3_direzione">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Dettaglio segnaletica orizzontale</label>
                                                                        <select class="form-control segnaletica_orizzontale_3"
                                                                            multiple="multiple"
                                                                            wire:model="segnaletica_orizzontale_3"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($segnaletica_orizzontale as $s)
                                                                                    <option value="{{ $s->id }}">{{ $s->name }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Linea di margine</label>
                                                                        <select class="form-control"
                                                                            wire:model="segnaletica_orizzontale_3_linea_margine"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($linee as $s)
                                                                                    <option value="{{ $s['id'] }}">{{ $s['name'] }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                @if ($segnaletica_orizzontale_3_linea_margine == 3)
                                                                    <div class="col-sm-12">
                                                                        <div class="form-group">
                                                                            <label>Inserire specifica</label>
                                                                            <input class="form-control" type="text"
                                                                                wire:model="segnaletica_orizzontale_3_linea_margine_specifica">
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Linea di mezzeria</label>
                                                                        <select class="form-control"
                                                                            wire:model="segnaletica_orizzontale_3_linea_mezzeria"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($linee as $s)
                                                                                    <option value="{{ $s['id'] }}">{{ $s['name'] }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                @if ($segnaletica_orizzontale_3_linea_mezzeria == 3)
                                                                    <div class="col-sm-12">
                                                                        <div class="form-group">
                                                                            <label>Inserire specifica</label>
                                                                            <input class="form-control" type="text"
                                                                                wire:model="segnaletica_orizzontale_3_linea_mezzeria_specifica">
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Altro</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_orizzontale_3_altro">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-sm-12">
                                                                    <hr size="1">
                                                                </div>
                                                            </div>
                                                        @endif

                                                        @if ($div_segnaletica_orizzontale_4)
                                                            <div class="row" id="div_segnaletica_orizzontale_4">
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Via di riferimento</label>
                                                                        <select
                                                                            class="form-control select2 segnaletica_orizzontale_4_via"
                                                                            wire:model="segnaletica_orizzontale_4_via"
                                                                            style="width:100%">
                                                                            <option
                                                                                value="{{ $segnaletica_orizzontale_4_via }}">
                                                                                {{ $this->getStradario($segnaletica_orizzontale_4_via) }}

                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                    <div class="form-group">
                                                                        <label>Direzione</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_orizzontale_4_direzione">
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Dettaglio segnaletica orizzontale</label>
                                                                        <select class="form-control segnaletica_orizzontale_4"
                                                                            multiple="multiple"
                                                                            wire:model="segnaletica_orizzontale_4"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($segnaletica_orizzontale as $s)
                                                                                    <option value="{{ $s->id }}">{{ $s->name }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Linea di margine</label>
                                                                        <select class="form-control"
                                                                            wire:model="segnaletica_orizzontale_4_linea_margine"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($linee as $s)
                                                                                    <option value="{{ $s['id'] }}">{{ $s['name'] }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                @if ($segnaletica_orizzontale_4_linea_margine == 3)
                                                                    <div class="col-sm-12">
                                                                        <div class="form-group">
                                                                            <label>Inserire specifica</label>
                                                                            <input class="form-control" type="text"
                                                                                wire:model="segnaletica_orizzontale_4_linea_margine_specifica">
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Linea di mezzeria</label>
                                                                        <select class="form-control"
                                                                            wire:model="segnaletica_orizzontale_4_linea_mezzeria"
                                                                            style="width:100%">
                                                                            <option value="">
                                                                                @foreach ($linee as $s)
                                                                                    <option value="{{ $s['id'] }}">{{ $s['name'] }}
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                @if ($segnaletica_orizzontale_4_linea_mezzeria == 3)
                                                                    <div class="col-sm-12">
                                                                        <div class="form-group">
                                                                            <label>Inserire specifica</label>
                                                                            <input class="form-control" type="text"
                                                                                wire:model="segnaletica_orizzontale_4_linea_mezzeria_specifica">
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                <div class="col-sm-12">
                                                                    <div class="form-group">
                                                                        <label>Altro</label>
                                                                        <input class="form-control" type="text"
                                                                            wire:model="segnaletica_orizzontale_4_altro">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endif

                                                        @if (!$div_segnaletica_orizzontale_4)
                                                            <a class="btn btn-primary " id="btAddSegnaleticaOrizzontale"
                                                                wire:click="showSegnaleticaOrizzontale()">Aggiungi</a>
                                                        @endif

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tab6" role="tabpanel" aria-labelledby="tab6-tab"
                                        wire:ignore.self>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Teste oculare</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <label for="data_testi_oculari_0" class="form-label">Teste
                                                                    oculare</label>
                                                                <div class="row">
                                                                    <div class="col-sm-10">
                                                                        <select class="form-control data_testi_oculari_0"
                                                                            style="width:100%">
                                                                            <option value="{{ $data_testi_oculari_0 }}">
                                                                                {{ $this->getAnagrafica($data_testi_oculari_0) }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-2">
                                                                        @if ($data_testi_oculari_0 > 0)
                                                                            <a class="btn btn-primary editAnagrafica"
                                                                                wire:click.prevent="editAnagrafica({{ $data_testi_oculari_0 }})"
                                                                                data-toggle="modal"
                                                                                data-target="#anagraficaParte"
                                                                                style="background-color: orange;border-color: orange;"><i
                                                                                    class="fa fa-edit"></i></i></a>
                                                                        @else
                                                                            <a class="btn btn-primary"
                                                                                wire:click.prevent="addTesteOculare(1)"
                                                                                data-toggle="modal"
                                                                                data-target="#anagraficaParte">+&nbsp;</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label for="data_testi_oculari_0" class="form-label">Stato
                                                                    teste</label>
                                                                <select class="form-control" style="width:100%"
                                                                    wire:model="data_testi_oculari_stato_0">
                                                                    <option value=""></option>
                                                                    <option value="1">Teste presente al momento del rilievo
                                                                    </option>
                                                                    <option value="2">Teste non presente al momento del
                                                                        rilievo</option>
                                                                    <option value="3">Teste che dichiara sul luogo
                                                                        dell'incidente</option>
                                                                    <option value="4">Teste che dichiara al Pronto Soccorso
                                                                    </option>
                                                                    <option value="5">Teste che dichiara in un proseguo di
                                                                        tempo</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Teste oculare</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <label for="data_testi_oculari_1" class="form-label">Teste
                                                                    oculare</label>
                                                                <div class="row">
                                                                    <div class="col-sm-10">
                                                                        <select class="form-control data_testi_oculari_1"
                                                                            style="width:100%">
                                                                            <option value="{{ $data_testi_oculari_1 }}">
                                                                                {{ $this->getAnagrafica($data_testi_oculari_1) }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-2">
                                                                        @if ($data_testi_oculari_1 > 0)
                                                                            <a class="btn btn-primary editAnagrafica"
                                                                                wire:click.prevent="editAnagrafica({{ $data_testi_oculari_1 }})"
                                                                                data-toggle="modal"
                                                                                data-target="#anagraficaParte"
                                                                                style="background-color: orange;border-color: orange;"><i
                                                                                    class="fa fa-edit"></i></i></a>
                                                                        @else
                                                                            <a class="btn btn-primary"
                                                                                wire:click.prevent="addTesteOculare(2)"
                                                                                data-toggle="modal"
                                                                                data-target="#anagraficaParte">+&nbsp;</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label for="data_testi_oculari_1" class="form-label">Stato
                                                                    teste</label>
                                                                <select class="form-control" style="width:100%"
                                                                    wire:model="data_testi_oculari_stato_1">
                                                                    <option value=""></option>
                                                                    <option value="1">Teste presente al momento del rilievo
                                                                    </option>
                                                                    <option value="2">Teste non presente al momento del
                                                                        rilievo</option>
                                                                    <option value="3">Teste che dichiara sul luogo
                                                                        dell'incidente</option>
                                                                    <option value="4">Teste che dichiara al Pronto Soccorso
                                                                    </option>
                                                                    <option value="5">Teste che dichiara in un proseguo di
                                                                        tempo</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Teste oculare</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <label for="data_testi_oculari_2" class="form-label">Teste
                                                                    oculare</label>
                                                                <div class="row">
                                                                    <div class="col-sm-10">
                                                                        <select class="form-control data_testi_oculari_2"
                                                                            style="width:100%">
                                                                            <option value="{{ $data_testi_oculari_2 }}">
                                                                                {{ $this->getAnagrafica($data_testi_oculari_2) }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-2">
                                                                        @if ($data_testi_oculari_2 > 0)
                                                                            <a class="btn btn-primary editAnagrafica"
                                                                                wire:click.prevent="editAnagrafica({{ $data_testi_oculari_2 }})"
                                                                                data-toggle="modal"
                                                                                data-target="#anagraficaParte"
                                                                                style="background-color: orange;border-color: orange;"><i
                                                                                    class="fa fa-edit"></i></i></a>
                                                                        @else
                                                                            <a class="btn btn-primary"
                                                                                wire:click.prevent="addTesteOculare(3)"
                                                                                data-toggle="modal"
                                                                                data-target="#anagraficaParte">+&nbsp;</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label for="data_testi_oculari_2" class="form-label">Stato
                                                                    teste</label>
                                                                <select class="form-control" style="width:100%"
                                                                    wire:model="data_testi_oculari_stato_2">
                                                                    <option value=""></option>
                                                                    <option value="1">Teste presente al momento del rilievo
                                                                    </option>
                                                                    <option value="2">Teste non presente al momento del
                                                                        rilievo</option>
                                                                    <option value="3">Teste che dichiara sul luogo
                                                                        dell'incidente</option>
                                                                    <option value="4">Teste che dichiara al Pronto Soccorso
                                                                    </option>
                                                                    <option value="5">Teste che dichiara in un proseguo di
                                                                        tempo</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Teste oculare</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <label for="data_testi_oculari_3" class="form-label">Teste
                                                                    oculare</label>
                                                                <div class="row">
                                                                    <div class="col-sm-10">
                                                                        <select class="form-control data_testi_oculari_3"
                                                                            style="width:100%">
                                                                            <option value="{{ $data_testi_oculari_3 }}">
                                                                                {{ $this->getAnagrafica($data_testi_oculari_3) }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-sm-2">
                                                                        @if ($data_testi_oculari_3 > 0)
                                                                            <a class="btn btn-primary editAnagrafica"
                                                                                wire:click.prevent="editAnagrafica({{ $data_testi_oculari_3 }})"
                                                                                data-toggle="modal"
                                                                                data-target="#anagraficaParte"
                                                                                style="background-color: orange;border-color: orange;"><i
                                                                                    class="fa fa-edit"></i></i></a>
                                                                        @else
                                                                            <a class="btn btn-primary"
                                                                                wire:click.prevent="addTesteOculare(4)"
                                                                                data-toggle="modal"
                                                                                data-target="#anagraficaParte">+&nbsp;</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label for="data_testi_oculari_3" class="form-label">Stato
                                                                    teste</label>
                                                                <select class="form-control" style="width:100%"
                                                                    wire:model="data_testi_oculari_stato_3">
                                                                    <option value=""></option>
                                                                    <option value="1">Teste presente al momento del rilievo
                                                                    </option>
                                                                    <option value="2">Teste non presente al momento del
                                                                        rilievo</option>
                                                                    <option value="3">Teste che dichiara sul luogo
                                                                        dell'incidente</option>
                                                                    <option value="4">Teste che dichiara al Pronto Soccorso
                                                                    </option>
                                                                    <option value="5">Teste che dichiara in un proseguo di
                                                                        tempo</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tab7" role="tabpanel" aria-labelledby="tab7-tab"
                                        wire:ignore.self>
                                        <div class="row">
                                            <div class="col">
                                                <div class="card card-primary">
                                                    <div class="card-header">
                                                        <h3 class="card-title">Allegati</h3>
                                                    </div>
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <table class="table table-hover text-nowrap">
                                                                <thead>
                                                                    <tr>
                                                                        <th>Nome</th>
                                                                        <th>Tipologia</th>
                                                                        <th>Visibile in stampa</th>
                                                                        <th style="width:100px">&nbsp;</th>
                                                                        <th style="width:100px">&nbsp;</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @foreach ($allegatiImmagini as $allegato)
                                                                        <tr>
                                                                            <td>{{ $allegato->name }}</td>
                                                                            <td>{{ $this->getAllegatoType($allegato->gallery_type) }}
                                                                            </td>
                                                                            <td>{{ $allegato->is_visible ? 'SI' : 'NO' }}</td>
                                                                            <td><a wire:click.prevent="editAllegato({{ $allegato->id }})"
                                                                                    data-toggle="modal"
                                                                                    data-target="#allegatiModal"
                                                                                    class="btn btn-primary btn-block"
                                                                                    style="background-color: orange;border-color: orange;"><i
                                                                                        class="fa fa-edit"></i></i></a></td>
                                                                            <td><button
                                                                                    onclick="confirm('Sei sicuro?') || event.stopImmediatePropagation()"
                                                                                    wire:click.prevent="removeAllegato({{ $allegato->id }})"
                                                                                    type="button"
                                                                                    class="btn btn-danger btn-block"><i
                                                                                        class="fa fa-trash"></i>&nbsp;</button>
                                                                            </td>
                                                                        </tr>
                                                                        @if ($allegato->files != '')
                                                                            <tr>
                                                                                <td colspan="5" style="border-top:0px solid;">
                                                                                    @foreach (explode('|', $allegato->files) as $a)
                                                                                        <a href="{{ url('/storage/' . $a) }}"
                                                                                            target="_blank">{{ $a }}</a>&nbsp;&nbsp;&nbsp;
                                                                                    @endforeach
                                                                                </td>
                                                                            </tr>
                                                                        @endif
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                            <a class="btn btn-primary " wire:click.prevent="addAllegato(0)"
                                                                data-toggle="modal"
                                                                data-target="#allegatiModal">Aggiungi</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

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

                <div class="card-footer">
                    @if ($add)
                        <button type="submit" class="btn btn-success" wire:click.prevent="store()">Salva</button>
                    @endif
                    @if ($update)
                        @if (!$this->validated)
                            <button type="submit" class="btn btn-success" wire:click.prevent="update(false)">Salva</button>
                        @else
                            Verbale validato
                        @endif
                    @endif
                    <button type="submit" class="btn btn-default" wire:click.prevent="cancel()">Indietro</button>
                </div>
            </form>
        </div>


        <div wire:ignore class="modal fade " id="anagraficaParte" tabindex="-1" aria-labelledby="anagraficaParteLabel"
            aria-hidden="true" data-keyboard="false" style="z-index: 9999">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="anagraficaParteLabel">Inserimento/modifica anagrafica</h5>
                    </div>
                    <div class="modal-body">
                        <div class="row mt-3">
                            <div class="col-md-4">
                                <label for="anag_type" class="form-label">Tipologia</label>
                            </div>
                            <div class="col-md-8">
                                <input type="radio" value="0" {{ $anag_type == 0 ? 'checked' : '' }}
                                    name="anag_type">&nbsp;Persona fisica&nbsp;&nbsp;&nbsp;
                                <input type="radio" value="1" {{ $anag_type == 1 ? 'checked' : '' }}
                                    name="anag_type">&nbsp;Persona giuridica
                            </div>
                        </div>
                        <div id="boxPersonaFisica">
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_firstname" class="form-label">Nome</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control @error('anag_firstname') is-invalid @enderror" type="text"
                                        id="anag_firstname" wire:model="anag_firstname">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_lastname" class="form-label">Cognome</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control @error('anag_lastname') is-invalid @enderror" type="text"
                                        id="anag_lastname" wire:model="anag_lastname">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_gender" class="form-label">Sesso</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%" wire:model="anag_gender">
                                        <option value="">
                                        <option value="M">Uomo
                                        <option value="F">Donna
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_birth_date" class="form-label">Data di nascita</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="date" id="anag_birth_date"
                                        wire:model="anag_birth_date">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_nazionalita" class="form-label">Nazionalità</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%" wire:model="anag_nazionalita">
                                        <option value="">
                                        <option value="0">Italiana
                                        <option value="1">Straniera
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3" id="foreignBirthCountry" style="display: none;">
                                <div class="col-md-4">
                                    <label for="anag_foreign_birth_country" class="form-label">Paese straniero di
                                        nascita</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%" wire:model="anag_foreign_birth_country">
                                        <option value="">Seleziona paese</option>
                                        @foreach (\App\Models\LocationCountry::all() as $country)
                                            <option value="{{ $country->id }}">{{ $country->name }}</option>
                                        @endforeach

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

                            <div class="row mt-3" id="foreignBirthCity" style="display: none;">
                                <div class="col-md-4">
                                    <label for="anag_foreign_birth_city" class="form-label">Città straniera di
                                        nascita</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_foreign_birth_city"
                                        wire:model="anag_foreign_birth_city">
                                </div>
                            </div>

                            <div class="row mt-3" id="foreignResidenceCountry" style="display: none;">
                                <div class="col-md-4">
                                    <label for="anag_foreign_residence_country" class="form-label">Paese straniero di
                                        residenza</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%"
                                        wire:model="anag_foreign_residence_country">
                                        <option value="">Seleziona paese</option>
                                        @foreach (\App\Models\LocationCountry::all() as $country)
                                            <option value="{{ $country->id }}">{{ $country->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="row mt-3" id="foreignResidenceCity" style="display: none;">
                                <div class="col-md-4">
                                    <label for="anag_foreign_residence_city" class="form-label">Città straniera di
                                        residenza</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_foreign_residence_city"
                                        wire:model="anag_foreign_residence_city">
                                </div>
                            </div>
                            <div class="row mt-3" id="pippo">
                                <div class="col-md-4">
                                    <label for="anag_birth_town_id" class="form-label">Comune di nascita</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control anag_birth_town_id" wire:model="anag_birth_town_id"
                                        style="width:100%">
                                        <option value="{{ $anag_birth_town_id }}">
                                            {{ $this->getLocalita($anag_birth_town_id) }}
                                    </select>

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

                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_residenza_address" class="form-label">Indirizzo di residenza</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_residenza_address"
                                        wire:model="anag_residenza_address">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_residenza_cap" class="form-label">CAP</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_residenza_cap"
                                        wire:model="anag_residenza_cap">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_mobile" class="form-label">Telefono</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_mobile" wire:model="anag_mobile">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_sedicente" class="form-label">Sedicente</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%" wire:model="anag_sedicente">
                                        <option value="">
                                        <option value="1">SI
                                        <option value="0">NO
                                    </select>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_documento_tipo" class="form-label">Tipo di documento</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%" wire:model="anag_documento_tipo">
                                        <option value=""></option>
                                        <option value="1">Carta d'Identità</option>
                                        <option value="2">Patente</option>
                                        <option value="3">Passaporto</option>
                                        <option value="4">Altro</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_documento_patente_cat" class="form-label">Categoria patente</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%" wire:model="anag_documento_patente_cat">
                                        <option value=""></option>
                                        <option value="AM">AM</option>
                                        <option value="A1">A1</option>
                                        <option value="A1B">A1B</option>
                                        <option value="A2">A2</option>
                                        <option value="A">A</option>
                                        <option value="AB">AB</option>
                                        <option value="B1">B1</option>
                                        <option value="B">B</option>
                                        <option value="BE">BE</option>
                                        <option value="C1">C1</option>
                                        <option value="C1E">C1E</option>
                                        <option value="C">C</option>
                                        <option value="CE">CE</option>
                                        <option value="D1">D1</option>
                                        <option value="D1E">D1E</option>
                                        <option value="DE">DE</option>
                                        <option value="E">E</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_documento_tipo_altro" class="form-label">Altro documento</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_documento_tipo_altro"
                                        wire:model="anag_documento_tipo_altro">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_documento_numero" class="form-label">Numero documento</label>
                                </div>
                                <div class="col-md-6">
                                    <input class="form-control" type="text" id="anag_documento_numero"
                                        wire:model="anag_documento_numero">
                                </div>
                                <div class="col-md-2">
                                    <button wire:click="getByPatente()" type="button"
                                        class="btn btn-block btn-success float-right btPatente" style="max-width:150px">Dati
                                        MCTC</button>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_documento_rilasciato_da" class="form-label">Rilasciato da</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%"
                                        wire:model="anag_documento_rilasciato_da">
                                        <option value=""></option>
                                        <option value="1">Comune</option>
                                        <option value="2">Motorizzazione</option>
                                        <option value="4">MCTC</option>
                                        <option value="5">MIT</option>
                                        <option value="6">UCO</option>
                                        <option value="7">Prefettura</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_documento_rilasciato_da_altro" class="form-label">Rilasciato da
                                        altro</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_documento_rilasciato_da_altro"
                                        wire:model="anag_documento_rilasciato_da_altro">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_documento_rilasciato_da_di_foreign_localita" class="form-label">Comune
                                        di</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control  anag_documento_rilasciato_da_di_foreign_localita"
                                        wire:model="anag_documento_rilasciato_da_di_foreign_localita" style="width:100%">
                                        <option value="">
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_foreign_country" class="form-label">Nazionalità</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%" wire:model="anag_foreign_country">
                                        <option value="">
                                        <option value="0">Italiana
                                        <option value="1">Altro paese
                                    </select>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_documento_rilasciato_il" class="form-label">Rilasciato il</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="date" id="anag_documento_rilasciato_il"
                                        wire:model="anag_documento_rilasciato_il">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_documento_scadenza_il" class="form-label">Data scadenza</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="date" id="anag_documento_scadenza_il"
                                        wire:model="anag_documento_scadenza_il">
                                </div>
                            </div>
                        </div>
                        <div id="boxPersonaGiuridica">
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_rag_soc" class="form-label">Ragione sociale</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control @error('anag_rag_soc') is-invalid @enderror" type="text"
                                        id="anag_rag_soc" wire:model="anag_rag_soc">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_vat" class="form-label">Partita IVA</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control @error('anag_vat') is-invalid @enderror" type="text"
                                        id="anag_vat" wire:model="anag_vat">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="nazionalita" class="form-label">Paese Sede Legale</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%" wire:model="nazionalita">
                                        <option value="">
                                        <option value="0">Italia
                                        <option value="1">Estero
                                    </select>
                                </div>
                            </div>

                            <div class="row mt-3" id="foreignPGResidenceCountry" style="display: none;">
                                <div class="col-md-4">
                                    <label for="anag_foreign_residence_country" class="form-label">Paese straniero sede
                                        legale</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" style="width:100%"
                                        wire:model="anag_foreign_residence_country">
                                        <option value="">Seleziona paese</option>
                                        @foreach (\App\Models\LocationCountry::all() as $country)
                                            <option value="{{ $country->id }}">{{ $country->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="row mt-3" id="foreignPGResidenceCity" style="display: none;">
                                <div class="col-md-4">
                                    <label for="anag_foreign_residence_city" class="form-label">Città straniera sede
                                        legale</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_foreign_residence_city_legal"
                                        wire:model="anag_foreign_residence_city">
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_sede_legale_address" class="form-label">Indirizzo sede legale</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_sede_legale_address"
                                        wire:model="anag_sede_legale_address">
                                </div>
                            </div>
                            <div id="italianAddressFields">
                                <div class="row mt-3">
                                    <div class="col-md-4">
                                        <label for="anag_sede_legale_town_id" class="form-label">Comune sede legale</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select class="form-control select2 anag_sede_legale_town_id"
                                            wire:model="anag_sede_legale_town_id" style="width:100%">
                                            <option value="">
                                        </select>
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-4">
                                        <label for="anag_sede_legale_cap" class="form-label">CAP sede legale</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input class="form-control" type="text" id="anag_sede_legale_cap"
                                            wire:model="anag_sede_legale_cap">
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-4">
                                        <label for="anag_sede_legale_prov_id" class="form-label">Provincia sede
                                            legale</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select class="form-control select2 anag_sede_legale_prov_id"
                                            wire:model="anag_sede_legale_prov_id" style="width:100%">
                                            @foreach ($provinces as $p)
                                                <option value="{{ $p->id }}">{{ $p->title }}
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label for="anag_phone" class="form-label">Telefono</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" id="anag_phone" wire:model="anag_phone">
                                </div>
                            </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="anagraficaSave()">Salva</button>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <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>

        @include('components.report.veicoli.veicolo-data-parte')

        @include('components.report.pedoni.pedone-modal')

        @include('components.report.allegati.allegati-modal')

        @include('components.report.accertatori.accertatore-modal')

    @endif

</div>



@push('css')
    <link rel="stylesheet" href="/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="/plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="/dist/css/app.css">
@endpush

@push('scripts')
    <script src="/plugins/select2/js/select2.min.js"></script>
    <script src="/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
    <script>
        var maxDamageColumns = 4;
        var displayedDamageColumns = 1;

        function hasColumnValues(columnNumber) {
            const selectors = [
                `data_tipo_danno_${columnNumber}`,
                `data_entita_danno_${columnNumber}`,
                `data_effetto_danno_${columnNumber}`,
                `data_parte_macchina_${columnNumber}`
            ];

            return selectors.some(selector => {
                const element = document.querySelector(`[wire\\:model="${selector}"]`);
                return element && element.value;
            });
        }

        function showNextDamageColumn() {
            if (displayedDamageColumns < maxDamageColumns) {
                displayedDamageColumns++;
                var nextColumn = document.getElementById('damage-column-' + displayedDamageColumns);
                if (nextColumn) {
                    nextColumn.style.display = 'block';
                }
                if (displayedDamageColumns >= maxDamageColumns) {
                    document.getElementById('add-damage-btn').style.display = 'none';
                }
                window.Livewire.rescan();
            }
        }

        function initializeDamageColumns() {

            for (let i = 2; i <= maxDamageColumns; i++) {
                if (hasColumnValues(i)) {
                    var column = document.getElementById('damage-column-' + i);
                    if (column) {
                        column.style.display = 'block';
                        displayedDamageColumns = i;
                    }
                }
            }

            if (displayedDamageColumns >= maxDamageColumns) {
                document.getElementById('add-damage-btn').style.display = 'none';
            }
        }

        document.addEventListener('DOMContentLoaded', initializeDamageColumns);

        document.addEventListener('livewire:load', function () {
            Livewire.hook('message.processed', () => {
                initializeDamageColumns();
            });
        });

        Livewire.on('load-check', () => {

            $("input[data-bootstrap-switch]").each(function () {
                $(this).bootstrapSwitch({
                    onSwitchChange: function (e, state) {
                        @this.set($(this).prop('id'), state);
                    }
                });
            });

        });

        Livewire.on('load-select', () => {
            const stradario = [
                "localita_due", "intersezione_con", "segnaletica_verticale_1_via",
                "segnaletica_verticale_2_via", "segnaletica_orizzontale_1_via",
                "segnaletica_orizzontale_2_via", "segnaletica_verticale_3_via",
                "segnaletica_verticale_4_via", "segnaletica_orizzontale_3_via",
                "segnaletica_orizzontale_4_via", "vei_carta_circolazione_rilasciata_da_di"
            ];

            stradario.forEach(stradarioSelect);

            function stradarioSelect(value) {
                const ajaxUrl = (value === "vei_carta_circolazione_rilasciata_da_di") ?
                    '/localita' :
                    '/stradario_api';

                $('.' + value).select2({
                    theme: 'bootstrap4',
                    ajax: {
                        url: ajaxUrl,
                        dataType: 'json'
                    }
                });

                $('.' + value).on('change', function (e) {
                    var data = $('.' + value).select2("val");
                    @this.set(value, data);
                });
            }

            $('.anagraficaClass').select2({
                theme: 'bootstrap4',
                ajax: {
                    url: '/anagrafica',
                    dataType: 'json'
                }
            });

            $('.anagraficaClass').on('change', function (e) {
                var data = $(e.currentTarget).val();
                var progressive = $(e.currentTarget).data("progressive");
                @this.updateAnagraficaParteCoinvolta(data, progressive);
            });

            const anagrafiche = ["richiestaAnagrafica", "data_testi_oculari_0", "data_testi_oculari_1",
                "data_testi_oculari_2", "data_testi_oculari_3"
            ];
            anagrafiche.forEach(anagraficheSelect);

            function anagraficheSelect(value) {
                $('.' + value).select2({
                    theme: 'bootstrap4',
                    ajax: {
                        url: '/anagrafica',
                        dataType: 'json'
                    }
                });

                $('.' + value).on('change', function (e) {
                    var data = $('.' + value).select2("val");
                    @this.set(value, data);
                });

            }

            const accertatori = ["accertatore_1", "accertatore_2", "accertatore_3", "accertatore_4",
                "accertatore_5"
            ];
            accertatori.forEach(accertatoreSelect);

            function accertatoreSelect(value) {
                $('.' + value).select2({
                    theme: 'bootstrap4',
                    ajax: {
                        url: '/accertatori',
                        dataType: 'json'
                    }
                });
                $('.' + value).on('change', function (e) {
                    var data = $('.' + value).select2("val");
                    @this.set(value, data);
                });
            }

            $('.veicoliClass').select2({
                theme: 'bootstrap4',
                ajax: {
                    url: '/veicoli',
                    dataType: 'json'
                }
            });

            $('.veicoliClass').on('change', function (e) {
                var data = $(e.currentTarget).val();
                var progressive = $(e.currentTarget).data("progressive");
                @this.updateVeicoloParteCoinvolta(data, progressive);
            });

            $('.localita_uno').select2({
                theme: 'bootstrap4',
                ajax: {
                    url: '/localita',
                    dataType: 'json'
                }
            });
            $('.localita_uno').on('change', function (e) {
                var data = $('.localita_uno').select2("val");
                @this.set('localita_uno', data);
            });

            const multiple = ["tipo_urto", "tipo_segnalazione", "segnalazione_pervenuta_da", "materiale_recuperato",
                "ausilio_altri_enti", "condizioni_luce", "tipo_strada", "segnaletica_verticale_1",
                "segnaletica_verticale_2", "segnaletica_verticale_3", "segnaletica_verticale_4",
                "segnaletica_orizzontale_1", "segnaletica_orizzontale_2", "segnaletica_orizzontale_3",
                "segnaletica_orizzontale_4"
            ];
            multiple.forEach(multipleSelect);

            function multipleSelect(value) {
                $('.' + value).select2({
                    theme: 'bootstrap4'
                });
                $('.' + value).on('change', function (e) {
                    var data = $('.' + value).select2("val");
                    @this.set(value, data);
                });
            }
        });
        Livewire.on('load-anagrafica-modal', () => {
            const modalsAnag = [
                "anag_birth_town_id",
                "anag_residenza_town_id",
                "anag_documento_rilasciato_da_di_foreign_localita",
                "anag_sede_legale_town_id",
                "anag_foreign_birth_country",
                "anag_foreign_residence_country",
                "anag_pg_foreign_residence_country"
            ];

            const countryFields = [
                "anag_foreign_birth_country",
                "anag_foreign_residence_country"
            ];

            function modalsAnagSelect(value) {
                $('.' + value).select2({
                    dropdownParent: $("#anagraficaParte .modal-content"),
                    theme: 'bootstrap4',
                    ajax: {
                        url: '/localita',
                        dataType: 'json'
                    },
                    width: '100%'
                }).on('change', function (e) {
                    var data = $('.' + value).select2("val");
                    @this.set(value, data);
                });

                const currentValue = $('.' + value).val();
                const currentText = $('.' + value).find('option:selected').text();
                if (currentValue) {
                    let option = new Option(currentText, currentValue, true, true);
                    $('.' + value).append(option).trigger('change');
                }
            }

            function initializeCountrySelects(value) {
                $('.' + value).select2({
                    dropdownParent: $("#anagraficaParte .modal-content"),
                    theme: 'bootstrap4',
                    ajax: {
                        url: '/countries',
                        dataType: 'json'
                    },
                    width: '100%'
                }).on('change', function (e) {
                    var data = $('.' + value).select2("val");
                    @this.set(value, data);
                });

                const currentValue = $('.' + value).val();
                const currentText = $('.' + value).find('option:selected').text();
                if (currentValue) {
                    let option = new Option(currentText, currentValue, true, true);
                    $('.' + value).append(option).trigger('change');
                }
            }

            function initializeModalState() {
                const currentType = $('input[name="anag_type"]:checked').val();
                if (currentType == 0 || !currentType) {
                    $("#boxPersonaFisica").show();
                    $("#boxPersonaGiuridica").hide();

                    const isStraniera = $('select[wire\\:model="anag_nazionalita"]').val() === "1";
                    $("#foreignBirthCountry")[isStraniera ? 'show' : 'hide']();
                    $("#foreignBirthCity")[isStraniera ? 'show' : 'hide']();
                    $("#foreignResidenceCountry")[isStraniera ? 'show' : 'hide']();
                    $("#foreignResidenceCity")[isStraniera ? 'show' : 'hide']();
                    if (isStraniera) {
                        $("#pippo").hide();
                        $(".anag_residenza_town_id").closest('.row').hide();
                    }
                } else {
                    $("#boxPersonaFisica").hide();
                    $("#boxPersonaGiuridica").show();

                    const isPGStraniera = $('select[wire\\:model="nazionalita"]').val() === "1";
                    $("#foreignPGResidenceCountry")[isPGStraniera ? 'show' : 'hide']();
                    $("#foreignPGResidenceCity")[isPGStraniera ? 'show' : 'hide']();

                    if (isPGStraniera) {
                        $(".anag_sede_legale_town_id").closest('.row').hide();
                        $(".anag_sede_legale_cap").closest('.row').hide();
                        $(".anag_sede_legale_prov_id").closest('.row').hide();
                    } else {
                        $(".anag_sede_legale_town_id").closest('.row').show();
                        $(".anag_sede_legale_cap").closest('.row').show();
                        $(".anag_sede_legale_prov_id").closest('.row').show();
                    }
                }

                setTimeout(() => {
                    modalsAnag.forEach(modalsAnagSelect);
                }, 100);

                setTimeout(() => {
                    countryFields.forEach(initializeCountrySelects);
                }, 100);
            }

            $('select[wire\\:model="anag_nazionalita"]').change(function () {
                const isStraniera = $(this).val() === "1";
                $("#foreignBirthCountry")[isStraniera ? 'show' : 'hide']();
                $("#foreignBirthCity")[isStraniera ? 'show' : 'hide']();
                $("#foreignResidenceCountry")[isStraniera ? 'show' : 'hide']();
                $("#foreignResidenceCity")[isStraniera ? 'show' : 'hide']();

                if (isStraniera) {
                    $("#pippo").hide();
                    $(".anag_residenza_town_id").closest('.row').hide();
                    $(".anag_documento_rilasciato_da_di_foreign_localita").closest('.row').hide();
                } else {
                    $("#pippo").show();
                    $(".anag_residenza_town_id").closest('.row').show();
                    @this.set('anag_foreign_birth_country', '');
                    @this.set('anag_foreign_birth_city', '');
                    @this.set('anag_foreign_residence_country', '');
                    @this.set('anag_foreign_residence_city', '');
                }
            });

            initializeModalState();

            $('input[name="anag_type"]').change(function () {
                var x = $('input[name="anag_type"]:checked').val();
                if (x == 0) {
                    $("#boxPersonaFisica").show();
                    $("#boxPersonaGiuridica").hide();
                    @this.changeAnagType(0);
                } else {
                    $("#boxPersonaFisica").hide();
                    $("#boxPersonaGiuridica").show();
                    setTimeout(() => {
                        modalsAnag.forEach(modalsAnagSelect);
                    }, 100);
                    @this.changeAnagType(1);
                }
            });

            Livewire.on('change-visualization', (type) => {
                $('input:radio[name="anag_type"]').filter('[value="' + type + '"]').prop('checked', true);
                if (type == 0) {
                    $("#boxPersonaFisica").show();
                    $("#boxPersonaGiuridica").hide();
                } else {
                    $("#boxPersonaFisica").hide();
                    $("#boxPersonaGiuridica").show();
                    setTimeout(() => {
                        modalsAnag.forEach(modalsAnagSelect);
                    }, 100);
                }
            });

            $('select[wire\\:model="nazionalita"]').change(function () {
                const isPGStraniera = $(this).val() === "1";
                $("#foreignPGResidenceCountry")[isPGStraniera ? 'show' : 'hide']();
                $("#foreignPGResidenceCity")[isPGStraniera ? 'show' : 'hide']();

                if (isPGStraniera) {
                    $(".anag_sede_legale_town_id").closest('.row').hide();
                    $(".anag_sede_legale_cap").closest('.row').hide();
                    $(".anag_sede_legale_prov_id").closest('.row').hide();
                } else {
                    $(".anag_sede_legale_town_id").closest('.row').show();
                    $(".anag_sede_legale_cap").closest('.row').show();
                    $(".anag_sede_legale_prov_id").closest('.row').show();
                    @this.set('anag_foreign_residence_country', '');
                    @this.set('anag_foreign_residence_city', '');
                }
            });

            $('#anagraficaParte').on('show.bs.modal', function () {
                initializeModalState();
            });

            $('#anagraficaParte').on('hidden.bs.modal', function () {
                modalsAnag.forEach(value => {
                    if ($('.' + value).data('select2')) {
                        $('.' + value).select2('destroy');
                    }
                });
            });
        });

        Livewire.on('load-select-modal', () => {

            initializeSelect2Controls();

            const modals = [
                "data_proprietari", "data_coproprietari", "data_conducenti",
                "data_passeggero_0", "data_passeggero_1", "data_passeggero_2", "data_passeggero_3",
                "data_infortunato_extra_0", "data_infortunato_extra_1", "data_infortunato_extra_2",
                "data_infortunato_extra_3"
            ];

            function initializeSelect2(element, url = '/anagrafica') {
                return $(element).select2({
                    dropdownParent: document.body,
                    theme: 'bootstrap4',
                    ajax: {
                        url: url,
                        dataType: 'json'
                    },
                    width: '100%'
                });
            }

            function initializeRelatedElements(value, data) {
                $('#' + value + "_cinture").hide();
                $('.' + value + "_edit").hide();
                $('.' + value + "_remove").hide();
                $('.' + value + "_add").hide();

                if (data > 0) {
                    $('.' + value + "_edit").show();
                    $('.' + value + "_remove").show();
                    $('#' + value + "_cinture").show();
                } else {
                    $('.' + value + "_add").show();
                }
            }

            function modalsSelect(value) {
                const $select = $('.' + value);
                initializeSelect2($select);

                if (["data_proprietari", "data_coproprietari", "data_conducenti", "data_passeggero_0",
                    "data_passeggero_1", "data_passeggero_2", "data_passeggero_3"
                ].includes(value)) {
                    initializeRelatedElements(value, $select.val());
                }

                $select.on('change', function (e) {
                    const data = $(this).val();
                    @this.set(value, data);

                    if (["data_proprietari", "data_coproprietari", "data_conducenti", "data_passeggero_0",
                        "data_passeggero_1", "data_passeggero_2", "data_passeggero_3"
                    ].includes(value)) {
                        initializeRelatedElements(value, data);
                    }
                });

                const currentValue = $select.val();
                const currentText = $select.find('option:selected').text();
                if (currentValue) {
                    const option = new Option(currentText, currentValue, true, true);
                    $select.append(option).trigger('change');
                }
            }

            $('#veicoloDataParte select').each(function () {
                if ($(this).data('select2')) {
                    $(this).select2('destroy');
                }
            });

            modals.forEach(modalsSelect);

            $('.data_polizze').each(function () {
                if ($(this).data('select2')) {
                    $(this).select2('destroy');
                }
                initializeSelect2(this, '/polizze').on('change', function (e) {
                    @this.set('data_polizze', $(this).val());
                });
            });

            $('#veicoloDataParte').on('hidden.bs.modal', function () {
                $('#veicoloDataParte select').each(function () {
                    if ($(this).data('select2')) {
                        $(this).select2('destroy');
                    }
                });
            });
        });
        Livewire.on('load-select-pedone', () => {

            var x = $("#generalizzato").val();
            if (x == "3")
                $("#generalizzato_select").show();
            else
                $("#generalizzato_select").hide();
            $("#generalizzato").change(function () {
                var val = this.value;
                if (val == "3")
                    $("#generalizzato_select").show();
                else
                    $("#generalizzato_select").hide();
            });

            var x = $("#infortunato").val();
            if (x == "1")
                $("#infortunato_select").show();
            else
                $("#infortunato_select").hide();
            $("#infortunato").change(function () {
                var val = this.value;
                if (val == "1")
                    $("#infortunato_select").show();
                else
                    $("#infortunato_select").hide();
            });

        });

        Livewire.on('load-pedone', (value) => {
            $(".pedone").html(value);
        });

        Livewire.on('set-default-value', (id, text, element) => {

            $('.' + element).select2("val", $('.' + element + " option:contains('" + text + "')").val());

        });
        Livewire.on('add-default-value', (id, text, element) => {
            var newOption = new Option(text, id, false, false);
            $('.' + element).append(newOption).val(id).trigger('change');

            if (element == "data_conducenti" || element == "data_passeggero_0" || element == "data_passeggero_1" ||
                element == "data_passeggero_2" || element == "data_passeggero_3") {
                $('#' + element + "_cinture").hide();
                $('.' + element + "_edit").hide();
                $('.' + element + "_remove").hide();
                $('.' + element + "_add").hide();
                if (id > 0) {
                    $('.' + element + "_edit").show();
                    $('.' + element + "_remove").show();
                    $('.' + element + "_add").hide();
                    $('#' + element + "_cinture").show();
                } else
                    $('.' + element + "_add").show();

            }

        });

        Livewire.on('close-modal', () => {

            $("#anagraficaParte").modal('hide');
            $("#veicoloParte").modal('hide');
            $("#pedoneModal").modal('hide');
            $("#accertatoriModal").modal('hide');
            $("#allegatiModal").modal('hide');
        });

        Livewire.on('close-modal-parte-comune', () => {
            const selectFields = [
                'data_polizze',
                'data_proprietari',
                'data_conducenti',
                'data_passeggero_0',
                'data_passeggero_1',
                'data_passeggero_2',
                'data_passeggero_3',
                'data_infortunato_extra_0',
                'data_infortunato_extra_1',
                'data_infortunato_extra_2',
                'data_infortunato_extra_3'
            ];

            selectFields.forEach(field => {
                if ($(`.${field}`).length) {
                    $(`.${field}`).val(null).trigger('change');
                    if ($(`.${field}`).data('select2')) {
                        $(`.${field}`).select2('destroy');
                    }
                }
            });

            $("#veicoloDataParte").modal('hide');
        });
        $(document).on('click', '[data-dismiss="modal"]', function (e) {
            const modalId = $(this).closest('.modal').attr('id');
            if (modalId === 'veicoloDataParte') {
                e.preventDefault();
                Livewire.emit('closeAndResetModal');
            }
        });

        Livewire.on('attachments', (allegati) => {
            $("#attachments").html('');
            allegati.split("|").forEach(function (item) {
                $("#attachments").append(item + "<br>");
            });
        });

        Livewire.on('updateAnagrafica', (data, progressive) => {
            @this.updateAnagraficaParteCoinvolta(data, progressive);
        });


        Livewire.on('showLoading', (cls) => {
            $("." + cls).hide();
            $("." + cls + "Text").show();
        });

        Livewire.on('hideLoading', (cls) => {
            $("." + cls).show();
            $("." + cls + "Text").hide();
        });

        Livewire.on('load-polizza-modal', () => {
            $('.valida_dal').on('change', function (e) {
                @this.set('valida_dal', $(this).val());
            });

            $('.valida_al').on('change', function (e) {
                @this.set('valida_al', $(this).val());
            });

            $('.polizza_num').on('input', function (e) {
                @this.set('polizza_num', $(this).val());
            });

            $('.anagrafica_id').select2({
                dropdownParent: $('#polizzaParte .modal-content'),
                theme: 'bootstrap4',
                ajax: {
                    url: '/anagrafica',
                    dataType: 'json'
                },
                width: '100%'
            }).on('change', function (e) {
                @this.set('anagrafica_id', $(this).val());
            });

            $('.compagnia_id').select2({
                dropdownParent: $('#polizzaParte .modal-content'),
                theme: 'bootstrap4',
                ajax: {
                    url: '/compagnie',
                    dataType: 'json'
                },
                width: '100%'
            }).on('change', function (e) {
                @this.set('compagnia_id', $(this).val());
            });

            $('.agenzia').select2({
                dropdownParent: $('#polizzaParte .modal-content'),
                theme: 'bootstrap4',
                ajax: {
                    url: '/polizze/agenzie',
                    dataType: 'json'
                },
                width: '100%'
            }).on('change', function (e) {
                @this.set('agenzia', $(this).val());
            });

            window.addEventListener('show-polizza-modal', event => {
                $('#polizzaParte').modal('show');
            });

            Livewire.on('hide-polizza-modal', () => {
                $('#polizzaParte').modal('hide');
                Livewire.emit('load-select');
            });

            $('#polizzaParte').on('hidden.bs.modal', () => {
                $('#polizzaParte').modal('hide');
                setTimeout(() => {
                    Livewire.emit('load-select-modal');
                }, 200);
            });

            Livewire.on('polizza-saved', (polizzaId, polizzaText) => {
                let $select = $('.data_polizze');
                $select.append(new Option(polizzaText, polizzaId, true, true)).trigger('change');
            });
        });

        Livewire.on('updatePolizzaSelects', data => {
            if (data.anagrafica) {
                let option = new Option(data.anagrafica.text, data.anagrafica.id, true, true);
                $('.anagrafica_id').append(option).trigger('change');
            }

            if (data.compagnia) {
                let option = new Option(data.compagnia.text, data.compagnia.id, true, true);
                $('.compagnia_id').append(option).trigger('change');
            }
        });

        function initializeSelect2Controls() {
            console.log("initializeSelect2Controls");
            const modals = [
                "data_proprietari", "data_coproprietari", "data_conducenti",
                "data_passeggero_0", "data_passeggero_1", "data_passeggero_2", "data_passeggero_3",
                "data_infortunato_extra_0", "data_infortunato_extra_1", "data_infortunato_extra_2",
                "data_infortunato_extra_3"
            ];

            modals.forEach(value => {
                $('.' + value).select2({
                    dropdownParent: document.body,
                    theme: 'bootstrap4',
                    ajax: {
                        url: '/anagrafica',
                        dataType: 'json'
                    },
                    width: '100%'
                });
            });

            $('.data_polizze').select2({
                dropdownParent: document.body,
                theme: 'bootstrap4',
                ajax: {
                    url: '/polizze',
                    dataType: 'json'
                },
                width: '100%'
            });
        }

    </script>
@endpush