@extends('layouts.app')
@section('title', 'Nexus - Login')
@section('content')

<div class="container-form">

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

        <div class="container-title">
            <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Ingline Logo" class="h-10">
        </div>

        <div class="container-message">

        </div>

        <h1 class="form-title">
            Efetue seu login
        </h1>

        <x-session-messages />

        <div class="input-group">
            <label for="email" class="form-label">E-mail</label>
            <input class="form-input-class" id="email" type="email" name="email" value="{{ old('email') }}" placeholder="suporte@provedor.com" required>
        </div>

        <div class="input-group">
            <label for="password" class="form-label">Senha</label>
            <input class="form-input-class" id="password" type="password" name="password" placeholder="••••••••" required>
        </div>

        <div class="mt-4">
            <button class="form-button-class" type="submit">Login</button>
        </div>

        <div class="forget-password">
            <a href="#">Esqueceu sua senha?</a>
        </div>

    </form>

</div>
@endsection