@php
    $configData = Helper::applClasses();
@endphp
@extends('layouts/fullLayoutMaster')

@section('title', 'Login Page')

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/pages/page-auth.css')) }}">
@endsection

@section('content')
    <div class="auth-wrapper auth-v1 px-2">
        <div class="auth-inner py-2">
            <!-- Login v1 -->
            <div class="card mb-0">
                <div class="card-body">
                        @include('content.authentication.auth-logo-v2')


                    <h4 class="card-title mb-1">Termine su registro 📖</h4>
                    <p class="card-text mb-2">Por favor ingrese su usuario del sistema VisualPlus</p>
                    @if(isset($error))
                        <div class="alert alert-danger">
                            <div class="alert-body">
                                {{$error}}
                            </div>
                        </div>
                    @endif
                    <form class="auth-login-form mt-2" action="{{route('auth-username-config-save',['site'=>$configData['site']])}}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label class="form-label" for="register-username">Username</label>
                            <input required class="form-control" id="register-username" type="text" name="username"
                                   placeholder="Nombre de usuario" aria-describedby="register-username" autofocus=""
                                   tabindex="1"/>
                        </div>
                        <button class="btn btn-primary btn-block" tabindex="4">Guardar</button>
                        <a href="{{route('logout',['site'=>$configData['site']])}}" class="btn btn-danger btn-block" tabindex="4">Salir</a>
                    </form>
                </div>
            </div>
            <!-- /Login v1 -->
        </div>
    </div>
@endsection

@section('vendor-script')
    <script src="{{asset(mix('vendors/js/forms/validation/jquery.validate.min.js'))}}"></script>
@endsection

@section('page-script')
    <script src="{{asset(mix('js/scripts/pages/page-auth-login.js'))}}"></script>
@endsection