@extends('layouts.auth', ['title' => 'Login'])

@section('content')
<div class="auth-panel-top">
    <span class="auth-panel-badge">Akses Sistem</span>
    <h1 class="auth-title">Masuk ke SILONTAR</h1>
    <p class="auth-subtitle">
        Silakan masuk menggunakan akun Anda untuk mengakses dashboard dan layanan administrasi SILONTAR.
    </p>
</div>

<div class="auth-form-card">
    @if(session('login_status_badge') && session('login_status_email') && old('email') === session('login_status_email'))
        @include('partials.operator-status-badge', [
            'status' => session('login_status'),
            'label' => session('login_status_badge'),
            'class' => 'mb-3',
        ])
    @endif

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

    @if(session('warning'))
        <div class="alert alert-warning">
            {{ session('warning') }}
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    @if(! \App\Models\Setting::get('registration_open', true))
        <div class="alert alert-warning">
            <i class="fas fa-lock mr-1"></i> Untuk sementara registrasi sudah ditutup.
        </div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0 pl-3">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('login.post') }}" method="POST">
        @csrf       
        <div class="form-group">
            <label for="email">Email</label>
            <div class="input-group">
                <input
                    type="email"
                    name="email"
                    id="email"
                    class="form-control"
                    placeholder="Masukkan email"
                    value="{{ old('email') }}"
                    required
                    autofocus
                >
                <div class="input-group-append">
                    <span class="input-group-text">
                        <i class="fas fa-envelope"></i>
                    </span>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label for="password">Password</label>
            <div class="input-group">
                <input
                    type="password"
                    name="password"
                    id="password"
                    class="form-control"
                    placeholder="Masukkan password"
                    required
                >
                <div class="input-group-append">
                    <span class="input-group-text toggle-password" onclick="togglePassword('password', 'iconPassword')">
                        <i class="fas fa-eye" id="iconPassword"></i>
                    </span>
                </div>
            </div>
        </div>

        @if(!empty($showCaptcha))
            <div class="form-group">
                <label for="captcha_answer">
                    Verifikasi manusia
                    <small class="text-muted">(karena beberapa percobaan login gagal)</small>
                </label>
                <div class="input-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text">{{ $captchaQuestion }}</span>
                    </div>
                    <input
                        type="number"
                        name="captcha_answer"
                        id="captcha_answer"
                        class="form-control"
                        placeholder="Jawaban"
                        inputmode="numeric"
                        required
                    >
                </div>
            </div>
        @endif

        <button type="submit" class="btn btn-primary btn-block auth-btn mt-3">
            <i class="fas fa-sign-in-alt mr-1"></i> Login
        </button>
    </form>
</div>

<div class="auth-footer-link">
    Belum punya akun?
    @if(\App\Models\Setting::get('registration_open', true))
        <a href="{{ route('register') }}">Registrasi di sini</a>
    @else
        <span class="text-muted" style="cursor: not-allowed; text-decoration: none;">
            Registrasi ditutup sementara
        </span>
    @endif
</div>

@endsection