@extends('layouts.auth')

@section('content')
    @if (session('error') || request()->query('session_expired'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') ?? __('messages.session_expired') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <form method="POST" action="{{ route('login') }}">
        @csrf
        
        <div class="text-center mb-4">
            <h3 class="text-center mb-2 text-black">{{ __('auth.sign_in') }}</h3>
            <span>{{ __('auth.your_social_campaigns') }}</span>
        </div>

        {{-- Email Field --}}
        <div class="mb-3">
            <label for="email" class="form-label mb-2 fs-13 label-color font-w500">
                {{ __('auth.email_address') }}
            </label>

            <input type="email"
                class="form-control @error('email') is-invalid @enderror"
                id="email"
                name="email"
                value="{{ old('email') }}"
                required
                autocomplete="email"
                autofocus>

            @error('email')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        {{-- Password Field --}}
        <div class="mb-3">
            <label for="password" class="form-label mb-2 fs-13 label-color font-w500">
                {{ __('auth.password') }}
            </label>

            <input type="password"
                class="form-control @error('password') is-invalid @enderror"
                id="password"
                name="password"
                required
                autocomplete="current-password">

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

        {{-- Remember Me --}}
        <div class="mb-3 form-check">
            <input class="form-check-input"
                type="checkbox"
                name="remember"
                id="remember"
                {{ old('remember') ? 'checked' : '' }}>

            <label class="form-check-label" for="remember">
                {{ __('auth.remember_me') }}
            </label>
        </div>

        {{-- Forgot Password --}}
        @if (Route::has('password.request'))
            <a href="{{ route('password.request') }}" class="text-primary float-end mb-4">
                {{ __('auth.forgot_password') }}
            </a>
        @endif

        {{-- Submit Button --}}
        <button type="submit" class="btn btn-block btn-primary">
            {{ __('auth.sign_in_btn') }}
        </button>
    </form>

    {{-- Sign Up Link --}}
    {{-- <div class="new-account mt-3 text-center">
        <p class="font-w500">
            {{ __('auth.dont_have_account') }}
            <a class="text-primary" href="{{ route('register') }}">
                {{ __('auth.sign_up') }}
            </a>
        </p>
    </div> --}}
@endsection