@extends('layouts.auth')

@section('content')
    <div class="login-image">
        <div class="welcome-text">
            <h2>Área Segura</h2>
        </div>
    </div>

    <div class="login-form">
        <div class="logo-wrapper text-center">
            <img src="{{ asset('img/logo-promu.png') }}" alt="Logo Procuradoria da Mulher" class="logo">
        </div>

        <div class="alert alert-info mb-4">
            Esta é uma área segura da aplicação. Por favor, confirme sua senha antes de continuar.
        </div>

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

            <div class="form-floating">
                <input type="password" class="form-control @error('password') is-invalid @enderror" id="password"
                    name="password" placeholder="Senha" required autocomplete="current-password">
                <label for="password">Senha</label>

                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#b56297" class="input-icon"
                    viewBox="0 0 256 256" @error('password') style="display:none" @enderror>
                    <path
                        d="M208,80H176V56a48,48,0,0,0-96,0V80H48A16,16,0,0,0,32,96V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V96A16,16,0,0,0,208,80ZM96,56a32,32,0,0,1,64,0V80H96ZM208,208H48V96H208V208Zm-68-56a12,12,0,1,1-12-12A12,12,0,0,1,140,152Z">
                    </path>
                </svg>

                @error('password')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <button type="submit" class="btn btn-login text-white">
                Confirmar
            </button>
        </form>
    </div>
@endsection