@php

    $carpeta = Str::slug(config('app.name'), '');

@endphp

@extends('coopdigital::diseños.cabecera')

{{-- Título --}}
@section('tituloCabecera', 'Registro de Sesión')

{{-- Estilos --}}
@section('cssCabecera')

    <!-- CSS -->
    <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/css/vista/registro.css') }}">

@endsection

{{-- Contenido --}}
@section('contenidoCabecera')

    {{-- Cuerpo --}}

    <body>

        {{-- Contenedor --}}
        <div id="contenedor">

            {{-- Fila contenedor --}}
            <div class="row">

                {{-- Contenedor izquierdo --}}
                <div class="col-lg-5 col-12">

                    {{-- Contenedor --}}
                    <div id="contenedorIzquierdo">

                        {{-- Logo --}}
                        <img src="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/logotipo.png" alt="{{ config('app.name') }}" id="logotipo">

                        {{-- Título --}}
                        <h1 class="titulo">Registro de Sesión</h1>

                        <div class="row">

                            <div class="col-12">

                                <div class="row">

                                    <div class="col-7 mb-2">
                                        {{-- Mensaje de validación sobre el inicio de sesión fallido --}}
                                        <div class="alert alert-danger" id="etiquetaValidacion"></div>
                                    </div>

                                    <div class="col-7 mb-2">

                                        {{-- Campo cédula --}}
                                        <div class="form-group position-relative has-icon-left">
                                            <input type="text" class="form-control form-control-xl" placeholder="Cédula"
                                                id="cedula" name="cedula" value="{{ old('cedula') }}">
                                            <div class="form-control-icon">
                                                <i class="bi bi-card-text"></i>
                                            </div>
                                        </div>

                                    </div>


                                    <div class="col-7 mb-2">

                                        {{-- Campo código --}}
                                        <div class="form-group position-relative has-icon-left">
                                            <input type="text" class="form-control form-control-xl" placeholder="Código Cliente"
                                                id="codigo" name="codigo" value="{{ old('codigo') }}">
                                            <div class="form-control-icon">
                                                <i class="bi bi-person-badge-fill"></i>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="col-7">

                                        {{-- Botón verificar identidad --}}
                                        <button class="btn btn-primary w-100" id="botonVerificar">Verificar
                                            Registro</button>

                                    </div>

                                </div>

                            </div>

                        </div>

                        {{-- Enlace para iniciar sesión --}}
                        <p><a class="font-bold" href="{{ route('inicioSesion') }}">Iniciar
                                Sesión</a>.</p>

                    </div>
                </div>

                {{-- Contenedor derecho --}}
                <div class="col-lg-7">

                    {{-- Contenido --}}
                    <div id="contenedorDerecho"></div>

                </div>

            </div>

        </div>

        {{-- jQuery v3.6.0 --}}
        <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/jquery/3.6.0/jquery.min.js') }}"></script>

        {{-- iMask v6.4.2 --}}
        <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/imask/6.4.2/imask.js') }}"></script>

        {{-- JS --}}
        <script src="{{ asset('vendor/daite/coopdigital/src/public/js/vista/registro.js') }}"></script>

    </body>

@endsection
