
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo e($jobDescription->job_title); ?> - Job Description</title>
    <link rel="icon" type="image/png" href="/favicon.png">
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css']); ?>
</head>

<body class="bg-gray-50 min-h-screen">
    
    <header class="bg-white border-b border-gray-200">
        <div class="max-w-4xl mx-auto px-6 py-4 flex items-center justify-between">
            <div class="flex items-center gap-2">
                <img src="<?php echo e(asset('logo.png')); ?>" alt="<?php echo e(config('app.name', 'Laravel')); ?>" class="h-6 w-auto">
            </div>
            <span class="text-sm text-gray-500">Job Description</span>
        </div>
    </header>

    
    <div class="max-w-4xl mx-auto px-6 py-10">
        <?php $jd = $jobDescription; ?>

        <div class="bg-white border border-gray-200 rounded-2xl overflow-hidden shadow-sm">
            <div class="p-8 md:p-12">
                
                <h1 class="text-3xl font-bold text-gray-900 mb-6"><?php echo e($jd->job_title); ?></h1>

                
                <div class="grid grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-3 mb-8 text-sm">
                    <div>
                        <p class="text-gray-500">Department:</p>
                        <p class="font-semibold text-gray-900"><?php echo e($jd->department); ?></p>
                    </div>
                    <div>
                        <p class="text-gray-500">Level:</p>
                        <p class="font-semibold text-gray-900"><?php echo e($jd->level); ?></p>
                    </div>
                    <div>
                        <p class="text-gray-500">Location:</p>
                        <p class="font-semibold text-gray-900"><?php echo e($jd->location); ?></p>
                    </div>
                    <div>
                        <p class="text-gray-500">Employment Type:</p>
                        <p class="font-semibold text-gray-900"><?php echo e($jd->employment_type); ?></p>
                    </div>
                </div>

                <hr class="my-8 border-gray-200">

                
                <h2 class="text-xl font-bold text-gray-900 mb-3">Role Summary</h2>
                <p class="text-sm text-gray-600 leading-relaxed mb-8"><?php echo e($jd->role_summary); ?></p>

                <hr class="my-8 border-gray-200">

                
                <h2 class="text-xl font-bold text-gray-900 mb-4">Key Responsibilities</h2>
                <ul class="space-y-3 mb-8">
                    <?php $__currentLoopData = $jd->responsibilities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li class="flex items-start gap-2 text-sm text-gray-600">
                            <span class="w-1.5 h-1.5 bg-gray-900 rounded-full mt-1.5 shrink-0"></span>
                            <?php echo e($item); ?>

                        </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>

                <hr class="my-8 border-gray-200">

                
                <h2 class="text-xl font-bold text-gray-900 mb-4">Required Skills</h2>
                <ul class="space-y-3 mb-8">
                    <?php $__currentLoopData = $jd->required_skills; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li class="flex items-start gap-2 text-sm text-gray-600">
                            <svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                                    clip-rule="evenodd" />
                            </svg>
                            <?php echo e($item); ?>

                        </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>

                <hr class="my-8 border-gray-200">

                
                <h2 class="text-xl font-bold text-gray-900 mb-4">Qualifications</h2>
                <ul class="space-y-3 mb-8">
                    <?php $__currentLoopData = $jd->qualifications; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li class="flex items-start gap-2 text-sm text-gray-600">
                            <span class="w-1.5 h-1.5 bg-gray-900 rounded-full mt-1.5 shrink-0"></span>
                            <?php echo e($item); ?>

                        </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>

                <hr class="my-8 border-gray-200">

                
                <h2 class="text-xl font-bold text-gray-900 mb-4">Core Competencies</h2>
                <div class="flex flex-wrap gap-2">
                    <?php $__currentLoopData = $jd->competencies; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $comp): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <span
                            class="inline-flex items-center px-4 py-2 bg-gray-100 text-gray-700 rounded-full text-sm font-medium border border-gray-200">
                            <?php echo e($comp); ?>

                        </span>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>

                
                <?php if(!empty($jd->customSections)): ?>
                    <hr class="my-8 border-gray-200">

                    <?php $__currentLoopData = $jd->customSections; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $section): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="mb-8">
                            <h2 class="text-xl font-bold text-gray-900 mb-3">
                                <?php echo e($section['title'] ?? ''); ?>

                            </h2>

                            <p class="text-sm text-gray-600 leading-relaxed">
                                <?php echo e($section['content'] ?? ''); ?>

                            </p>
                        </div>
                        <hr class="my-8 border-gray-200">
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>




            </div>
        </div>

        
        <div class="text-center mt-8 text-sm text-gray-400">
            <p>Powered by RateMyPay</p>
        </div>
    </div>
</body>

</html>
<?php /**PATH /var/www/ratemypay_dev/resources/views/dashboard/job-descriptions/public.blade.php ENDPATH**/ ?>