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