@extends('layouts.app2')

@section('content')
<div id="app">
    <div class="limiter">
        <div class="container-login100">
    		<form method="POST" action="{{ route('login') }}">
                        @csrf			
			<input type="hidden" name="force_login" id="force_login" value="0">
			<input type="hidden" name="device_id" id="device_id">
			<input type="hidden" name="device_signature" id="device_signature">
                        <div class="wrap-login100 p-t-50 p-b-90">
				<span class="login100-form-title p-b-51">Iniciar sesión</span>
				@if ($errors->has('auth'))
				    <div class="alert alert-danger">
				        {{ $errors->first('auth') }}
				    </div>
				@endif
				<div class="wrap-input100 validate-input m-b-16" data-validate="Campo requerido">
                           		<input id="username" type="text" class="input100 @error('username') is-invalid @enderror" name="username" placeholder="usuario" value="{{ old('username') }}" required autocomplete="username" autofocus>
						@error('username')
                                    			<span class="invalid-feedback" role="alert">
                                        		<strong>{{ $message }}</strong>
                                    			</span>
                                		@enderror
						<span class="focus-input100"></span>
                        	</div>
                        	<div class="wrap-input100 validate-input m-b-16" data-validate="Campo requerido">
                                	
					<input id="password" type="password" class="input100 @error('password') is-invalid @enderror" name="password" placeholder="contraseña" required autocomplete="current-password">
		                                @error('password')
               			                     <span class="invalid-feedback" role="alert">
                               			     <strong>{{ $message }}</strong>
                                    		     </span>
                                		@enderror
						<span class="focus-input100"></span>
                            	</div>
				<div class="container-login100-form-btn m-t-17">
                    			<button type="submit" class="login100-form-btn" >  {{ __('Login') }}</button>
                		</div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@push('scripts')
<script src="{{ asset('js/crypto-js.min.js') }}"></script>
<script src="{{ asset('js/login-device.js') }}"></script>
@endpush