@extends ('layouts.app-login')

@section ('content')

<div class="form_side d-flex justify-content-center align-items-center flex-column">

    <h1>Bem vindo ao <strong>Ateliê Mais</strong></h1>

    <h2 class="mt-4 font-weight-light">Faça seu login</h2>

	<form method="POST" action="{{ route('login') }}" accept-charset="utf-8" class="w-100">
        {{ csrf_field() }}

		<input type="email" required name="email" id="email" value="{{ old('email') }}" placeholder="email@dominio.com.br" class="form-control form-control-lg rounded border-0 mb-3">
		<input type="password" required name="password" id="password" placeholder="Sua senha" class="form-control form-control-lg rounded border-0 mb-3">

        <input type="submit" value="Login" class="btn btn-lg btn-light rounded-pill float-right">
        <p>
            <span class="d-flex w-100">
                <a href="{{ route('password.request') }}">Esqueci a Senha</a>
            </span>
        </p>
        <p>Ou se você não possui cadastro <a href="{{ route('register') }}"><strong>CADASTRE-SE</strong></a></p>

        @if ($errors->has('user_type'))
            <p>
                <span class="auth_error rounded">
                    <img src="/images/alert.svg" alt="Erro">
                    <strong>{{ $errors->first('user_type') }}</strong>
                </span>
            </p>
        @endif
        @if ($errors->has('password'))
            <p>
                <span class="auth_error rounded">
                    <img src="/images/alert.svg" alt="Erro">
                    <strong>{{ $errors->first('password') }}</strong>
                </span>
            </p>
        @endif
        @if ($errors->has('email'))
            <p>
                <span class="auth_error rounded">
                    <img src="/images/alert.svg" alt="Erro">
                    <strong>{{ $errors->first('email') }}</strong>
                </span>
            </p>
        @endif
	</form>

</div>

@endsection