<!-- Modal CREATE-->
<x-modal modalId="modalAgregarLG" modalNameDetalleLabel="modalListGenericDetalleLabel" bodyId="" footerId="">
    @slot('modalTitle')
        Agregar listado genérico
    @endslot
    @slot('modalContent')
        <div class="row">
            <div class="col-12">
                <div class="form-group">
                    <label for="cotent_list">Titulo</label>
                    <input type="text" id="quickly_add_title" name="quickly_add_title" class="form-control mb-2"
                        wire:model.defer="quickly_add_title" placeholder="Titulo" required maxlength="500" minlength="1">
                    <div class="my-2">
                        <span class="text-danger d-none" id="err_rep_rap">El
                            Campo titulo es
                            obligatorio.</span>
                    </div>

                    <div>
                        <label for="cotent_list">Descripción</label>
                        <textarea wire:model.defer="quickly_description" id="quickly_description"
                            class="form-control"></textarea>
                        @error('quickly_description') <span class="text-danger">{{ $message }}</span>@enderror
                        <div class="mt-2"></div>
                        <span class="text-danger d-none " id="err_rep_rap_des">El
                            Campo descripción es
                            obligatorio.</span>
                    </div>
                </div>
            </div>
        </div>
    @endslot
    @slot('modalFooter')
        <button type="button" id="buttonAddQuickly" class="btn btn-primary">Guardar</button>
    @endslot
</x-modal>
<!-- Modal -->

<!-- Modal update-->
<x-modal modalId="modalUpdateLG" modalNameDetalleLabel="modalListGenericDetalleLabel" bodyId="" footerId="">
    @slot('modalTitle')
        Actualizar listado genérico
        <div class="text-center my-3">
            <div wire:loading class="loading">
                <div class="sp sp-circle"></div>
            </div>
        </div>
    @endslot
    @slot('modalContent')
        <div class="row">
            <div class="col-12">
                <div class="form-group">
                    <label for="cotent_list">Respuesta
                        rápida</label>

                    @if (count($quickly_answers) > 0)
                        <div class="w-100">
                            <select name="list_generic_selec_edit" wire:model="list_generic_selec_update"
                                class="list_generic_selec_edit w-75 mb-3" id="list_generic_selec_edit">
                                <option value=""></option>
                                @foreach ($quickly_answers as $item)
                                    <option value="{{ trim($item->id) }}">
                                        @php
                                            echo trim($item->title);
                                        @endphp
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="my-3">
                            <input type="text" id="quickly_upd_title" name="quickly_upd_title" class="form-control mt-3"
                        wire:model="quickly_upd_title" placeholder="Titulo" required maxlength="500" minlength="1">
                        <p class="mb-3">
                            <span class="text-danger d-none" id="err_title_listUpd">El campo titulo es obligatorio.</span>
                        </p>

                            <textarea  id="quickly_description_upd"
                                class="form-control"></textarea>
                            @error('quickly_description_upd') <span class="text-danger">{{ $message }}</span>@enderror
                        </div>
                    @endif

                    <span class="text-danger d-none" id="err_descr_listUpd">El campo descripción es obligatorio.</span>
                </div>
            </div>
        </div>
    @endslot
    @slot('modalFooter')
        <button type="button" id="buttonListGUpdate" class="btn btn-primary">Guardar</button>
    @endslot
</x-modal>
<!-- Modal -->
