@extends('admin.layouts.auth_layout')
@section('login_content')
<div class="row justify-content-center animate__animated animate__fadeIn">

    {{-- Admin Login Card --}}
    <div class="col-md-6 mb-4">
        <div class="card text-center shadow-sm h-100">
            <div class="card-body">
                <img src="/images/hmc-logo.png" alt="Admin Logo" class="mb-3" style="max-height:200px;">
                <h4 class="card-title">{{ config('constants.APP_NAME_SHORT') }}</h4>
                <p><b>{{ config('constants.APP_NAME') }}</b></p>
                <p class="text-muted"><b>Login to the HMC Portal</b></p>
                <a href="{{ route('admin.login') }}?portal=HMC" class="btn btn-success btn-lg mt-3">HMC Login</a>
            </div>
        </div>
    </div>

    {{-- SUDA Login Card --}}
    <div class="col-md-6 mb-4">
        <div class="card text-center shadow-sm h-100">
            <div class="card-body">
                <img src="/images/admin-logo.png" alt="SUDA Logo" class="mb-3" style="height:200px;">
                <h4 class="card-title">{{ config('constants.APP_NAME_SHORT') }}</h4>
                <p><b>{{ config('constants.APP_NAME') }}</b></p>
                <p class="text-muted"><b>Login to the SUDA Portal</b></p>
                <a href="{{ route('admin.login') }}?portal=SUDA" class="btn btn-primary btn-lg mt-3">SUDA Login</a>
            </div>
        </div>
    </div>

</div>
@endsection