@php
    $styleModal = "max-height:70%; border-radius: 0px;";
    $styleDivHeader = "background-color: #6329A1; width: 100%; height: 39px; display: flex; align-items: center; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;";
    $styleHeader = "color: #fff; margin-left: 2.1rem;";
@endphp

@component('templates.modal',['modalId' => 'add_administrator_user', 'title' => 'Agregar Administrador', 'classDiv' => 'col-md', 'styleModal' => $styleModal,
                              'styleDivHeader' => $styleDivHeader, 'styleHeader' => $styleHeader, 'styleFooter' => 'text-align: center'])
    @slot('body')
        <div class="row">
            <div id="div_administrator_user">
                <input type="hidden" name="uuidKey" value="">
                <div class="col s12">
                    <div class="input-field col s12 m6">
                        <input id="username"
                               class="validate"
                               type="email"
                               name="username"
                               placeholder="usuario"
                               required />
                        <label for="username">Correo <span style="color:red">*</span></label>
                    </div>
                </div>

                <div class="col s12">
                    <div class="input-field col s12 m6">
                        <select id="identificationType" name="identificationType" class="icons validate" style="z-index: 9999" placeholder="Seleccione un tipo" required>
                            <option value="CC">CC: CEDULA</option>
                            <option value="CE">CE: CEDULA DE EXTRANJERIA</option>
                            <option value="PAS">PAS: PASAPORTE</option>
                            <option value="NIT">NIT: NIT</option>
                        </select>
                        <label for="identificationType"> Tipo de identificación <span style="color:red">*</span></label>
                    </div>

                    <div class="input-field col s12 m6">
                        <input id="identification"
                               class="validate"
                               type="text"
                               name="identification"
                               placeholder="Identificación"
                               required />
                        <label for="identification">Identificación <span style="color:red">*</span></label>
                    </div>


                </div>

                <div class="col s12">
                    <div class="input-field col s12 m12">
                        <input id="fullName"
                               class="validate"
                               type="text"
                               name="fullName"
                               placeholder="Nombre"
                               required />
                        <label for="fullName">Nombre <span style="color:red">*</span></label>
                    </div>
                </div>
            </div>
        </div>
    @endslot

    @slot('footer')
        <button id="cancelarAdmin" type="button" class="modal-action modal-close waves-red btn waves-effect waves-light mr-4">
            Cancelar
        </button>
        <button class="modal-action waves-effect btn indigo waves-light editButton" id="administrator-user-button" >Guardar</button>
    @endslot
@endcomponent