@extends('layouts.auth')

@section('content')

    <section class="section">
        <div class="container">
            <div class="columns is-centered">
                <div class="column is-half">
                    <div class="card">
                        <div class="card-content">
                            <p class="title">
                                <a href="/">
                                    <div class="centerimage">
                                        <div class="image-wrapper">
                                            <img src="/images/auth/escudotampinha.png" alt="Escudo"
                                                class="rotating-image">
                                            <img src="/images/auth/tampinhaicone.png" alt="Tampinha" class="static-image">
                                        </div>
                                    </div>
                                </a>
                            </p>


                            @if (session('status'))
                                <div class="notification is-success">
                                    {{ session('status') }}
                                </div>
                            @endif

                            @if ($errors->any())
                                <div class="notification is-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            <form method="POST" action="{{ route('login') }}">
                                @csrf

                                <div class="field">
                                    <label class="label" for="email">Email</label>
                                    <div class="control">
                                        <input class="input" id="email" type="email" name="email"
                                            value="{{ old('email') }}" required autofocus>
                                    </div>
                                </div>

                                <div class="field mt-4">
                                    <label class="label" for="password">Senha</label>
                                    <div class="control">
                                        <input class="input" id="password" type="password" name="password" required>
                                    </div>
                                </div>

                                <div class="field mt-4">
                                    <div class="control">
                                        <label class="checkbox" for="remember_me">
                                            <input id="remember_me" type="checkbox" name="remember">
                                            Lembrar de mim
                                        </label>
                                    </div>
                                </div>

                                <div class="field is-grouped">
                                    <div class="control">
                                        @if (Route::has('password.request'))
                                            <a class="button is-text" href="{{ route('password.request') }}">
                                                Esqueceu sua senha?
                                            </a>
                                        @endif
                                    </div>
                                    <div class="control">
                                        <button type="submit" class="button is-link">
                                            Entrar
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection