<?php if (isset($component)) { $__componentOriginal4ded15da7e279fded52d1c5c94436b4a = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal4ded15da7e279fded52d1c5c94436b4a = $attributes; } ?>
<?php $component = App\View\Components\ConferenceLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('conference-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\ConferenceLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
     <?php $__env->slot('title', null, []); ?> <?php echo e($conference['title']); ?> - Call for Papers <?php $__env->endSlot(); ?>

    <!-- Page Header (Smaller Hero style modeled after home page) -->
    <section class="relative pt-48 pb-32 flex items-center justify-center text-white overflow-hidden bg-black">
        <!-- Background Image with Overlay -->
        <div class="absolute inset-0 z-0">
            <img src="<?php echo e($conference['image']); ?>" alt="Conference Venue" class="w-full h-full object-cover opacity-60">
            <!-- Complex Gradient Overlay for "Premium" feel -->
            <div class="absolute inset-0 bg-gradient-to-b from-black/80 via-transparent to-black"></div>
            <div class="absolute inset-0 bg-gradient-to-r from-black/50 via-transparent to-black/50"></div>
        </div>

        <div class="relative z-10 max-w-7xl mx-auto px-4 text-center">
            <?php if(isset($conference['prefix'])): ?>
                <span
                    class="block text-brand-200 text-lg md:text-xl font-bold tracking-widest uppercase mb-4"><?php echo e($conference['prefix']); ?></span>
            <?php endif; ?>

            <h1 class="flex flex-col items-center justify-center leading-none tracking-tighter mb-6 select-none">
                <span
                    class="text-4xl md:text-5xl lg:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-b from-white to-gray-400 opacity-90 filter drop-shadow-2xl text-center">
                    <?php echo e(strtoupper($conference['title'])); ?>

                </span>
            </h1>

            <p class="text-lg md:text-xl text-gray-300 font-light tracking-wide max-w-4xl mx-auto">
                Official Website - Call For Papers
            </p>
        </div>
    </section>

    <!-- Content Area -->
    <section class="py-24 bg-gray-50 border-b border-gray-200 relative">
        <div class="max-w-7xl mx-auto px-6 lg:px-8">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-16">

                <!-- Left Column: Main Content -->
                <div class="lg:col-span-2">
                    <span
                        class="text-orange-600 font-bold tracking-widest uppercase text-xs mb-2 block">Opportunity</span>
                    <h2 class="text-4xl font-bold text-gray-900 font-serif mb-8">Call for Papers</h2>

                    <?php if(isset($conference['call_for_papers'])): ?>
                        <div class="prose prose-lg text-gray-600 mb-10 leading-relaxed max-w-none">
                            <p><?php echo e($conference['call_for_papers']['text']); ?></p>
                        </div>
                    <?php else: ?>
                        <div class="prose prose-lg text-gray-600 mb-10 leading-relaxed max-w-none">
                            <p>We welcome proposals for papers and invitations for abstract submissions, which are now
                                open for both oral and poster presentations covering current research and new processes.
                                All contributions should be of high quality. During the review period, Papers will be
                                reviewed by eminent scholars in the respective areas. Two types of submissions are
                                invited: Full papers reporting on original and unpublished research, and
                                Work-in-progress papers or Abstract or Case Studies or Projects.</p>
                        </div>
                    <?php endif; ?>

                    <!-- Scopes -->
                    <!-- Scopes Grid -->
                    <?php if(isset($conference['scopes'])): ?>
                        <div class="bg-gray-50 rounded-2xl p-8 border border-gray-100">
                            <h3 class="text-xl font-bold text-gray-900 mb-6 flex items-center gap-2">
                                <i class="fas fa-bullseye text-orange-500"></i> Conference Scope
                            </h3>
                            <div class="space-y-8">
                                <?php $__currentLoopData = $conference['scopes']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category => $subScopes): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div>
                                        <h4 class="font-bold text-gray-800 mb-3 border-l-4 border-orange-500 pl-3">
                                            <?php echo e($category); ?></h4>
                                        <div class="grid grid-cols-1 md:grid-cols-2 gap-2 ml-4">
                                            <?php if(is_array($subScopes)): ?>
                                                <?php $__currentLoopData = $subScopes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $scope): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <div class="flex items-start gap-2">
                                                        <i class="fas fa-angle-right text-gray-400 mt-1 text-xs"></i>
                                                        <span
                                                            class="text-gray-600 text-sm hover:text-orange-600 transition-colors cursor-default"><?php echo e($scope); ?></span>
                                                    </div>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            <?php else: ?>
                                                <div class="flex items-start gap-2">
                                                    <i class="fas fa-angle-right text-gray-400 mt-1 text-xs"></i>
                                                    <span class="text-gray-600 text-sm"><?php echo e($subScopes); ?></span>
                                                </div>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    <?php endif; ?>
                </div>

                <!-- Right Column: Sidebar -->
                <div class="lg:col-span-1 space-y-8 tracking-tight">

                    <!-- Important Dates Sidebar Widget -->
                    <?php if(isset($conference['important_dates'])): ?>
                        <div class="bg-gray-900 text-white rounded-2xl p-8 shadow-2xl relative overflow-hidden">
                            <div
                                class="absolute top-0 right-0 w-32 h-32 bg-orange-500/20 rounded-full blur-3xl -mr-10 -mt-10">
                            </div>

                            <h3 class="text-2xl font-bold font-serif mb-8 border-b border-gray-700 pb-4">Important Dates
                            </h3>

                            <div class="space-y-6">
                                <?php $__currentLoopData = $conference['important_dates']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $date): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="group">
                                        <p
                                            class="text-xs text-gray-400 font-bold uppercase tracking-wider mb-1 group-hover:text-orange-400 transition-colors">
                                            <?php echo e($date['label']); ?>

                                        </p>
                                        <p class="text-lg font-bold text-white"><?php echo e($date['date']); ?></p>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>

                            <a href="#register"
                                class="mt-10 w-full block py-4 bg-orange-600 hover:bg-orange-700 text-white font-bold text-center rounded-lg transition-all shadow-lg hover:shadow-orange-500/20">
                                Submit Abstract
                            </a>
                        </div>
                    <?php else: ?>
                        <div class="bg-gray-900 text-white rounded-2xl p-8 shadow-2xl relative overflow-hidden">
                            <div
                                class="absolute top-0 right-0 w-32 h-32 bg-orange-500/20 rounded-full blur-3xl -mr-10 -mt-10">
                            </div>

                            <h3 class="text-2xl font-bold font-serif mb-8 border-b border-gray-700 pb-4">Important Dates
                            </h3>

                            <div class="space-y-6">
                                <div class="group">
                                    <p
                                        class="text-xs text-gray-400 font-bold uppercase tracking-wider mb-1 group-hover:text-orange-400 transition-colors">
                                        Conference Date
                                    </p>
                                    <p class="text-lg font-bold text-white"><?php echo e($conference['date'] ?? 'TBA'); ?></p>
                                </div>
                            </div>
                        </div>
                    <?php endif; ?>

                    <!-- Note Widget -->
                    <div class="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm relative overflow-hidden">
                        <div class="absolute top-0 left-0 w-1 h-full bg-yellow-400"></div>
                        <h4 class="font-bold text-gray-900 mb-3 flex items-center gap-2">
                            <i class="fas fa-sticky-note text-yellow-500"></i> Note
                        </h4>
                        <p class="text-sm text-gray-700 leading-relaxed">Early Notification of Acceptance for
                            Abstract/Papers submitted before the deadline will be provided on a rolling basis
                            (within 21
                            days on a FIFO basis)</p>
                    </div>

                    <!-- Side Menu -->
                    <div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-sm">
                        <h3
                            class="font-bold text-gray-900 uppercase tracking-wider text-sm mb-4 pb-2 border-b border-gray-100">
                            Quick Links</h3>
                        <div class="space-y-1">
                            <a href="#"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i>
                                Participation Opportunities
                            </a>
                            <a href="#"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i> Payment
                                Details
                            </a>
                            <a href="#register"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i>
                                Abstract / Paper Submission
                            </a>
                            <a href="#"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i>
                                Abstract / Full Paper Guidelines
                            </a>
                            <a href="#scopes"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i> Scope
                            </a>
                            <a href="<?php echo e(route('conference.show', ['slug' => $conference['slug']])); ?>#schedule"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i> Program
                                Schedule
                            </a>
                            <a href="#"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i> Journal
                                & Publications
                            </a>
                        </div>
                    </div>

                    <div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-sm mt-8">
                        <h3
                            class="font-bold text-gray-900 uppercase tracking-wider text-sm mb-4 pb-2 border-b border-gray-100">
                            Conference</h3>
                        <div class="space-y-1">
                            <a href="#"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i>
                                Organizing Team
                            </a>
                            <a href="<?php echo e(route('conference.show', ['slug' => $conference['slug']])); ?>#speakers"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i>
                                Co-chair and Keynote
                            </a>
                            <a href="#"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i>
                                Scientific Committee
                            </a>
                            <a href="#"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i>
                                Academic Partners
                            </a>
                            <a href="#"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i>
                                Upcoming Conference
                            </a>
                            <a href="#"
                                class="flex items-center gap-3 px-3 py-2 text-sm text-gray-600 hover:text-orange-600 hover:bg-orange-50 rounded-lg transition-colors group">
                                <i class="fas fa-angle-right text-gray-400 group-hover:text-orange-500"></i> Past
                                Conference
                            </a>
                        </div>
                    </div>

                </div> <!-- Closes Right Column: lg:col-span-1 -->
            </div> <!-- Closes Grid: grid-cols-1 lg:grid-cols-3 -->
        </div> <!-- Closes Container: max-w-7xl -->
    </section>

    <!-- Registration & Fees Section (Dark Premium) -->
    <section id="tickets" class="py-32 bg-black text-white relative" x-data="{ type: 'international' }">
        <div class="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10">
        </div>
        <div
            class="absolute top-0 right-0 w-[600px] h-[600px] bg-indigo-900/20 rounded-full blur-[120px] pointer-events-none">
        </div>

        <div class="max-w-7xl mx-auto px-6 lg:px-8 relative z-10">
            <div class="mb-16 text-center">
                <span class="text-orange-500 font-bold tracking-widest uppercase text-xs mb-2 block">Registration</span>
                <h2 class="text-4xl md:text-6xl font-bold mb-6 font-serif">Registration Fees</h2>
                <p class="text-gray-400 max-w-2xl mx-auto text-lg">Detailed breakdown of participation categories.
                    Choose the plan that suits you best.</p>

                <!-- Tabs -->
                <div class="flex justify-center mt-10">
                    <div class="bg-white/5 p-1 rounded-full inline-flex border border-white/10">
                        <button @click="type = 'international'"
                            :class="{ 'bg-orange-600 text-white shadow-lg': type === 'international', 'text-gray-400 hover:text-white': type !== 'international' }"
                            class="px-8 py-3 rounded-full font-bold text-sm tracking-wide transition-all duration-300">
                            International
                        </button>
                        <button @click="type = 'domestic'"
                            :class="{ 'bg-orange-600 text-white shadow-lg': type === 'domestic', 'text-gray-400 hover:text-white': type !== 'domestic' }"
                            class="px-8 py-3 rounded-full font-bold text-sm tracking-wide transition-all duration-300">
                            Domestic
                        </button>
                    </div>
                </div>
            </div>

            <!-- Pricing Grid -->
            <div class="grid gap-6">
                <!-- International Pricing -->
                <div x-show="type === 'international'" x-transition:enter="transition ease-out duration-300 transform"
                    x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100"
                    class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-6">
                    <?php if(isset($conference['registration']['international']['categories'])): ?>
                        <?php $__currentLoopData = $conference['registration']['international']['categories']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div
                                class="relative group p-8 rounded-2xl border border-white/10 bg-white/5 hover:bg-white/10 transition-all duration-300 flex flex-col h-full hover:-translate-y-2">
                                <div
                                    class="absolute inset-0 bg-gradient-to-b from-orange-500/0 to-orange-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl">
                                </div>

                                <h3
                                    class="text-xl font-bold mb-2 text-white group-hover:text-orange-500 transition-colors py-2 min-h-[70px] flex items-center">
                                    <?php echo e($category['name']); ?>

                                </h3>
                                <p class="text-xs text-gray-500 font-medium uppercase tracking-wider mb-6">
                                    <?php echo e($category['description']); ?>

                                </p>

                                <div class="space-y-4 mb-8 flex-grow">
                                    <div class="flex justify-between items-end border-b border-dashed border-gray-700 pb-2">
                                        <span class="text-gray-400 text-sm">Early Bird</span>
                                        <span
                                            class="text-2xl font-bold text-white"><?php echo e($conference['registration']['international']['currency'] ?? '$'); ?>

                                            <?php echo e($category['early_bird']); ?></span>
                                    </div>
                                    <div class="flex justify-between items-end">
                                        <span class="text-gray-400 text-sm">Regular</span>
                                        <span
                                            class="text-xl font-bold text-gray-300"><?php echo e($conference['registration']['international']['currency'] ?? '$'); ?>

                                            <?php echo e($category['regular']); ?></span>
                                    </div>
                                </div>

                                <div class="space-y-3 mb-8">
                                    <?php $__currentLoopData = $category['benefits']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $benefit): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="flex items-start gap-3">
                                            <i class="fas fa-check-circle text-orange-600 mt-1 text-xs"></i>
                                            <span class="text-sm text-gray-400 leading-snug"><?php echo e($benefit); ?></span>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>

                                <a href="#register"
                                    class="w-full py-3 text-center rounded-lg bg-white text-black font-bold uppercase text-xs tracking-widest hover:bg-orange-600 hover:text-white transition-all duration-300 shadow-lg mt-auto">
                                    Register Now
                                </a>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    <?php else: ?>
                        <div class="col-span-4 text-center text-gray-400 py-10">Registration details coming soon.</div>
                    <?php endif; ?>
                </div>

                <!-- Domestic Pricing -->
                <div x-show="type === 'domestic'" x-transition:enter="transition ease-out duration-300 transform"
                    x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100"
                    class="grid grid-cols-1 md:grid-cols-3 gap-6" style="display: none;">
                    <?php if(isset($conference['registration']['domestic']['categories'])): ?>
                        <?php $__currentLoopData = $conference['registration']['domestic']['categories']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div
                                class="relative group p-8 rounded-2xl border border-white/10 bg-white/5 hover:bg-white/10 transition-all duration-300 flex flex-col h-full hover:-translate-y-2">
                                <h3 class="text-xl font-bold mb-2 text-white group-hover:text-green-500 transition-colors py-2">
                                    <?php echo e($category['name']); ?>

                                </h3>
                                <p class="text-xs text-gray-500 font-medium uppercase tracking-wider mb-6">
                                    <?php echo e($category['description']); ?>

                                </p>

                                <div class="space-y-4 mb-8 flex-grow">
                                    <div class="flex justify-between items-end border-b border-dashed border-gray-700 pb-2">
                                        <span class="text-gray-400 text-sm">Early Bird</span>
                                        <span
                                            class="text-2xl font-bold text-white"><?php echo e($conference['registration']['domestic']['currency'] ?? 'LKR'); ?>

                                            <?php echo e($category['early_bird']); ?></span>
                                    </div>
                                    <div class="flex justify-between items-end">
                                        <span class="text-gray-400 text-sm">Regular</span>
                                        <span
                                            class="text-xl font-bold text-gray-300"><?php echo e($conference['registration']['domestic']['currency'] ?? 'LKR'); ?>

                                            <?php echo e($category['regular']); ?></span>
                                    </div>
                                </div>

                                <div class="space-y-3 mb-8">
                                    <?php $__currentLoopData = $category['benefits']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $benefit): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="flex items-start gap-3">
                                            <i class="fas fa-check-circle text-green-600 mt-1 text-xs"></i>
                                            <span class="text-sm text-gray-400 leading-snug"><?php echo e($benefit); ?></span>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>

                                <a href="#register"
                                    class="w-full py-3 text-center rounded-lg bg-white text-black font-bold uppercase text-xs tracking-widest hover:bg-green-600 hover:text-white transition-all duration-300 shadow-lg mt-auto">
                                    Register Local
                                </a>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    <?php else: ?>
                        <div class="col-span-3 text-center text-gray-400 py-10">Domestic rates unavailable.</div>
                    <?php endif; ?>
                </div>
            </div>

            <!-- Additional Info -->
            <div
                class="mt-16 grid grid-cols-1 md:grid-cols-2 gap-8 text-sm text-gray-400 bg-white/5 p-8 rounded-xl border border-white/10">
                <div>
                    <h4 class="text-white font-bold mb-2 uppercase tracking-wider">Registration Covers</h4>
                    <p>Admission to all scientific sessions, Conference Materials, Certificate of Attendance, Lunch and
                        Coffee breaks during the conference days.</p>
                </div>
                <div>
                    <h4 class="text-white font-bold mb-2 uppercase tracking-wider">Cancellation Policy</h4>
                    <p>Cancellations must be received in writing. 50% refund before 30 days of the conference. No
                        refunds within 30 days.</p>
                </div>
            </div>
        </div>
    </section>

 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal4ded15da7e279fded52d1c5c94436b4a)): ?>
<?php $attributes = $__attributesOriginal4ded15da7e279fded52d1c5c94436b4a; ?>
<?php unset($__attributesOriginal4ded15da7e279fded52d1c5c94436b4a); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal4ded15da7e279fded52d1c5c94436b4a)): ?>
<?php $component = $__componentOriginal4ded15da7e279fded52d1c5c94436b4a; ?>
<?php unset($__componentOriginal4ded15da7e279fded52d1c5c94436b4a); ?>
<?php endif; ?><?php /**PATH /home/gariteam/public_html/dev.gariteam.com/resources/views/conference/call-for-papers.blade.php ENDPATH**/ ?>