<?php $__env->startSection('title', 'Call for Papers'); ?>

<?php $__env->startSection('content'); ?>
<!-- Hero Section -->
<section class="relative bg-gradient-to-b from-teflin-blue via-teflin-blue-light to-gray-50 overflow-hidden py-20">
    <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <span class="inline-block px-4 py-1.5 bg-teflin-gold text-teflin-blue-dark text-sm font-semibold rounded-full mb-6">Submissions Open</span>
        <h1 class="font-serif text-4xl sm:text-5xl lg:text-6xl text-white mb-6 italic">Call for Papers</h1>
        <p class="text-white/90 text-lg max-w-3xl mx-auto mb-8">The Faculty of Educational Sciences at UIN Syarif Hidayatullah Jakarta invites academics and practitioners to submit their research for the 72nd TEFLIN International Conference, held in conjunction with the 10th ICEMS and the 2nd TESOL Research Colloquium. We welcome innovative, interdisciplinary contributions that explore the latest developments in language education and educational practice. Please strictly adhere to the provided official template to ensure your abstract meets the conference's structural and academic standards.</p>
        <div class="flex flex-wrap justify-center gap-4">
            <a href="<?php echo e(route('submission.abstract')); ?>" class="inline-flex items-center gap-2 px-6 py-3 bg-teflin-gold text-teflin-blue-dark font-semibold rounded-full hover:bg-teflin-gold-light transition">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                Submit Abstract
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
            </a>
            <a href="https://docs.google.com/document/d/1SWiTkol1huYzwisWgejD1dnyN2EE5Zf-/edit?usp=sharing&ouid=114561287313469534851&rtpof=true&sd=true" target="_blank" class="inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-gray-200 text-gray-700 font-semibold rounded-full hover:border-teflin-blue hover:text-teflin-blue transition">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
                Download Template
            </a>
        </div>
    </div>
</section>

<!-- Scope & Focus Section -->
<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <h2 class="font-serif text-3xl text-gray-900 mb-4 italic">Scope & Focus</h2>
            <p class="text-gray-600 max-w-3xl mx-auto">Authors are invited to submit abstracts for one of the following academic events. Please select the appropriate conference or colloquium and follow the submission guidelines provided.</p>
        </div>
        
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            <!-- TEFLIN Conference -->
            <div class="bg-gradient-to-br from-teflin-blue/5 to-teflin-blue/10 rounded-2xl p-8 border border-teflin-blue/20">
                <div class="w-14 h-14 bg-teflin-blue rounded-xl flex items-center justify-center mb-6">
                    <svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>
                </div>
                <h3 class="font-serif text-xl text-gray-900 mb-3 italic">The 72nd TEFLIN International Conference</h3>
                <p class="text-gray-600 text-sm leading-relaxed">TEFLIN welcomes studies related to multilingualism, digital and multimodal literacies, artificial intelligence in education, inclusive learning, sustainability, teacher professional development, and emerging pedagogical approaches.</p>
            </div>

            <!-- ICEMS -->
            <div class="bg-gradient-to-br from-teflin-gold/5 to-teflin-gold/10 rounded-2xl p-8 border border-teflin-gold/20">
                <div class="w-14 h-14 bg-teflin-gold rounded-xl flex items-center justify-center mb-6">
                    <svg class="w-7 h-7 text-teflin-blue-dark" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/></svg>
                </div>
                <h3 class="font-serif text-xl text-gray-900 mb-3 italic">The 10th ICEMS</h3>
                <p class="text-gray-600 text-sm leading-relaxed">The conference welcomes abstracts related to curriculum development, educational policy and leadership, religious education, psychology and counselling, language and culture, digital education, environmental studies, assessment, and teacher education.</p>
            </div>

            <!-- TESOL Research Colloquium -->
            <div class="bg-gradient-to-br from-green-50 to-green-100 rounded-2xl p-8 border border-green-200">
                <div class="w-14 h-14 bg-green-600 rounded-xl flex items-center justify-center mb-6">
                    <svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg>
                </div>
                <h3 class="font-serif text-xl text-gray-900 mb-3 italic">TESOL Research Colloquium</h3>
                <p class="text-gray-600 text-sm leading-relaxed">This colloquium focuses on classroom-based studies and small-scale research related to English language teaching, learning, assessment, and the use of technology in ELT.</p>
            </div>
        </div>
    </div>
</section>

<!-- Submission Guidelines & Important Dates -->
<section class="py-16 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            <!-- Submission Guidelines -->
            <div class="lg:col-span-2">
                <h2 class="font-serif text-3xl text-gray-900 mb-8 italic">Submission Guidelines</h2>
                
                <!-- 1. Abstract Structure -->
                <div class="bg-white rounded-2xl p-6 mb-6 shadow-sm border border-gray-100">
                    <div class="flex items-center gap-3 mb-4">
                        <span class="w-8 h-8 bg-teflin-blue text-white rounded-full flex items-center justify-center font-bold text-sm">1</span>
                        <h3 class="font-semibold text-gray-900 text-lg">Abstract Structure</h3>
                    </div>
                    <p class="text-gray-600 mb-4">Abstracts must be written in English and structured as a single paragraph containing the following components:</p>
                    <div class="space-y-2 pl-4">
                        <div class="flex items-start gap-2">
                            <span class="text-teflin-blue font-semibold">•</span>
                            <p class="text-gray-700"><strong>Introduction:</strong> A brief background of the topic.</p>
                        </div>
                        <div class="flex items-start gap-2">
                            <span class="text-teflin-blue font-semibold">•</span>
                            <p class="text-gray-700"><strong>Aims:</strong> The specific objectives or research questions.</p>
                        </div>
                        <div class="flex items-start gap-2">
                            <span class="text-teflin-blue font-semibold">•</span>
                            <p class="text-gray-700"><strong>Method:</strong> A concise description of data collection and analysis.</p>
                        </div>
                        <div class="flex items-start gap-2">
                            <span class="text-teflin-blue font-semibold">•</span>
                            <p class="text-gray-700"><strong>Results/Findings:</strong> A summary of the key outcomes.</p>
                        </div>
                        <div class="flex items-start gap-2">
                            <span class="text-teflin-blue font-semibold">•</span>
                            <p class="text-gray-700"><strong>Conclusion:</strong> The final takeaway or implications of the study.</p>
                        </div>
                        <div class="flex items-start gap-2">
                            <span class="text-teflin-blue font-semibold">•</span>
                            <p class="text-gray-700"><strong>Keywords:</strong> A maximum of 5 words or phrases.</p>
                        </div>
                    </div>
                </div>

                <!-- 2. Formatting Specifications -->
                <div class="bg-white rounded-2xl p-6 mb-6 shadow-sm border border-gray-100">
                    <div class="flex items-center gap-3 mb-4">
                        <span class="w-8 h-8 bg-teflin-blue text-white rounded-full flex items-center justify-center font-bold text-sm">2</span>
                        <h3 class="font-semibold text-gray-900 text-lg">Formatting Specifications</h3>
                    </div>
                    <div class="space-y-3">
                        <div class="flex items-center gap-3">
                            <svg class="w-5 h-5 text-teflin-blue flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                            <p class="text-gray-700"><strong>Word Limit:</strong> 150 – 250 words.</p>
                        </div>
                        <div class="flex items-center gap-3">
                            <svg class="w-5 h-5 text-teflin-blue flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                            <p class="text-gray-700"><strong>Title:</strong> Times New Roman, 12pt, BOLD UPPERCASE, centred.</p>
                        </div>
                        <div class="flex items-center gap-3">
                            <svg class="w-5 h-5 text-teflin-blue flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                            <p class="text-gray-700"><strong>Body Text:</strong> Times New Roman, 11pt, single-spaced, single-column format.</p>
                        </div>
                    </div>
                </div>

                <!-- 3. Submission Process -->
                <div class="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
                    <div class="flex items-center gap-3 mb-4">
                        <span class="w-8 h-8 bg-teflin-blue text-white rounded-full flex items-center justify-center font-bold text-sm">3</span>
                        <h3 class="font-semibold text-gray-900 text-lg">Submission Process</h3>
                    </div>
                    <p class="text-gray-600 mb-4">To ensure a smooth evaluation process, please follow these steps:</p>
                    <div class="space-y-4">
                        <div class="flex items-start gap-4">
                            <div class="w-8 h-8 bg-teflin-gold/20 text-teflin-gold rounded-full flex items-center justify-center font-bold text-sm flex-shrink-0">1</div>
                            <p class="text-gray-700 pt-1">Download the official abstract template and format your work accordingly.</p>
                        </div>
                        <div class="flex items-start gap-4">
                            <div class="w-8 h-8 bg-teflin-gold/20 text-teflin-gold rounded-full flex items-center justify-center font-bold text-sm flex-shrink-0">2</div>
                            <p class="text-gray-700 pt-1">Navigate to the "Submit Abstract" button and fill in the required fields in the submission form.</p>
                        </div>
                        <div class="flex items-start gap-4">
                            <div class="w-8 h-8 bg-teflin-gold/20 text-teflin-gold rounded-full flex items-center justify-center font-bold text-sm flex-shrink-0">3</div>
                            <p class="text-gray-700 pt-1">Attach your formatted file and finalise your submission.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Important Dates (Dynamic from Filament) -->
            <div class="lg:col-span-1">
                <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-6 sticky top-24">
                    <div class="flex items-center gap-3 mb-6">
                        <svg class="w-6 h-6 text-teflin-blue" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
                        <h3 class="font-serif text-xl text-gray-900 italic">Important Dates</h3>
                    </div>
                    
                    <div class="space-y-6">
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__empty_1 = true; $__currentLoopData = $timelines; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $timeline): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <?php
                            $isPast = $timeline->end_date ? $timeline->end_date->isPast() : ($timeline->start_date ? $timeline->start_date->isPast() : false);
                            $isCurrent = !$isPast && ($timeline->start_date ? $timeline->start_date->isFuture() || $timeline->start_date->isToday() : false);
                            $dotColor = $isPast ? 'bg-green-500' : ($index === 0 ? 'bg-teflin-gold' : 'bg-gray-400');
                            $textColor = $index === 0 && !$isPast ? 'text-teflin-gold' : 'text-gray-900';
                        ?>
                        <div class="flex items-start gap-4">
                            <div class="w-3 h-3 <?php echo e($dotColor); ?> rounded-full mt-1.5 flex-shrink-0"></div>
                            <div class="flex-1">
                                <h4 class="font-semibold <?php echo e($textColor); ?>"><?php echo e($timeline->title); ?></h4>
                                <p class="text-gray-500 text-sm">
                                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($timeline->end_date): ?>
                                        <?php echo e($timeline->start_date->format('M d')); ?> - <?php echo e($timeline->end_date->format('M d, Y')); ?>

                                    <?php else: ?>
                                        <?php echo e($timeline->start_date->format('F d, Y')); ?>

                                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                                </p>
                                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($timeline->description): ?>
                                <p class="text-gray-400 text-xs mt-1"><?php echo e($timeline->description); ?></p>
                                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <p class="text-gray-500 text-sm italic">Timeline dates will be announced soon.</p>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Abstract Submission -->
<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <h2 class="font-serif text-3xl text-gray-900 mb-4 italic">Abstract Submission</h2>
            <p class="text-gray-600 max-w-2xl mx-auto">Ready to submit your abstract? Click the button below to access the submission form. Please identify whether you are submitting for TEFLIN or ICEMS.</p>
        </div>
        
        <div class="flex justify-center">
            <a href="<?php echo e(route('submission.abstract')); ?>" class="inline-flex items-center gap-3 px-8 py-4 bg-teflin-blue text-white font-semibold rounded-full hover:bg-teflin-blue-dark transition shadow-lg hover:shadow-xl">
                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                Submit Your Abstract
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
            </a>
        </div>
    </div>
</section>

<!-- Full Paper Submission -->
<section class="py-16 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <h2 class="font-serif text-3xl text-gray-900 mb-4 italic">Full Paper Submission</h2>
            <p class="text-gray-600 max-w-2xl mx-auto">Full paper submission is available after receiving Letter of Acceptance (LoA). Submission period: <strong>May 20 - June 30, 2026</strong></p>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
            <!-- TEFLIN 2026 Full Paper -->
            <div class="bg-white rounded-2xl p-8 shadow-sm border border-gray-100 text-center">
                <div class="w-16 h-16 bg-teflin-blue/10 rounded-full flex items-center justify-center mx-auto mb-6">
                    <svg class="w-8 h-8 text-teflin-blue" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>
                </div>
                <h3 class="font-serif text-xl text-gray-900 mb-3 italic">TEFLIN 2026</h3>
                <p class="text-gray-600 text-sm mb-6">Submit your full paper for the 72nd TEFLIN International Conference proceedings.</p>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($siteSettings->full_paper_submission_open): ?>
                    <a href="https://eproceeding.fitkuinjktconferences.com/index.php/icems/about/submissions" target="_blank" class="inline-flex items-center gap-2 px-6 py-3 bg-teflin-blue text-white font-semibold rounded-full hover:bg-teflin-blue-dark transition">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
                        Submit to OJS
                    </a>
                <?php else: ?>
                    <button disabled class="inline-flex items-center gap-2 px-6 py-3 bg-gray-200 text-gray-500 font-semibold rounded-full cursor-not-allowed">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg>
                        Coming Soon
                    </button>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </div>

            <!-- ICEMS Full Paper -->
            <div class="bg-white rounded-2xl p-8 shadow-sm border border-gray-100 text-center">
                <div class="w-16 h-16 bg-teflin-gold/10 rounded-full flex items-center justify-center mx-auto mb-6">
                    <svg class="w-8 h-8 text-teflin-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/></svg>
                </div>
                <h3 class="font-serif text-xl text-gray-900 mb-3 italic">ICEMS</h3>
                <p class="text-gray-600 text-sm mb-6">Submit your full paper for the 10th ICEMS proceedings via Open Journal System.</p>
                <a href="https://eproceeding.fitkuinjktconferences.com/index.php/icems/about/submissions" target="_blank" class="inline-flex items-center gap-2 px-6 py-3 bg-teflin-gold text-teflin-blue-dark font-semibold rounded-full hover:bg-teflin-gold-light transition">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>
                    Submit to OJS
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Publications -->
<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <h2 class="font-serif text-3xl text-gray-900 mb-4 italic">Publications</h2>
            <p class="text-gray-600 max-w-2xl mx-auto">Information about publication opportunities will be announced soon.</p>
        </div>
        
        <div class="bg-gray-50 rounded-2xl p-8 text-center border border-gray-100">
            <div class="w-16 h-16 bg-teflin-blue/10 rounded-full flex items-center justify-center mx-auto mb-6">
                <svg class="w-8 h-8 text-teflin-blue" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/></svg>
            </div>
            <p class="text-gray-500 italic">Publication details coming soon...</p>
        </div>
    </div>
</section>

<!-- Ready to Submit CTA -->
<section class="bg-gradient-to-b from-teflin-blue to-teflin-blue-dark py-16">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <h2 class="font-serif text-3xl text-white mb-4 italic">Ready to Submit?</h2>
        <p class="text-white/80 mb-8">Don't miss the deadline! Submit your abstract before May 20, 2026.</p>
        <div class="flex flex-wrap justify-center gap-4">
            <a href="<?php echo e(route('submission.abstract')); ?>" class="inline-flex items-center gap-2 px-8 py-3 bg-teflin-gold text-teflin-blue-dark font-semibold rounded-full hover:bg-teflin-gold-light transition">
                Submit Your Abstract
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
            </a>
            <a href="https://docs.google.com/document/d/1SWiTkol1huYzwisWgejD1dnyN2EE5Zf-/edit?usp=sharing&ouid=114561287313469534851&rtpof=true&sd=true" target="_blank" class="inline-flex items-center gap-2 px-8 py-3 bg-white/10 text-white border-2 border-white/30 font-semibold rounded-full hover:bg-white/20 transition">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
                Download Template
            </a>
        </div>
    </div>
</section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/fitk8147/public_html/teflin-icems/resources/views/pages/call-for-papers.blade.php ENDPATH**/ ?>