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

@section('title', 'Login')

@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-v2">
  <div class="auth-inner row m-0">
      <!-- Brand logo-->
      @include('content.authentication.auth-logo-v2')
      <!-- /Brand logo-->
      <!-- Left Text-->
      <div class="d-none d-lg-flex col-lg-8 align-items-center p-5">
        <div class="w-100 d-lg-flex align-items-center justify-content-center px-5">
          @if($configData['theme'] === 'dark')
          <img class="img-fluid" src="{{asset('images/pages/login-v2-dark.svg')}}" alt="Login V2" />
          @else
          <img class="img-fluid" src="{{asset('images/pages/login-v2.svg')}}" alt="Login V2" />
          @endif
        </div>
      </div>
      <!-- /Left Text-->
      <!-- Login-->
      <div class="d-flex col-lg-4 align-items-center auth-bg px-2 p-lg-5">
        <div class="col-12 col-sm-8 col-md-6 col-lg-12 px-xl-2 mx-auto">
          <h4 class="card-title mb-1">Bienvenido a VisualPlus! &#x1F44B;</h4>
          <p class="card-text mb-2">Por favor ingrese su correo y contraseña</p>
            @if ($error = $errors->first('password'))
                <div class="alert alert-danger" role="alert">
                    <div class="alert-body">
                        {{ $error }}
                    </div>
                </div>
            @endif
          <form class="auth-login-form mt-2" action="{{route('login-post',['site'=>$configData['site']])}}" method="POST">
              @csrf
            <div class="form-group">
              <label class="form-label" for="login-email">Correo</label>
              <input  value="{{ old('email') }}" class="form-control" id="login-email" type="text" name="email" placeholder="tecsicom@example.com" aria-describedby="login-email" autofocus="" tabindex="1" />
            </div>
            <div class="form-group">
              <div class="d-flex justify-content-between">
                <label for="login-password">Contraseña</label>
                <a href="{{route('auth-forgot-password',['site'=>$configData['site']])}}">
                  <small>Olvidó su contraseña?</small>
                </a>
              </div>
              <div class="input-group input-group-merge form-password-toggle">
                <input class="form-control form-control-merge" id="login-password" type="password" name="password" placeholder="············" aria-describedby="login-password" tabindex="2" />
                <div class="input-group-append">
                  <span class="input-group-text cursor-pointer">
                    <i data-feather="eye"></i>
                  </span>
                </div>
              </div>
            </div>
            <div class="form-group">
              <div div class="custom-control custom-checkbox">
                <input class="custom-control-input" id="remember-me" type="checkbox" tabindex="3" />
                <label class="custom-control-label" for="remember-me">Recordarme</label>
              </div>
            </div>
            <button class="btn btn-primary btn-block" tabindex="4">Ingresar</button>
          </form>
          <p class="text-center mt-2">
            <span>Nuevo en la plataforma?</span>
            <a href="{{route('auth-register-v2',['site'=>$site])}}"><span>&nbsp;Crear una cuenta</span></a>
          </p>
          <div class="divider my-2">
            <div class="divider-text">o ingresar con</div>
          </div>
            @include('content.authentication.auth-social-buttons',['site'=>$site]);
      </div>
    </div>
    <!-- /Login-->
  </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