<div class="grid grid-cols-12 gap-y-7 sm:gap-7 card px-4 sm:px-10 2xl:px-[70px] py-15 lg:items-center lg:min-h-[calc(100vh_-_32px)] dk-theme-card-square">
    <!-- Start Overview Area -->
    <div class="col-span-full lg:col-span-6">
        <div class="flex flex-col items-center justify-center gap-10 text-center">
            <div class="hidden sm:block">
                <!-- <img src="assets/images/loti/loti-auth.svg" alt="loti" class="group-[.dark]:hidden">
                <img src="assets/images/loti/loti-auth-dark.svg" alt="loti" class="group-[.light]:hidden"> -->
                <?php
                    echo $this->Html->image("/admin/assets/images/logo/logo.svg", [
                        "alt" => "Oportunidadnegocio.cl",
                        'class' => 'group-[.dark]:hidden'
                    ]);
                ?>
                <?php
                    echo $this->Html->image("/admin/assets/images/logo/logo.svg", [
                        "alt" => "Oportunidadnegocio.cl",
                        'class' => 'group-[.light]:hidden'
                    ]);
                ?>
            </div>
        </div>
    </div>
    <!-- End Overview Area -->

    <!-- Start Form Area -->
    <div class="col-span-full lg:col-span-6 w-full lg:max-w-[600px]">
        <div class="border border-form dark:border-dark-border p-5 md:p-10 rounded-20 md:rounded-30 dk-theme-card-square">
            <h3 class="text-xl md:text-[28px] leading-none font-semibold text-heading">
                <?= __('Ingresar') ?>
            </h3>
            <p class="font-medium text-gray-500 dark:text-dark-text mt-4">
                <?= __('Bienvenido, ingrese con su cuenta') ?>
            </p>
            <?php echo $this->Form->create(null,['class' =>'leading-none mt-8']) ?>
                <div class="mb-2.5">
                    <label for="email" class="form-label"><?php echo __('Correo') ?></label>
                     <?php echo $this->Form->text('email',array('id'=>'email','class'=>'form-input px-4 py-3.5 rounded-l','label'=>false,'div'=>false,'placeholder'=>__('Ingrese su correo'),'required' => true)) ?>
                </div>
                <div class="mt-5">
                    <label for="password" class="form-label"><?php echo __('Contraseña') ?></label>
                    <div class="relative">
                        <?php echo $this->Form->control('clave',array('type'=>'password','class'=>'form-input px-4 py-3.5 rounded-lg','label'=>false,'templates' => ['inputContainer' => '{{content}}'],'placeholder' => __('Ingrese su contraseña'),'required' => true)) ?>
                        <label for="toggleInputType" class="size-8 rounded-md flex-center hover:bg-gray-200 dark:hover:bg-dark-icon foucs:bg-gray-200 dark:foucs:bg-dark-icon position-center left-[95%]">
                            <input type="checkbox" id="toggleInputType" class="inputTypeToggle peer/it" hidden>
                            <i class="ri-eye-off-line text-gray-500 dark:text-dark-text peer-checked/it:before:content-['\ecb5']"></i>
                        </label>
                    </div>
                </div>
                <div class="flex items-center justify-between mt-3 mb-7">
                    <div class="flex items-center gap-1 select-none">
                        <?php echo $this->Form->control('remember_me',['id'=>'remember_me','class'=>'','checked' => true, 'label'=>false]); ?>
                        <label for="rememberMe" class="font-spline_sans text-sm leading-none text-gray-900 dark:text-dark-text cursor-pointer"><?=__('Recuérdame') ?></label>
                    </div>
                </div>
                <!-- Submit Button -->
                <?= $this->Flash->render() ?>
                <?php echo $this->Form->button(__('Ingresar'), array('class'=>'btn b-solid btn-primary-solid w-full','type' => 'submit'));?>
            </form>
        </div>
    </div>
    <!-- End Form Area -->
</div>
