<div wire:ignore class="modal fade" id="pedoneModal" tabindex="-1" aria-labelledby="pedoneModalLabel"
aria-hidden="true" data-keyboard="false">
<div class="modal-dialog modal-xl modal-fullscreen-xl">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="pedoneModalLabel">Inserimento/modifica dati pedone</h5>

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

            <div class="card  collapsed-card">
                <div class="card-header">
                    <h3 class="card-title">Pedone</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                class="fas fa-plus"></i></button>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mt-3">
                        <div class="col-md-4">
                            <div class="column">
                                <label for="data_chilometri_percorsi" class="form-label">Pedone</label>
                                <br><b><span class="pedone"></span></b>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="infortunato" class="form-label">Pedone infortunato</label>
                            <select class="form-control" style="width:100%" wire:model="infortunato"
                                id="infortunato">
                                <option value=""></option>
                                <option value="0" class="success">Incolume</option>
                                <option value="1" class="success">Ferito</option>
                                <option value="2" class="success">Deceduto entro 24 ore</option>
                                <option value="3" class="success">Deceduto entro 30 gg.</option>
                            </select>
                        </div>

                        <div class="col-md-4" id="infortunato_select">
                            <label for="infortunato_ospedale" class="form-label">Ospedale</label>
                            <input class="form-control" type="text" id="infortunato_ospedale" placeholder=""
                                wire:model="infortunato_ospedale">
                        </div>
                        <div class="col-md-4">
                            <label for="generalizzato" class="form-label">Generalizzato</label>
                            <select class="form-control" style="width:100%" wire:model="generalizzato"
                                id="generalizzato">
                                <option value=""></option>
                                <option value="1" class="success">Sul luogo</option>
                                <option value="2" class="success">In ospedale</option>
                                <option value="3" class="success">Altrove</option>
                            </select>
                        </div>
                        <div class="col-md-4" id="generalizzato_select">
                            <label for="generalizzato_altrove" class="form-label">Altrove</label>
                            <input class="form-control" type="text" id="generalizzato_altrove" placeholder=""
                                wire:model="generalizzato_altrove">
                        </div>
                    </div>

                </div>
            </div>

            <div class="card collapsed-card">
                <div class="card-header">
                    <h3 class="card-title">Posizione del pedone</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                class="fas fa-plus"></i></button>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mt-3">
                        <div class="col-md-4">
                            <label for="pedone_posizione" class="form-label">Posizione del pedone</label>
                            <select class="form-control" style="width:100%" wire:model="pedone_posizione">
                                <option value=""></option>
                                <option value="1" class="success">Presente e in posizione</option>
                                <option value="2" class="success">Già soccorso e trasportato presso
                                    ospedale</option>
                                </ul>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="pedone_referto" class="form-label">Referto (Cod. TRIAGE)</label>
                            <textarea class="form-control" type="text" id="pedone_referto" rows="5"
                                wire:model="pedone_referto"></textarea>
                        </div>
                        <div class="col-md-4">
                            <label for="pedone_prognosi" class="form-label">Prognosi</label>
                            <input class="form-control" type="text" id="pedone_prognosi" placeholder=""
                                wire:model="pedone_prognosi">
                        </div>
                    </div>


                </div>

                <div class="card-body">
                    <div class="row mt-3">
                        <div class="col-md-4">
                            <div class="custom-control custom-switch custom-switch-md">
                                <input type="checkbox" class="custom-control-input" id="pedone_pioggia"
                                    wire:model="pedone_pioggia">
                                <label class="custom-control-label" for="pedone_pioggia">Caso di
                                    pioggia</label>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="pedone_ombrello" class="form-label">Ombrello</label>
                            <select class="form-control" style="width:100%" wire:model="pedone_ombrello">
                                <option value=""></option>
                                <option value="1">Si</option>
                                <option value="2">No</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="custom-control custom-switch custom-switch-md">
                                <input type="checkbox" class="custom-control-input" id="pedone_notte"
                                    wire:model="pedone_notte">
                                <label class="custom-control-label" for="pedone_notte">Caso di notte</label>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="pedone_abiti_scuri" class="form-label">Abiti scuri</label>
                            <select class="form-control" style="width:100%" wire:model="pedone_abiti_scuri">
                                <option value=""></option>
                                <option value="1">Si</option>
                                <option value="2">No</option>
                            </select>
                        </div>
                    </div>

                </div>
            </div>

            <div class="card collapsed-card">
                <div class="card-header">
                    <h3 class="card-title">Provvedimenti adottati</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                class="fas fa-plus"></i></button>
                    </div>
                </div>
                <div class="card-body">

                    <div class="row mt-3">
                        <div class="col-md-4">
                            <label for="verbale_violazione_numero" class="form-label">Verbale di violazione
                                Num.</label>
                            <textarea class="form-control" type="text" id="verbale_violazione_numero" rows="5"
                                wire:model="verbale_violazione_numero"></textarea>
                        </div>
                        <div class="col-md-4">
                            <label for="articolo_violato" class="form-label">Art. violato</label>
                            <input class="form-control" type="text" id="articolo_violato" placeholder=""
                                wire:model="articolo_violato">
                        </div>
                        <div class="col-md-4">
                            <label for="cds" class="form-label">C.D.S.</label>
                            <input class="form-control" type="text" id="cds" placeholder="" wire:model="cds">
                        </div>
                    </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="pedoneSave()">Salva</button>
            @endif
        </div>
    </div>
</div>
</div>
