<?php $__env->startSection('title', 'Apply for ' . $job->title . ' - Step 2/5 | Munchify Careers'); ?>

<?php $__env->startSection('content'); ?>
<section class="py-12 max-w-3xl mx-auto px-4 sm:px-6">
    
    <!-- Wizard Card Wrapper -->
    <div class="bg-white rounded-3xl border border-gray-200 shadow-sm overflow-hidden animate-slide-up">
        
        <!-- Header banner -->
        <div class="bg-[#111318] p-6 md:p-8 text-white relative overflow-hidden">
            <div class="absolute w-[200px] h-[200px] bg-[#FF6B00]/20 rounded-full blur-[50px] -top-20 -right-20"></div>
            <span class="text-[10px] text-[#FFD233] uppercase font-bold tracking-wider mb-1 block">Application Form</span>
            <h2 class="text-xl font-extrabold text-white leading-none"><?php echo e($job->title); ?></h2>
        </div>

        <!-- Horizontal progress steps indicator -->
        <div class="p-6 border-b border-gray-100 flex items-center justify-between text-xs font-semibold bg-[#F9FAFB]">
            <span class="text-[#FF6B00] flex items-center gap-1.5"><i class="fa-solid fa-circle-check text-xs"></i> Personal Details</span>
            <span class="text-[#FF6B00] flex items-center gap-1.5"><span class="w-5 h-5 rounded-full bg-[#FF6B00] text-white flex items-center justify-center text-[10px]">2</span> Experience</span>
            <span class="text-gray-400 flex items-center gap-1.5"><span class="w-5 h-5 rounded-full bg-gray-200 text-gray-500 flex items-center justify-center text-[10px]">3</span> Questions</span>
            <span class="text-gray-400 flex items-center gap-1.5"><span class="w-5 h-5 rounded-full bg-gray-200 text-gray-500 flex items-center justify-center text-[10px]">4</span> Uploads</span>
            <span class="text-gray-400 flex items-center gap-1.5"><span class="w-5 h-5 rounded-full bg-gray-200 text-gray-500 flex items-center justify-center text-[10px]">5</span> Review</span>
        </div>

        <!-- Body Form -->
        <div class="p-6 md:p-10">
            <form action="<?php echo e(route('apply.step.save', ['ulid' => $job->ulid, 'step' => 2])); ?>" method="POST" class="space-y-6">
                <?php echo csrf_field(); ?>
                
                <!-- Current Role -->
                <div>
                    <label for="current_role" class="form-label">Current Role / Status (Optional)</label>
                    <input type="text" name="current_role" id="current_role" 
                           class="form-input" 
                           placeholder="e.g. Student, Freelance Rider, Unemployed" 
                           value="<?php echo e(old('current_role', $wizardData['step2']['current_role'] ?? '')); ?>">
                </div>

                <!-- Experience years -->
                <div>
                    <label for="experience_years" class="form-label">Years of Experience (Optional)</label>
                    <input type="text" name="experience_years" id="experience_years" 
                           class="form-input" 
                           placeholder="e.g. 1 Year, 6 Months, None" 
                           value="<?php echo e(old('experience_years', $wizardData['step2']['experience_years'] ?? '')); ?>">
                </div>

                <!-- Skills -->
                <div>
                    <label for="skills" class="form-label">Key Skills (Optional)</label>
                    <input type="text" name="skills" id="skills" 
                           class="form-input" 
                           placeholder="e.g. Navigation, riding, Laravel, front-end, communication" 
                           value="<?php echo e(old('skills', $wizardData['step2']['skills'] ?? '')); ?>">
                </div>

                <!-- Motivation -->
                <div>
                    <label for="motivation" class="form-label">Why do you want to join Munchify? (Optional)</label>
                    <textarea name="motivation" id="motivation" rows="3" 
                              class="form-input resize-none" 
                              placeholder="Briefly tell us what motivates you to work with Munchify..."><?php echo e(old('motivation', $wizardData['step2']['motivation'] ?? '')); ?></textarea>
                </div>

                <!-- Cover letter -->
                <div>
                    <label for="cover_letter" class="form-label">Cover Letter / Additional Notes (Optional)</label>
                    <textarea name="cover_letter" id="cover_letter" rows="5" 
                              class="form-input" 
                              placeholder="Describe your qualifications, experience, and why you are the best fit for this role..."><?php echo e(old('cover_letter', $wizardData['step2']['cover_letter'] ?? '')); ?></textarea>
                </div>

                <!-- Footer CTA actions -->
                <div class="flex justify-between pt-4 border-t border-gray-100">
                    <a href="<?php echo e(route('apply.step', ['ulid' => $job->ulid, 'step' => 1])); ?>" class="btn btn-secondary rounded-full px-6 py-3">
                        <i class="fa-solid fa-angle-left"></i> Back to Step 1
                    </a>
                    <button type="submit" class="btn btn-primary rounded-full px-8 py-3 font-bold">
                        Continue to Step 3 <i class="fa-solid fa-angle-right"></i>
                    </button>
                </div>
            </form>
        </div>

    </div>
</section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.public', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/manuu/Projects/munchify/Munchify appointing/resources/views/public/wizard/step2.blade.php ENDPATH**/ ?>