<div>
    <div class="row py-1">
        <!--***************************-->
        <!--** TIPODOCUMENTO         **-->
        <!--***************************-->
        <div class="col-md-2">
            <x-form.lw.selectlabel label="Tipo de documento" msj="Seleccione el tipo" identificador="tipo_documento" atributo="tipo_documento">
                <option value="C">Cedula</option>
                <option value="P">Pasaporte</option>
                <option value="O">Otros</option>
            </x-form.lw.selectlabel>
        </div>
        <!--***************************-->
        <!--** DOCUMENTO              **-->
        <!--***************************-->
        <div class="col-md-2">
            <x-form.lw.inputlabel label="# Documento" msj="Inserte numero de documento" identificador="documento" maxlength="15" />
        </div>
        <!--***************************-->
        <!--** NOMBRE              **-->
        <!--***************************-->
        <div class="col-md-3">
            <x-form.lw.inputlabel label="Nuevo anestesiologo" msj="Inserte nombres " identificador="nombre" maxlength="65" />
        </div>
        <!--***************************-->
        <!--** GENERO                **-->
        <!--***************************-->
        <div class="col-md-3">
            <x-form.lw.selectlabel label="Genero" msj="Seleccione el genero" identificador="genero" atributo="genero">
                <option value="F">Femenino&nbsp;<i class="fa-solid fa-mercury"></i></option>
                <option value="M">Masculino&nbsp;<i class="fa-solid fa-mars"></i></option>
            </x-form.lw.selectlabel>
        </div>
        <div class="col-md-2">
            <!--***************************-->
            <!--** BOTON REGISTRAR       **-->
            <!--***************************-->
            <button class="btn btn-sm border-primary bg-azul-intenzo rounded border-2 text-white shadow mt-4" data-bs-toggle="modal"
                data-bs-target="#modal_registrar_anestesiologo" data-bs-placement='top' data-bs-toggle='tooltip'
                title="Activar anestesiologo">
                Registrar&nbsp;<i class="fas fa-save text-primary"></i>
            </button>
        </div>
    </div>
    <div>
        <!--********************************************-->
        <!--** MODAL REGISTRAR REGISTRO              **-->
        <!--********************************************-->
        <x-modal.simple titulo="Registra anestesiologo" identificador="modal_registrar_anestesiologo" class="my-1 mx-3"
            msj="Actualizando anestesiologo" accion="actualizar_anestesiologo" preparar="seleccionar_anestesiologo"
            msjpreparar="Buscando anestesiologo" tipo="md">
            <x-slot name="body">
                <div wire:loading.remove>
                    <div align="center">
                        <h1> <i class="fa-solid fas fa-save text-primary"></i></h1>
                        <div class="text-secondary"> Confirme si desea registrar el anestesiologo.
                        </div>

                        <small class="text-secondary">Si desea continuar con la operacion pulse registrar y si desea
                            omitirla
                            pulse cancelar.</small>
                    </div>
                </div>
            </x-slot>
            <x-slot name="footer">
                <div wire:loading.remove>
                    <!--****************************************************-->
                    <!--** BOTONES DEL MODAL                              **-->
                    <!--****************************************************-->
                    <div class="d-flex justify-content-end mt-0 mb-2 p-0">
                        <x-btn.cancelar accion='resetear'>Cancelar</x-btn.cancelar>
                        &nbsp;
                        <x-btn.guardar accion='registrar_anestesiologo'>Registrar</x-btn.guardar>
                    </div>
                </div>
            </x-slot>
        </x-modal.simple>

    </div>
</div>
