{% extends 'base.html' %}

{% block title %}Open Access Publishing | {{ settings.site_name }}{% endblock %}

{% block meta_description %}Learn about open access publishing at {{ settings.site_name }}. Understand the benefits of making your research freely available to the global community.{% 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">
                <span class="badge bg-success mb-3">
                    <i class="fas fa-unlock-alt me-1"></i>Open Access
                </span>
                <h1 class="display-4 fw-bold mb-4">Open Access Publishing</h1>
                <p class="lead">
                    Making research freely available to everyone, everywhere. 
                    Learn how open access can maximize the impact of your work.
                </p>
            </div>
        </div>
    </div>
</section>

<!-- What is Open Access -->
<section 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">What is Open Access?</h2>
                <p class="lead">
                    Open access means making your research freely available online, 
                    allowing anyone to read, download, and share your work without barriers.
                </p>
                <p class="text-muted">
                    Traditional academic publishing often keeps research behind paywalls, 
                    limiting access to those with institutional subscriptions. Open access 
                    removes these barriers, ensuring that scientific knowledge reaches everyone 
                    who needs it—from researchers and students to practitioners and policymakers.
                </p>
                <p class="text-muted">
                    At {{ settings.site_name if settings else 'ScholarPress' }}, we offer multiple 
                    open access options to fit your needs and funder requirements.
                </p>
            </div>
            <div class="col-lg-6">
                <div class="card border-0 shadow-sm">
                    <div class="card-body p-4">
                        <h5 class="mb-4">Key Benefits of Open Access</h5>
                        <div class="d-flex mb-3">
                            <div class="flex-shrink-0">
                                <i class="fas fa-check-circle text-success fa-lg"></i>
                            </div>
                            <div class="ms-3">
                                <h6 class="mb-1">Increased Visibility</h6>
                                <p class="text-muted small mb-0">
                                    Open access articles receive more views and citations.
                                </p>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <div class="flex-shrink-0">
                                <i class="fas fa-check-circle text-success fa-lg"></i>
                            </div>
                            <div class="ms-3">
                                <h6 class="mb-1">Funder Compliance</h6>
                                <p class="text-muted small mb-0">
                                    Meet open access mandates from research funders.
                                </p>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <div class="flex-shrink-0">
                                <i class="fas fa-check-circle text-success fa-lg"></i>
                            </div>
                            <div class="ms-3">
                                <h6 class="mb-1">Public Benefit</h6>
                                <p class="text-muted small mb-0">
                                    Allow taxpayers to access publicly funded research.
                                </p>
                            </div>
                        </div>
                        <div class="d-flex">
                            <div class="flex-shrink-0">
                                <i class="fas fa-check-circle text-success fa-lg"></i>
                            </div>
                            <div class="ms-3">
                                <h6 class="mb-1">Permanent Access</h6>
                                <p class="text-muted small mb-0">
                                    Your research remains freely available forever.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- OA Options -->
<section class="section-light">
    <div class="container">
        <h2 class="section-title text-center mb-5">Open Access Options</h2>
        <div class="row g-4">
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-header bg-success text-white text-center py-3">
                        <h5 class="mb-0">Gold Open Access</h5>
                    </div>
                    <div class="card-body p-4">
                        <p class="text-muted">
                            Your article is immediately and permanently free to access upon publication.
                        </p>
                        <ul class="list-unstyled mb-4">
                            <li class="mb-2">
                                <i class="fas fa-check text-success me-2"></i>Immediate access
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-success me-2"></i>Creative Commons license
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-success me-2"></i>Maximum visibility
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-success me-2"></i>Funder compliant
                            </li>
                        </ul>
                        <p class="small text-muted mb-0">
                            <i class="fas fa-info-circle me-1"></i>
                            Article Processing Charge (APC) applies
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-header bg-info text-white text-center py-3">
                        <h5 class="mb-0">Green Open Access</h5>
                    </div>
                    <div class="card-body p-4">
                        <p class="text-muted">
                            Self-archive your manuscript in a repository after an embargo period.
                        </p>
                        <ul class="list-unstyled mb-4">
                            <li class="mb-2">
                                <i class="fas fa-check text-info me-2"></i>No author fees
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-info me-2"></i>Repository deposit
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-info me-2"></i>Accepted manuscript
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-clock text-warning me-2"></i>Embargo period
                            </li>
                        </ul>
                        <p class="small text-muted mb-0">
                            <i class="fas fa-info-circle me-1"></i>
                            Check our self-archiving policy
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-header bg-warning text-dark text-center py-3">
                        <h5 class="mb-0">Hybrid Open Access</h5>
                    </div>
                    <div class="card-body p-4">
                        <p class="text-muted">
                            Make your article open access in a subscription journal.
                        </p>
                        <ul class="list-unstyled mb-4">
                            <li class="mb-2">
                                <i class="fas fa-check text-warning me-2"></i>Author choice
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-warning me-2"></i>Journal reputation
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-warning me-2"></i>Immediate access
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-check text-warning me-2"></i>CC license available
                            </li>
                        </ul>
                        <p class="small text-muted mb-0">
                            <i class="fas fa-info-circle me-1"></i>
                            APC for open access articles
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Creative Commons Licenses -->
<section class="section">
    <div class="container">
        <h2 class="section-title text-center mb-5">Understanding Creative Commons Licenses</h2>
        <div class="row g-4 justify-content-center">
            <div class="col-md-6 col-lg-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body p-4 text-center">
                        <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by.svg" 
                             alt="CC BY" class="mb-3" height="40">
                        <h5>CC BY</h5>
                        <p class="text-muted small">
                            Others can distribute, remix, and build upon your work, 
                            even commercially, as long as they credit you. 
                            Most accommodating license.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body p-4 text-center">
                        <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-nc.svg" 
                             alt="CC BY-NC" class="mb-3" height="40">
                        <h5>CC BY-NC</h5>
                        <p class="text-muted small">
                            Others can remix and build upon your work non-commercially, 
                            and new works must credit you but don't have to license 
                            their derivatives on the same terms.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body p-4 text-center">
                        <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-nc-nd.svg" 
                             alt="CC BY-NC-ND" class="mb-3" height="40">
                        <h5>CC BY-NC-ND</h5>
                        <p class="text-muted small">
                            Others can download and share your work with proper credit, 
                            but they can't change it or use it commercially. 
                            Most restrictive license.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Impact Stats -->
<section class="section bg-primary text-white">
    <div class="container">
        <h2 class="text-center mb-5">The Impact of Open Access</h2>
        <div class="row text-center">
            <div class="col-md-4 mb-4 mb-md-0">
                <div class="display-4 fw-bold">300%</div>
                <p class="lead mb-0">More Downloads</p>
                <p class="small opacity-75">Compared to paywalled articles</p>
            </div>
            <div class="col-md-4 mb-4 mb-md-0">
                <div class="display-4 fw-bold">47%</div>
                <p class="lead mb-0">More Citations</p>
                <p class="small opacity-75">Open access citation advantage</p>
            </div>
            <div class="col-md-4">
                <div class="display-4 fw-bold">Global</div>
                <p class="lead mb-0">Reach</p>
                <p class="small opacity-75">Accessible to readers worldwide</p>
            </div>
        </div>
    </div>
</section>

<!-- FAQ Section -->
<section class="section">
    <div class="container">
        <h2 class="section-title text-center mb-5">Frequently Asked Questions</h2>
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="accordion" id="oaFaq">
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                What is an Article Processing Charge (APC)?
                            </button>
                        </h2>
                        <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#oaFaq">
                            <div class="accordion-body text-muted">
                                An APC is a fee charged to authors or their institutions to cover the costs of 
                                making an article open access. This includes peer review management, copyediting, 
                                typesetting, and hosting. APCs vary by journal and publisher.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                Can my funder pay the open access fees?
                            </button>
                        </h2>
                        <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#oaFaq">
                            <div class="accordion-body text-muted">
                                Yes, many research funders have policies supporting open access and provide 
                                funding for APCs. Check with your funder or institution about available support. 
                                Common funders with OA policies include NIH, Wellcome Trust, and many national 
                                research councils.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                Is open access peer-reviewed?
                            </button>
                        </h2>
                        <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#oaFaq">
                            <div class="accordion-body text-muted">
                                Absolutely! Open access refers only to how content is distributed, not to how 
                                it is reviewed. All our open access articles undergo the same rigorous peer 
                                review process as subscription articles.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
                                What happens to my copyright?
                            </button>
                        </h2>
                        <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#oaFaq">
                            <div class="accordion-body text-muted">
                                With open access publishing, you typically retain copyright of your work and 
                                grant a license for publication. The specific terms depend on the Creative 
                                Commons license you choose. You remain the copyright holder while allowing 
                                others to use your work under the license terms.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="section-light">
    <div class="container text-center">
        <h2 class="mb-4">Ready to Publish Open Access?</h2>
        <p class="text-muted mb-4">
            Make your research accessible to everyone. Submit your manuscript today.
        </p>
        <div class="d-flex gap-3 justify-content-center flex-wrap">
            <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>
            <a href="{{ url_for('contact.contact') }}" class="btn btn-outline-primary btn-lg">
                <i class="fas fa-question-circle me-2"></i>Ask a Question
            </a>
        </div>
    </div>
</section>
{% endblock %}