<div class="row mt-3">
    <div class="col-md-12">
        <div id="fields-container" class="row">
            <div class="field-group col-md-3">
                <div class="column">
                    <label for="data_tipo_danno" class="form-label">Tipologia
                        danno</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_tipo_danno">
                        <option value=""></option>
                        @foreach ($tipi_danno as $t)
                            <option value="{{ $t->id }}">{{ $t->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_entita_danno" class="form-label">Entità del
                        danno</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_entita_danno">
                        <option value=""></option>
                        @foreach ($entita_danni as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_effetto_danno" class="form-label">Effetto del
                        danno</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_effetto_danno">
                        <option value=""></option>
                        @foreach ($effetto_danni as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_parte_macchina" class="form-label">Zona
                        veicolo</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_parte_macchina">
                        <option value=""></option>
                        @foreach ($parti_macchina as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="field-group col-md-3" id="damage-column-2" style="display: none;">
                <div class="column">
                    <label for="data_tipo_danno_2" class="form-label">Tipologia danno
                        2</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_tipo_danno_2">
                        <option value=""></option>
                        @foreach ($tipi_danno as $t)
                            <option value="{{ $t->id }}">{{ $t->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_entita_danno_2" class="form-label">Entità del danno
                        2</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_entita_danno_2">
                        <option value=""></option>
                        @foreach ($entita_danni as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_effetto_danno_2" class="form-label">Effetto del
                        danno 2</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_effetto_danno_2">
                        <option value=""></option>
                        @foreach ($effetto_danni as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_parte_macchina_2" class="form-label">Zona veicolo
                        2</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_parte_macchina_2">
                        <option value=""></option>
                        @foreach ($parti_macchina as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="field-group col-md-3" id="damage-column-3" style="display: none;">
                <div class="column">
                    <label for="data_tipo_danno_3" class="form-label">Tipologia danno
                        3</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_tipo_danno_3">
                        <option value=""></option>
                        @foreach ($tipi_danno as $t)
                            <option value="{{ $t->id }}">{{ $t->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_entita_danno_3" class="form-label">Entità del danno
                        3</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_entita_danno_3">
                        <option value=""></option>
                        @foreach ($entita_danni as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_effetto_danno_3" class="form-label">Effetto del
                        danno 3</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_effetto_danno_3">
                        <option value=""></option>
                        @foreach ($effetto_danni as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_parte_macchina_3" class="form-label">Zona veicolo
                        3</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_parte_macchina_3">
                        <option value=""></option>
                        @foreach ($parti_macchina as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="field-group col-md-3" id="damage-column-4" style="display: none;">
                <div class="column">
                    <label for="data_tipo_danno_4" class="form-label">Tipologia danno
                        4</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_tipo_danno_4">
                        <option value=""></option>
                        @foreach ($tipi_danno as $t)
                            <option value="{{ $t->id }}">{{ $t->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_entita_danno_4" class="form-label">Entità del danno
                        4</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_entita_danno_4">
                        <option value=""></option>
                        @foreach ($entita_danni as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_effetto_danno_4" class="form-label">Effetto del
                        danno 4</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_effetto_danno_4">
                        <option value=""></option>
                        @foreach ($effetto_danni as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="column">
                    <label for="data_parte_macchina_4" class="form-label">Zona veicolo
                        4</label>
                    <select class="form-control" style="width:100%"
                        wire:model="data_parte_macchina_4">
                        <option value=""></option>
                        @foreach ($parti_macchina as $e)
                            <option value="{{ $e->id }}">{{ $e->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>

        <div class="row mt-2">
            <div class="col-12">
                <button type="button" class="btn btn-primary" id="add-damage-btn"
                    onclick="showNextDamageColumn()">
                    Aggiungi Danni
                </button>
            </div>
        </div>
    </div>
</div>

<div class="column mt-3">
    <label for="data_circostanze_presunte_incidente" class="form-label">Circostanze
        presunte
        incidente</label>
    <textarea rows="5" class="form-control" id="data_circostanze_presunte_incidente"
        placeholder="" wire:model="data_circostanze_presunte_incidente"></textarea>
</div>
