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