<x-conference-layout>
<x-slot name="title">Full Paper Guidelines – {{ $conference['title'] ?? 'Conference' }}</x-slot>

{{-- HERO --}}
<x-conference-inner-hero
    pageTitle="Full Paper Guidelines"
    label="Guidelines"
    subtitle="Download and follow our full paper formatting guidelines to ensure a smooth review process."
/>

<section class="bg-white">
    <div class="max-w-7xl mx-auto px-6 lg:px-8">

        {{-- Intro --}}
        <div class="py-16 border-b border-gray-100">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-12">
                <div class="lg:col-span-2">
                    <p class="text-xl text-gray-600 font-light leading-relaxed">
                        All submitted full manuscripts must strictly adhere to the formatting standards outlined below. Papers that do not conform to these specifications will be desk-rejected before peer review.
                    </p>
                </div>
                <div class="flex lg:justify-end items-start">
                    <a href="#" class="inline-flex items-center gap-3 px-8 py-4 bg-gray-900 text-white text-sm font-bold rounded-xl hover:bg-orange-600 transition-colors tracking-wide">
                        Download Template <i class="fas fa-download text-xs"></i>
                    </a>
                </div>
            </div>
        </div>

        {{-- Formatting Specs --}}
        <div class="py-16 border-b border-gray-100">
            <h2 class="text-2xl font-bold font-serif text-gray-900 mb-10">Formatting Specifications</h2>
            <div class="border border-gray-100 rounded-2xl overflow-hidden">
                @foreach([
                    ['Font & Size','Times New Roman, 12 point'],
                    ['Line Spacing','1.5 line spacing throughout the document'],
                    ['Page Size','A4 — 210 × 297 mm'],
                    ['Margins','1 inch (2.54 cm) on all sides'],
                    ['Page Length','10 to 15 pages, including all references and appendices'],
                    ['Citation Style','APA 7th Edition (in-text citations and reference list)'],
                    ['File Format','Microsoft Word (.doc or .docx). PDF not accepted.'],
                    ['Abstract','Maximum 300 words on the title page'],
                ] as $i => $row)
                <div class="grid grid-cols-1 md:grid-cols-4 {{ $i % 2 === 0 ? 'bg-white' : 'bg-gray-50' }} hover:bg-orange-50/40 transition-colors">
                    <div class="px-8 py-5 md:border-r border-gray-100">
                        <p class="text-sm font-bold text-gray-900">{{ $row[0] }}</p>
                    </div>
                    <div class="px-8 py-5 md:col-span-3">
                        <p class="text-sm text-gray-600 leading-relaxed">{{ $row[1] }}</p>
                    </div>
                </div>
                @endforeach
            </div>
        </div>

        {{-- Required Sections --}}
        <div class="py-16 border-b border-gray-100">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-16">
                <div>
                    <h2 class="text-2xl font-bold font-serif text-gray-900 mb-4">Required Sections</h2>
                    <p class="text-gray-500 text-sm leading-relaxed">Your manuscript must include each of these sections in the order listed. Deviations from this structure must be justified in a cover note.</p>
                </div>
                <div class="lg:col-span-2">
                    <ol class="space-y-8">
                        @foreach([
                            ['Title Page','Paper title, all author names and affiliations, corresponding author email, and a self-contained abstract of no more than 300 words.'],
                            ['Introduction','Background context, problem statement, identification of the research gap, and clear statement of study objectives.'],
                            ['Literature Review','Critical, synthesised review of existing scholarship and theoretical framework underpinning the study.'],
                            ['Methodology','Research design, data sources, sampling, instruments, and the analytical or statistical procedures employed.'],
                            ['Results & Discussion','Data presentation using tables or figures where appropriate, followed by thematic interpretation and comparison with existing findings.'],
                            ['Conclusion','Summary of the principal findings, acknowledgement of limitations, and directions for future research.'],
                            ['References','Complete APA 7th Edition bibliography in strict alphabetical order. All cited works must appear here.'],
                        ] as $idx => $sec)
                        <li class="flex gap-6 items-start">
                            <span class="text-sm font-black text-orange-500 mt-0.5 w-6 shrink-0">{{ str_pad($idx+1, 2, '0', STR_PAD_LEFT) }}</span>
                            <div>
                                <p class="font-bold text-gray-900 mb-1">{{ $sec[0] }}</p>
                                <p class="text-sm text-gray-500 leading-relaxed">{{ $sec[1] }}</p>
                            </div>
                        </li>
                        @endforeach
                    </ol>
                </div>
            </div>
        </div>

        {{-- Publication Note --}}
        <div class="py-16 border-b border-gray-100">
            <div class="bg-gray-950 rounded-2xl p-10 md:p-14 flex flex-col md:flex-row items-center justify-between gap-8">
                <div class="text-center md:text-left md:max-w-xl">
                    <p class="text-orange-400 text-xs font-bold tracking-widest uppercase mb-3">Publication Pathway</p>
                    <h3 class="text-2xl font-bold font-serif text-white mb-3">Accepted papers will be published</h3>
                    <p class="text-gray-400 text-sm leading-relaxed">High-quality manuscripts passing double-blind peer review are eligible for publication in our ISSN-indexed affiliated international journals.</p>
                </div>
                <a href="{{ route('conference.journal-partners', $conference['slug']) }}" class="shrink-0 px-8 py-4 border border-white/20 text-white font-bold text-sm rounded-xl hover:bg-white/10 transition-colors uppercase tracking-wide text-center">
                    View Journal Partners
                </a>
            </div>
        </div>

        {{-- CTA --}}
        <div class="py-16">
            <div class="bg-gray-50 border border-gray-200 rounded-2xl p-10 md:p-14 flex flex-col md:flex-row items-center justify-between gap-8 relative overflow-hidden">
                <div class="absolute left-0 top-0 bottom-0 w-1 bg-orange-500 rounded-l-2xl"></div>
                <div class="md:max-w-xl">
                    <h3 class="text-2xl font-bold font-serif text-gray-900 mb-2">Ready to submit your full paper?</h3>
                    <p class="text-gray-500 text-sm leading-relaxed">Ensure your manuscript is fully formatted and all sections are complete before uploading to the portal.</p>
                </div>
                <div class="flex flex-col sm:flex-row gap-3 shrink-0">
                    <a href="{{ route('conference.abstract-submission', $conference['slug']) }}" class="px-8 py-4 bg-gray-900 hover:bg-orange-600 text-white font-bold text-sm rounded-xl transition-colors uppercase tracking-wide text-center">Submit Paper</a>
                    <a href="#" class="px-8 py-4 bg-white border-2 border-gray-200 hover:border-gray-300 text-gray-700 font-bold text-sm rounded-xl transition-colors uppercase tracking-wide text-center">Download Template</a>
                </div>
            </div>
        </div>

    </div>
</section>

</x-conference-layout>
