@extends('layouts.app')

@section('title', 'Author Paper Download & Verification Portal – International Journal of Computer Networks & Communications (IJCNC)')

@section('extra_css')
<style>
    .author-box {
        background: #fbfbfb;
        border: 1px solid #e0e0e0;
        padding: 20px 24px;
        margin: 20px 0;
        border-radius: 4px;
    }
    .author-form-group {
        margin-bottom: 16px;
    }
    .author-form-group label {
        display: block;
        font-weight: bold;
        font-size: 13px;
        margin-bottom: 6px;
        color: #222;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    .author-form-group input[type="text"],
    .author-form-group input[type="email"],
    .author-form-group input[type="password"] {
        width: 100%;
        max-width: 480px;
        padding: 8px 12px;
        font-size: 13px;
        border: 1px solid #c8c8c8;
        background: #fff;
        border-radius: 3px;
        box-sizing: border-box;
        font-family: inherit;
        color: #333;
    }
    .author-form-group input:focus {
        border-color: #8e850a;
        outline: none;
        box-shadow: 0 0 4px rgba(142, 133, 10, 0.4);
    }
    .author-form-group .hint-text {
        font-size: 11px;
        color: #666;
        margin-top: 4px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    .btn-portal {
        background-color: #896900 !important;
        color: #ffffff !important;
        border: none;
        padding: 8px 22px;
        font-size: 13px;
        font-weight: bold;
        cursor: pointer;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none !important;
        transition: background-color 0.2s ease;
    }
    .btn-portal:hover {
        background-color: #9E6100 !important;
        color: #fff !important;
    }
    .btn-portal-secondary {
        background-color: #555 !important;
        color: #ffffff !important;
        border: none;
        padding: 6px 16px;
        font-size: 12px;
        font-weight: normal;
        cursor: pointer;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none !important;
    }
    .btn-portal-secondary:hover {
        background-color: #333 !important;
    }
    .btn-download-action {
        background-color: #008000 !important;
        color: #ffffff !important;
        border: none;
        padding: 8px 18px;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none !important;
        transition: background-color 0.2s ease, transform 0.1s ease;
    }
    .btn-download-action:hover {
        background-color: #006400 !important;
        color: #fff !important;
        transform: translateY(-1px);
    }
    .status-badge {
        display: inline-block;
        background: #28a745;
        color: #fff;
        padding: 3px 10px;
        border-radius: 3px;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    .doc-card {
        background: #fff;
        border: 1px solid #e0e0e0;
        border-left: 4px solid #8e850a;
        padding: 14px 18px;
        margin-bottom: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        transition: box-shadow 0.2s ease;
    }
    .doc-card:hover {
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    }
    .doc-info {
        flex: 1;
        min-width: 250px;
    }
    .doc-title {
        font-weight: bold;
        font-size: 15px;
        color: #111;
        margin-bottom: 4px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    .doc-desc {
        font-size: 12px;
        color: #555;
        margin-bottom: 4px;
        line-height: 1.4;
    }
    .doc-meta {
        font-size: 11px;
        color: #888;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    .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;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .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;
    }
    .demo-credentials-note {
        margin-top: 15px;
        padding: 10px 14px;
        background: #fff9e6;
        border: 1px dashed #e6c875;
        font-size: 12px;
        color: #665000;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        border-radius: 3px;
    }
</style>
@endsection

@section('content')
<h1 class="entry-title">Author Portal &#8211; Paper Status &amp; Document Download</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">ISSN 0974 &#8211; 9322 (Online); 0975 &#8211; 2293 (Print)&nbsp;</mark></strong></span>
</h3>

<h5 class="wp-block-heading has-text-align-center">
    <a href="http://airccse.org/journal/ijcnc.html" target="_blank" rel="noopener">http://airccse.org/journal/ijcnc.html</a>
</h5>

<p class="has-text-align-justify wp-block-paragraph">
    Welcome to the <strong>IJCNC Author Self-Service Portal</strong>. Authors whose manuscripts have been accepted for publication can authenticate below to review their paper's publication status and immediately download their official <strong>Confirmation Letter (Acceptance Letter)</strong>, <strong>Final Published Paper</strong>, and <strong>Author Publication Certificate</strong>.
</p>

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

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

@php
    $isLoggedIn = isset($paper) && $paper !== null;
    $activePaperId = $isLoggedIn ? $paper->paper_id : 'IJCNC-2026-8492';
    $activeTitle = $isLoggedIn ? $paper->paper_title : 'A Hybrid Deep Learning Architecture for Adaptive Intrusion Detection in Next-Generation Software-Defined Wireless Networks';
    $activeAuthorName = $isLoggedIn ? $paper->author_name : 'Dr. Jane Smith';
    $activeCoAuthors = $isLoggedIn ? ($paper->co_authors ?? []) : ['Prof. Robert Miller', 'Dr. Emily Watson'];
    $activeEmail = $isLoggedIn ? $paper->author_email : 'author@domain.com';
    $activeIssue = $isLoggedIn ? ($paper->volume_issue ?? 'Volume 18, Number 1 (January 2026)') : 'Volume 18, Number 1 (January 2026)';
    $activeDecision = $isLoggedIn ? $paper->decision : 'Accepted for publication';
    $activeReview = $isLoggedIn ? $paper->review_process : 'Peer reviewed';
    $paperRecordId = $isLoggedIn ? $paper->id : 1;
@endphp

<!-- LOGIN SECTION -->
<div id="author-login-container" style="{{ $isLoggedIn ? 'display: none;' : 'display: block;' }}">
    <h2 id="author-login-heading" class="wp-block-heading">
        <span style="color:#008000">Author Login</span>
    </h2>

    <div class="author-box">
        <form action="{{ route('author.login.post') }}" method="POST" id="authorLoginForm">
            @csrf
            <div class="author-form-group">
                <label for="author_login_id">Registered Email ID or Paper ID <span style="color:#cf2e2e;">*</span></label>
                <input type="text" id="author_login_id" name="login_id" placeholder="e.g. author@domain.com or IJCNC-2026-8492" required value="{{ old('login_id', 'author@domain.com') }}" />
                <div class="hint-text">Enter the email address registered during submission or your assigned Paper ID (e.g. IJCNC-2026-8492).</div>
            </div>

            <div class="author-form-group">
                <label for="author_password">Password <span style="color:#cf2e2e;">*</span></label>
                <input type="password" id="author_password" name="password" placeholder="Enter your portal password" required value="password123" />
                <div class="hint-text">Enter the password provided in your manuscript acceptance email or created by the admin.</div>
            </div>

            <div class="author-form-group" style="margin-top: 10px;">
                <label style="font-weight: normal; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;">
                    <input type="checkbox" checked /> Remember login session on this browser
                </label>
            </div>

            <div style="margin-top: 18px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;">
                <button type="submit" class="btn-portal">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" y1="12" x2="3" y2="12"></line></svg>
                    Login &amp; Access Downloads
                </button>
                <a href="#help" onclick="alert('For login assistance or password recovery, please email the editorial desk at: ijcnc@airccse.org'); return false;" style="font-size: 12px; color: #896900;">Forgot Password / Need Help?</a>
            </div>

            <div class="demo-credentials-note">
                <strong>Registered Author Credentials:</strong><br />
                Login: <code>author@domain.com</code> (or <code>IJCNC-2026-8492</code>) &nbsp;|&nbsp; Password: <code>password123</code><br />
                <em>Or enter credentials created by the Editor in the <a href="{{ url('/admin') }}" style="color:#896900; text-decoration:underline;">Admin Dashboard</a>.</em>
            </div>
        </form>
    </div>
</div>

<!-- SUCCESS & DOWNLOAD SECTION -->
<div id="author-dashboard-container" style="{{ $isLoggedIn ? 'display: block;' : 'display: none;' }}">
    <div class="alert-success-box">
        <div>
            <strong>✓ Authentication Successful!</strong> Welcome back, <span id="displayAuthorName">{{ $activeAuthorName }}</span>
        </div>
        <div>
            @if($isLoggedIn)
                <form action="{{ route('author.logout') }}" method="POST" style="margin:0; display:inline;">
                    @csrf
                    <button type="submit" class="btn-portal-secondary">Logout</button>
                </form>
            @else
                <button onclick="handleAuthorClientLogout()" class="btn-portal-secondary">Logout</button>
            @endif
        </div>
    </div>

    <h2 class="wp-block-heading">
        <span style="color:#008000">Manuscript Details</span>
    </h2>

    <figure class="wp-block-table">
        <table>
            <tbody>
                <tr>
                    <td style="width: 25%; font-weight: bold;">Paper ID</td>
                    <td style="font-weight: bold; color: #896900;" id="displayPaperId">{{ $activePaperId }}</td>
                </tr>
                <tr>
                    <td style="font-weight: bold;">Paper Title</td>
                    <td style="font-weight: bold;" id="displayPaperTitle">{{ $activeTitle }}</td>
                </tr>
                <tr>
                    <td style="font-weight: bold;">Author (Primary)</td>
                    <td style="font-weight: bold; font-size: 14px; color: #111;" id="displayAuthorName">
                        <span style="background: #eef2f7; color: #1e3a8a; padding: 2px 7px; border-radius: 3px; font-size: 11px; font-weight: bold; margin-right: 6px;">Author</span>
                        {{ $activeAuthorName }}
                    </td>
                </tr>
                <tr>
                    <td style="font-weight: bold;">Co-Author(s)</td>
                    <td style="font-weight: bold; font-size: 14px; color: #111;" id="displayCoAuthors">
                        @if(!empty($activeCoAuthors) && count($activeCoAuthors) > 0)
                            @foreach($activeCoAuthors as $coAuthor)
                                <div style="margin: 3px 0;">
                                    <span style="background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; padding: 2px 7px; border-radius: 3px; font-size: 11px; font-weight: bold; margin-right: 6px;">Co-Author</span>
                                    {{ $coAuthor }}
                                </div>
                            @endforeach
                        @else
                            <span style="font-weight: normal; color: #777; font-size: 12px;">No Co-Authors Registered</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <td style="font-weight: bold;">Complete Author Citation</td>
                    <td style="color: #333;" id="displayFullCitation">
                        <strong>{{ $activeAuthorName }}</strong>@if(!empty($activeCoAuthors) && count($activeCoAuthors) > 0), {{ implode(', ', $activeCoAuthors) }}@endif
                    </td>
                </tr>
                <tr>
                    <td style="font-weight: bold;">Registered Email</td>
                    <td id="displayEmail">{{ $activeEmail }}</td>
                </tr>
                <tr>
                    <td style="font-weight: bold;">Target Issue</td>
                    <td id="displayVolumeIssue">{{ $activeIssue }}</td>
                </tr>
                <tr>
                    <td style="font-weight: bold;">Review Process</td>
                    <td id="displayReviewProcess"><span style="color: #166534; font-weight: bold;">✓ {{ $activeReview }}</span></td>
                </tr>
                <tr>
                    <td style="font-weight: bold;">Publication Decision</td>
                    <td>
                        <span class="status-badge" id="displayDecisionBadge" style="background: {{ $activeDecision === 'Accepted for publication' ? '#28a745' : '#1e40af' }};">
                            {{ $activeDecision }}
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </figure>

    <h2 class="wp-block-heading">
        <span style="color:#008000">Ready to Download</span>
    </h2>

    <p class="wp-block-paragraph">
        All official documents for your manuscript are prepared and verified by the editorial office. Click the buttons below to download the official PDF documents:
    </p>

    <!-- Document 1: Confirmation Letter -->
    <div class="doc-card">
        <div class="doc-info">
            <div class="doc-title">
                1. Official Confirmation Letter (Acceptance Letter)
            </div>
            <div class="doc-desc">
                Formal acceptance letter issued on official AIRCC / IJCNC letterhead, signed by the Editor-in-Chief. Valid for academic evaluation and institutional grant submission.
            </div>
            <div class="doc-meta">
                Format: <strong>PDF Document</strong> &nbsp;|&nbsp; Status: <span style="color:#28a745; font-weight:bold;">Verified &amp; Signed</span>
            </div>
        </div>
        <div>
            <a href="{{ route('author.document.download', ['id' => $paperRecordId, 'type' => 'confirmation']) }}" class="btn-download-action">
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
                Download Confirmation Letter
            </a>
        </div>
    </div>

    <!-- Document 2: Published Paper -->
    <div class="doc-card">
        <div class="doc-info">
            <div class="doc-title">
                2. Final Published Paper (Camera-Ready Manuscript)
            </div>
            <div class="doc-desc">
                Full-text published manuscript formatted according to IJCNC IEEE/AIRCC typography standards, with official page numbering, citation format, and DOI registration.
            </div>
            <div class="doc-meta">
                Format: <strong>PDF Document</strong> &nbsp;|&nbsp; Status: <span style="color:#28a745; font-weight:bold;">Published Version</span>
            </div>
        </div>
        <div>
            <a href="{{ route('author.document.download', ['id' => $paperRecordId, 'type' => 'paper']) }}" class="btn-download-action">
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
                Download Paper
            </a>
        </div>
    </div>

    <!-- Document 3: Publication Certificate -->
    <div class="doc-card">
        <div class="doc-info">
            <div class="doc-title">
                3. Author Publication Certificate
            </div>
            <div class="doc-desc">
                High-resolution Certificate of Publication awarded to contributing authors, complete with the IJCNC seal, ISSN details, and individual certificate verification serial.
            </div>
            <div class="doc-meta">
                Format: <strong>PDF Document</strong> &nbsp;|&nbsp; Status: <span style="color:#28a745; font-weight:bold;">Issued &amp; Certified</span>
            </div>
        </div>
        <div>
            <a href="{{ route('author.document.download', ['id' => $paperRecordId, 'type' => 'certificate']) }}" class="btn-download-action">
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
                Download Certificate
            </a>
        </div>
    </div>

    <div style="margin-top: 25px; padding-top: 15px; border-top: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
        <span style="font-size: 12px; color: #666;">Need amendments or additional author certificates? Contact: <a href="mailto:ijcnc@airccse.org">ijcnc@airccse.org</a></span>
        @if($isLoggedIn)
            <form action="{{ route('author.logout') }}" method="POST" style="margin:0; display:inline;">
                @csrf
                <button type="submit" class="btn-portal-secondary">← Check Another Paper / Logout</button>
            </form>
        @else
            <button onclick="handleAuthorClientLogout()" class="btn-portal-secondary">← Check Another Paper / Logout</button>
        @endif
    </div>
</div>

<p class="wp-block-paragraph" style="margin-top: 30px;">
    <strong>Editorial Assistance:</strong><br />
    For inquiries concerning paper status, confirmation certificates, or indexing verification, please contact the IJCNC editorial desk at <a href="mailto:ijcnc@airccse.org">ijcnc@airccse.org</a> or <a href="mailto:ijcnc@aircconline.com">ijcnc@aircconline.com</a>.
</p>
@endsection

@section('scripts')
<script>
    function handleAuthorClientLogout() {
        document.getElementById('author-dashboard-container').style.display = 'none';
        document.getElementById('author-login-container').style.display = 'block';
        document.getElementById('author-login-container').scrollIntoView({ behavior: 'smooth' });
    }
</script>
@endsection