@extends('layouts.app')
@section ('title')
sisVentas | Login
@endsection
@section('content')
<div class="auth-fluid">
            <!--Auth fluid left content -->
            <div class="auth-fluid-form-box">
                <div class="align-items-center d-flex h-100">
                    <div class="card-body">

                        <!-- Logo -->
                        <div class="auth-brand text-center text-lg-start">
                            <a href="index.html" class="logo-dark">
                                <span><img src="{{asset('Admin/assets/images/LogoInnsotech.png') }}" alt="" height="70"></span>
                            </a>
                            <a href="index.html" class="logo-light">
                                <span><img src="{{asset('Admin/assets/images/LogoInnsotech.png') }}" alt="" height="70"></span>
                            </a>
                        </div>

                        <!-- title-->
                        <h4 class="mt-0">{{ __('Acceso al Sistema') }}</h4>
                        <p class="text-muted mb-4">Ingrese su dirección de correo electrónico y contraseña para acceder a la cuenta.</p>

                        <!-- form -->
                        <form method="POST" action="{{ route('login') }}">
                            @csrf
                            <div class="mb-3">
                                <label for="email" class="form-label">{{ __('Dirección de correo electrónico') }}</label>
                                <input class="form-control @error('email') is-invalid @enderror" type="email" id="email" name="email" value="{{ old('email') }}" autocomplete="email" placeholder="Introduce tu correo electrónico" autofocus>
                                    @error('email')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                            </div>
                            <div class="mb-3">
                                @if (Route::has('password.request')) 
                                <a href="{{ route('password.request') }}" class="text-muted float-end"><small>{{ __('Olvidaste tu contraseña?') }}</small></a>
                                @endif
                                <label for="password" class="form-label">{{ __('Contraseña') }}</label>
                                <input class="form-control @error('password') is-invalid @enderror" type="password" id="password" name="password" placeholder="Introduce tu Contraseña" autocomplete="current-password">
                                    @error('password')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                            </div>
                            <div class="mb-3">
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" value="remember-me" id="remember" {{ old('remember') ? 'checked' : '' }}>
                                    <label class="form-check-label" for="remember">{{ __('Acuérdate de mí') }}</label>
                                </div>
                            </div>
                            <div class="d-grid mb-0 text-center">
                                <button class="btn btn-primary" type="submit"><i class="mdi mdi-login"></i> {{ __('Iniciar Sesión') }} </button>
                            </div>
                            <!-- social-->
                            <div class="text-center mt-4">
                                <p class="text-muted font-16">Manual de Usuario</p>
                                <ul class="social-list list-inline mt-3">
                                    <li class="list-inline-item">
                                        <a href="https://www.youtube.com/@innsotech/" target="__blank" class="social-list-item border-danger text-danger"><i class="mdi mdi-youtube"></i></a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a href="https://www.facebook.com/innsotechperu" target="__blank" class="social-list-item border-primary text-primary"><i class="mdi mdi-facebook"></i></a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a href="https://twitter.com/WLlactahuaman" target="__blank" class="social-list-item border-info text-info"><i class="mdi mdi-twitter"></i></a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a href="https://www.instagram.com/wilberarangollactahuaman/" target="__blank" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-instagram"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </form>
                        <!-- end form-->

                        <!-- Footer-->
                        <footer class="footer footer-alt">
                            <p class="text-muted">Desarrollado por <a href="https://innsotech.com/" target="__blank" class="text-muted ms-1"><b>innsotech.com</b></a></p>
                        </footer>

                    </div> <!-- end .card-body -->
                </div> <!-- end .align-items-center.d-flex.h-100-->
            </div>
            <!-- end auth-fluid-form-box-->

            <!-- Auth fluid right content -->
            <div class="auth-fluid-right text-center">
                <div class="auth-user-testimonial">
                    <h2 class="mb-3">Bienvenidos!</h2>
                    <p class="lead"><i class="mdi mdi-format-quote-open"></i> Sistema de Compras y Ventas <i class="mdi mdi-format-quote-close"></i>
                    </p>
                    <p>
                        Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
                    </p>
                </div> <!-- end auth-user-testimonial-->
            </div>
            <!-- end Auth fluid right content -->
        </div>
@endsection
