{% extends 'base.html' %}

{% block title %}Information for Authors | {{ settings.site_name }}{% endblock %}

{% block meta_description %}Author guidelines and information for submitting your research to {{ settings.site_name }}. Learn about our submission process, peer review, and publication.{% endblock %}

{% block content %}
<!-- Hero Section -->
<section class="hero-section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-8 mx-auto text-center">
                <h1 class="display-4 fw-bold mb-4">Information for Authors</h1>
                <p class="lead">
                    Everything you need to know about submitting your research, 
                    the peer review process, and publishing with us.
                </p>
                <a href="{{ url_for('submission.submit') }}" class="btn btn-primary btn-lg">
                    <i class="fas fa-paper-plane me-2"></i>Submit Your Research
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Quick Links -->
<section class="section-light py-4">
    <div class="container">
        <div class="row g-3 text-center">
            <div class="col-6 col-md-3">
                <a href="#before-submit" class="text-decoration-none">
                    <div class="p-3 rounded bg-white shadow-sm h-100">
                        <i class="fas fa-clipboard-check text-primary mb-2 fa-lg"></i>
                        <div class="small">Before You Submit</div>
                    </div>
                </a>
            </div>
            <div class="col-6 col-md-3">
                <a href="#submission-process" class="text-decoration-none">
                    <div class="p-3 rounded bg-white shadow-sm h-100">
                        <i class="fas fa-upload text-primary mb-2 fa-lg"></i>
                        <div class="small">Submission Process</div>
                    </div>
                </a>
            </div>
            <div class="col-6 col-md-3">
                <a href="#peer-review" class="text-decoration-none">
                    <div class="p-3 rounded bg-white shadow-sm h-100">
                        <i class="fas fa-users text-primary mb-2 fa-lg"></i>
                        <div class="small">Peer Review</div>
                    </div>
                </a>
            </div>
            <div class="col-6 col-md-3">
                <a href="#after-acceptance" class="text-decoration-none">
                    <div class="p-3 rounded bg-white shadow-sm h-100">
                        <i class="fas fa-check-circle text-primary mb-2 fa-lg"></i>
                        <div class="small">After Acceptance</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Before You Submit -->
<section id="before-submit" class="section">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <h2 class="section-title">Before You Submit</h2>
                
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0"><i class="fas fa-book me-2"></i>Choose the Right Journal</h5>
                    </div>
                    <div class="card-body">
                        <p>Selecting the appropriate journal is crucial for reaching your target audience:</p>
                        <ul>
                            <li>Review the <a href="{{ url_for('main.journals') }}">aims and scope</a> of our journals</li>
                            <li>Check recent publications to ensure your work fits</li>
                            <li>Consider whether open access is required by your funder</li>
                            <li>Review the journal's audience and impact</li>
                        </ul>
                    </div>
                </div>
                
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0"><i class="fas fa-file-alt me-2"></i>Prepare Your Manuscript</h5>
                    </div>
                    <div class="card-body">
                        <h6>General Requirements</h6>
                        <ul class="mb-4">
                            <li>Manuscripts should be in Word (.docx) or PDF format</li>
                            <li>Use double spacing with 12-point font</li>
                            <li>Include line numbers for review purposes</li>
                            <li>Number all pages consecutively</li>
                        </ul>
                        
                        <h6>Manuscript Structure</h6>
                        <ol class="mb-4">
                            <li><strong>Title Page:</strong> Title, author names, affiliations, corresponding author contact</li>
                            <li><strong>Abstract:</strong> 150-300 words summarizing the research</li>
                            <li><strong>Keywords:</strong> 4-6 keywords for indexing</li>
                            <li><strong>Introduction:</strong> Background and objectives</li>
                            <li><strong>Methods:</strong> Detailed methodology</li>
                            <li><strong>Results:</strong> Findings with figures and tables</li>
                            <li><strong>Discussion:</strong> Interpretation and implications</li>
                            <li><strong>Conclusion:</strong> Summary and future directions</li>
                            <li><strong>References:</strong> Consistent citation format</li>
                        </ol>
                        
                        <h6>Figures and Tables</h6>
                        <ul>
                            <li>Provide figures as separate high-resolution files (300 DPI minimum)</li>
                            <li>Accepted formats: TIFF, EPS, PDF, JPEG</li>
                            <li>Tables should be editable (not images)</li>
                            <li>Number figures and tables consecutively</li>
                        </ul>
                    </div>
                </div>
                
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0"><i class="fas fa-balance-scale me-2"></i>Ethical Requirements</h5>
                    </div>
                    <div class="card-body">
                        <ul>
                            <li>Ensure the work is original and not under consideration elsewhere</li>
                            <li>Obtain informed consent for human subjects research</li>
                            <li>Follow institutional guidelines for animal research</li>
                            <li>Declare all funding sources</li>
                            <li>Disclose any conflicts of interest</li>
                            <li>Obtain permission for copyrighted material</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-4">
                <div class="card border-0 shadow-sm sticky-top" style="top: 100px;">
                    <div class="card-header bg-primary text-white">
                        <h6 class="mb-0"><i class="fas fa-download me-2"></i>Resources</h6>
                    </div>
                    <div class="card-body">
                        <ul class="list-unstyled mb-0">
                            <li class="mb-3">
                                <a href="#" class="text-decoration-none">
                                    <i class="fas fa-file-word text-primary me-2"></i>
                                    Manuscript Template
                                </a>
                            </li>
                            <li class="mb-3">
                                <a href="#" class="text-decoration-none">
                                    <i class="fas fa-file-pdf text-danger me-2"></i>
                                    Submission Checklist
                                </a>
                            </li>
                            <li class="mb-3">
                                <a href="#" class="text-decoration-none">
                                    <i class="fas fa-file-alt text-secondary me-2"></i>
                                    Reference Format Guide
                                </a>
                            </li>
                            <li>
                                <a href="{{ url_for('contact.contact') }}" class="text-decoration-none">
                                    <i class="fas fa-envelope text-info me-2"></i>
                                    Contact Editorial Office
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Submission Process -->
<section id="submission-process" class="section-light">
    <div class="container">
        <h2 class="section-title text-center mb-5">The Submission Process</h2>
        
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="timeline">
                    <div class="timeline-item">
                        <div class="timeline-marker bg-primary">1</div>
                        <div class="timeline-content">
                            <h5>Create an Account</h5>
                            <p class="text-muted mb-0">
                                If you don't already have an account, you can submit as a guest. 
                                We'll provide you with a tracking ID to monitor your submission.
                            </p>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-marker bg-primary">2</div>
                        <div class="timeline-content">
                            <h5>Complete the Submission Form</h5>
                            <p class="text-muted mb-0">
                                Provide manuscript details, author information, abstract, and keywords. 
                                Select the appropriate journal and article type.
                            </p>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-marker bg-primary">3</div>
                        <div class="timeline-content">
                            <h5>Upload Files</h5>
                            <p class="text-muted mb-0">
                                Upload your manuscript file (PDF or Word). Supplementary materials 
                                can be added separately.
                            </p>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-marker bg-primary">4</div>
                        <div class="timeline-content">
                            <h5>Review and Confirm</h5>
                            <p class="text-muted mb-0">
                                Check all details and accept our submission terms. 
                                Upon confirmation, you'll receive a tracking ID via email.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="text-center mt-5">
            <a href="{{ url_for('submission.submit') }}" class="btn btn-primary btn-lg">
                <i class="fas fa-paper-plane me-2"></i>Start Submission
            </a>
        </div>
    </div>
</section>

<!-- Peer Review -->
<section id="peer-review" class="section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 mb-4 mb-lg-0">
                <h2 class="section-title">The Peer Review Process</h2>
                <p class="lead">
                    Our rigorous peer review ensures the quality and integrity of published research.
                </p>
                <p class="text-muted">
                    All submissions undergo initial editorial screening followed by evaluation 
                    by at least two independent expert reviewers. We aim to provide authors 
                    with constructive feedback to strengthen their work.
                </p>
                
                <h5 class="mt-4">Review Criteria</h5>
                <ul class="text-muted">
                    <li>Scientific validity and methodology</li>
                    <li>Originality and significance</li>
                    <li>Clarity of presentation</li>
                    <li>Appropriate references to prior work</li>
                    <li>Ethical compliance</li>
                </ul>
            </div>
            <div class="col-lg-6">
                <div class="card border-0 shadow-sm">
                    <div class="card-body p-4">
                        <h5 class="mb-4">Typical Timeline</h5>
                        <div class="d-flex mb-3">
                            <div class="flex-shrink-0">
                                <span class="badge bg-primary rounded-circle p-2">
                                    <i class="fas fa-envelope"></i>
                                </span>
                            </div>
                            <div class="ms-3">
                                <h6 class="mb-1">Initial Response</h6>
                                <small class="text-muted">1-2 weeks</small>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <div class="flex-shrink-0">
                                <span class="badge bg-info rounded-circle p-2">
                                    <i class="fas fa-users"></i>
                                </span>
                            </div>
                            <div class="ms-3">
                                <h6 class="mb-1">Peer Review</h6>
                                <small class="text-muted">4-8 weeks</small>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <div class="flex-shrink-0">
                                <span class="badge bg-warning rounded-circle p-2">
                                    <i class="fas fa-edit"></i>
                                </span>
                            </div>
                            <div class="ms-3">
                                <h6 class="mb-1">Revision (if needed)</h6>
                                <small class="text-muted">2-4 weeks</small>
                            </div>
                        </div>
                        <div class="d-flex">
                            <div class="flex-shrink-0">
                                <span class="badge bg-success rounded-circle p-2">
                                    <i class="fas fa-check"></i>
                                </span>
                            </div>
                            <div class="ms-3">
                                <h6 class="mb-1">Decision</h6>
                                <small class="text-muted">1-2 weeks after review</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- After Acceptance -->
<section id="after-acceptance" class="section-light">
    <div class="container">
        <h2 class="section-title text-center mb-5">After Acceptance</h2>
        
        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="card h-100 text-center border-0 shadow-sm">
                    <div class="card-body p-4">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-file-signature"></i>
                        </div>
                        <h5>License Agreement</h5>
                        <p class="text-muted small mb-0">
                            Complete the copyright or open access license agreement.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card h-100 text-center border-0 shadow-sm">
                    <div class="card-body p-4">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-spell-check"></i>
                        </div>
                        <h5>Copyediting</h5>
                        <p class="text-muted small mb-0">
                            Our team will copyedit your manuscript for clarity and consistency.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card h-100 text-center border-0 shadow-sm">
                    <div class="card-body p-4">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-search"></i>
                        </div>
                        <h5>Proofs</h5>
                        <p class="text-muted small mb-0">
                            Review page proofs and make any final corrections.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="card h-100 text-center border-0 shadow-sm">
                    <div class="card-body p-4">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-globe"></i>
                        </div>
                        <h5>Publication</h5>
                        <p class="text-muted small mb-0">
                            Your article is published online with a permanent DOI.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="section bg-secondary text-white">
    <div class="container text-center">
        <h2 class="mb-4">Ready to Share Your Research?</h2>
        <p class="lead mb-4">
            Start your submission today and join our community of published researchers.
        </p>
        <div class="d-flex gap-3 justify-content-center flex-wrap">
            <a href="{{ url_for('submission.submit') }}" class="btn btn-light btn-lg">
                <i class="fas fa-paper-plane me-2"></i>Submit Now
            </a>
            <a href="{{ url_for('contact.contact') }}" class="btn btn-outline-light btn-lg">
                <i class="fas fa-question-circle me-2"></i>Ask a Question
            </a>
        </div>
    </div>
</section>
{% endblock %}