@extends('layouts.app')

@section('title', 'Admin Editorial Login – International Journal of Computer Networks & Communications (IJCNC)')

@section('extra_css')
<style>
    .admin-login-card {
        background: #fdfdfd;
        border: 1px solid #d5d5d5;
        border-top: 5px solid #8e850a;
        padding: 28px;
        margin: 25px 0;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        border-radius: 4px;
    }
    .admin-input-group {
        margin-bottom: 18px;
    }
    .admin-input-group label {
        display: block;
        font-weight: bold;
        font-size: 13px;
        margin-bottom: 6px;
        color: #222;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    .admin-input-group input[type="text"],
    .admin-input-group input[type="password"] {
        width: 100%;
        max-width: 440px;
        padding: 9px 12px;
        font-size: 14px;
        border: 1px solid #bbb;
        border-radius: 3px;
        box-sizing: border-box;
        font-family: inherit;
        background: #fff;
    }
    .admin-input-group input:focus {
        border-color: #8e850a;
        outline: none;
        box-shadow: 0 0 5px rgba(142, 133, 10, 0.4);
    }
    .btn-admin-login {
        background-color: #896900 !important;
        color: #fff !important;
        border: none;
        padding: 9px 24px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 3px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        transition: background-color 0.2s ease;
    }
    .btn-admin-login:hover {
        background-color: #9E6100 !important;
    }
    .login-badge-info {
        background: #eef2f7;
        border: 1px solid #cfd9e8;
        border-left: 4px solid #3858e9;
        padding: 12px 16px;
        margin-top: 20px;
        font-size: 12px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: #1e3a8a;
        border-radius: 3px;
    }
    .alert-danger-box {
        background: #fde8e8;
        border: 1px solid #f8b4b4;
        border-left: 4px solid #e02424;
        color: #9b1c1c;
        padding: 12px 16px;
        margin-bottom: 18px;
        font-size: 13px;
        border-radius: 3px;
    }
    .alert-success-box {
        background: #e8f5e9;
        border: 1px solid #c8e6c9;
        border-left: 4px solid #2e7d32;
        color: #1b5e20;
        padding: 12px 16px;
        margin-bottom: 18px;
        font-size: 13px;
        border-radius: 3px;
    }
</style>
@endsection

@section('content')
<h1 class="entry-title">Editorial Management Portal &#8211; Admin Login</h1>

<h2 class="wp-block-heading has-text-align-center">
    <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">International Journal of Computer Networks &amp; Communications (IJCNC)</mark></strong>
</h2>

<h3 class="wp-block-heading has-text-align-center">
    <span style="color:#ff0000"><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-black-color">AIRCC Publishing Corporation &#8211; Editorial Administration</mark></strong></span>
</h3>

<p class="wp-block-paragraph has-text-align-justify">
    This portal is strictly reserved for IJCNC Editors, Managing Staff, and Administrators to manage authors, assign manuscript paper IDs, register decisions, update peer review statuses, and upload publication documents (Confirmation Letter, Published Paper, and Author Certificates).
</p>

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

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

<div class="admin-login-card">
    <form action="{{ route('admin.login.post') }}" method="POST">
        @csrf
        <div class="admin-input-group">
            <label for="admin_username">Admin Username or Email <span style="color:#cf2e2e;">*</span></label>
            <input type="text" id="admin_username" name="username" placeholder="e.g. admin or admin@ijcnc.com" required value="{{ old('username', 'admin') }}" autofocus />
        </div>

        <div class="admin-input-group">
            <label for="admin_password">Admin Password <span style="color:#cf2e2e;">*</span></label>
            <input type="password" id="admin_password" name="password" placeholder="Enter administrative password" required value="admin123" />
        </div>

        <div style="margin-top: 20px;">
            <button type="submit" class="btn-admin-login">
                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
                Secure Admin Login
            </button>
        </div>

        <div class="login-badge-info">
            <strong>Default Administrator Credentials:</strong><br />
            Username: <code>admin</code> (or <code>admin@ijcnc.com</code>) &nbsp;|&nbsp; Password: <code>admin123</code>
        </div>
    </form>
</div>
@endsection