@extends('layouts.admin')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <link rel="stylesheet" href="{{ asset('css/css2.css') }}">
@stop

@section('menu')
    
@stop

@section('content')

<div class="container-fluid espacio15">
    <div class="row">
        <div class="col-lg-12 col-12">
            <div class="row">
                <div class="col-lg-6 col-12">
                    <div class="row">
                        <div class="col-lg-1"></div>
                        <div class="col-lg-10 col-12 espacio30">
                            <img alt="Logo" src="{{ asset('img\LogoHappyBeeSimple.png') }}" class="img-fluid"/>
                        </div>
                        <div class="col-md-1"></div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <div class="row espacio5">
                        <div class="col-md-12">
                            <h3 class="text-muted text-center color_pag">{{ __('Inicio de Sesion') }}</h3>
                        </div>
                    </div>
                    <div class="row espacio15">
                        <div class="col-md-2"></div>
                        <div class="col-md-8">
                            <form method="POST" action="{{ route('login_user') }}">
                                @csrf
                                <div class="form-group espacio10">
                                    <label>{{ __('Nombre de Usuario') }}</label>
                                    <input type="text" class="form-control" id="username" name="username" />
                                </div>
                                <div class="form-group espacio10">
                                    <label>{{ __('Password') }}</label>
                                    <input type="password" class="form-control" id="password" name="password" />
                                </div>
                                <div class="checkbox espacio10">
                                    <label for="remember_me" class="inline-flex items-center">
                                        <input id="remember_me" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
                                        <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Recuerdame') }}</span>
                                    </label>
                                </div>
                                <div class="espacio10"></div>
                                <button type="submit" class="btn btn-sm btn-primary">{{ __('Ingresar') }}</button>
                                <span class="costado_corto">Si no tiene una cuenta favor de </span>
                                <a href="{{ route('user.create') }}" class="btn-sm btn-primary" type="button">Registrarse</a>
                            </form>
                        </div>
                        <div class="col-md-2"></div>
                    </div>
                    <div class="row espacio40">
                        <h3 class="text-muted text-center color_pag">{{"Sistema en Mantenimiento, algunas opciones no estan habilitadas"}}</h3>
                        <h3 class="text-muted text-center color_pag">{{"Muy pronto , estaremos completamente operativos"}}</h3>
                    </div>              
                </div>
            </div>
        </div>
    </div>
</div>

@stop

@section('scripts')
    <script src="{{ asset('js/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/scripts.js') }}" defer></script>
@endsection