@extends('layouts.metronic_login')

@section('title', 'Login')

@section('content')
<div class="lbodev-login">
    {{-- Painel esquerdo: formulário --}}
    <div class="lbodev-login__form-panel">
        <a href="{{ url('/') }}" class="lbodev-login__logo" aria-label="CRM Venas Abiertas">
            <div class="lbodev-login__logo-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M3 9L7.5 13.5L15 4.5" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </div>
            <span class="lbodev-login__logo-text">CRM Venas Abiertas</span>
        </a>

        <div>
            <h1 class="lbodev-login__heading">Acesse sua conta</h1>
            <p class="lbodev-login__subheading">Insira suas credenciais para gerenciar seus ativos.</p>

            @if (session('status'))
                <div class="lbodev-login__alert lbodev-login__alert--success" role="alert">
                    {{ session('status') }}
                </div>
            @endif

            @if ($errors->any())
                <div class="lbodev-login__alert lbodev-login__alert--error" role="alert">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

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

                <div class="lbodev-login__field">
                    <div class="lbodev-login__field-header">
                        <label for="email" class="lbodev-login__label">E-mail corporativo</label>
                    </div>
                    <input
                        class="lbodev-login__input @error('email') is-invalid @enderror"
                        type="email"
                        id="email"
                        name="email"
                        placeholder="nome@empresa.com.br"
                        value="{{ old('email') }}"
                        required
                        autofocus
                        autocomplete="username"
                    >
                </div>

                <div class="lbodev-login__field">
                    <div class="lbodev-login__field-header">
                        <label for="password" class="lbodev-login__label">Senha</label>
                        @if (Route::has('password.request'))
                            <a href="{{ route('password.request') }}" class="lbodev-login__forgot">Esqueceu?</a>
                        @endif
                    </div>
                    <input
                        class="lbodev-login__input @error('password') is-invalid @enderror"
                        type="password"
                        id="password"
                        name="password"
                        placeholder="••••••••"
                        value=""
                        required
                        autocomplete="current-password"
                    >
                </div>

                <label class="lbodev-login__remember">
                    <input
                        type="checkbox"
                        name="remember"
                        class="lbodev-login__checkbox"
                        {{ old('remember') ? 'checked' : '' }}
                    >
                    <span class="lbodev-login__remember-text">Lembrar-me por 30 dias</span>
                </label>

                <button type="submit" class="lbodev-login__submit" id="lbodevLoginSubmit">
                    Entrar no Sistema &rarr;
                </button>
            </form>
        </div>

        <div class="lbodev-login__footer">
            <span>&copy; {{ date('Y') }} CRM Venas Abiertas</span>
        </div>
    </div>

    {{-- Painel direito: branding --}}
    <div class="lbodev-login__brand-panel">
        <div class="lbodev-login__brand-content">
            <div class="lbodev-login__protocol">
                <span class="lbodev-login__protocol-line" aria-hidden="true"></span>
                <span class="lbodev-login__protocol-text">Venas Biertas</span>
            </div>

            <h2 class="lbodev-login__brand-title">
                Gerencie contratos de forma <span>simples</span>, segura e eficiente.
            </h2>

            <p class="lbodev-login__brand-desc">
                A plataforma definitiva para automação jurídica e gestão de ciclo de vida de contratos.
            </p>
        </div>

    </div>
</div>
@endsection

@push('scripts')
<script>
    document.getElementById('lbodevLoginForm')?.addEventListener('submit', function () {
        var btn = document.getElementById('lbodevLoginSubmit');
        if (btn) btn.disabled = true;
    });
</script>
@endpush