
<style>
    body {
        background-color: #f8f9fa;
    }

    .job-card {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
    }

    .job-card-header {
        background-color: #18751c;
        color: #fff;
        padding: 10px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .job-card-header i {
        margin-right: 10px;
    }

    .job-card-body {
        padding: 20px;
    }

    .job-title {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .job-description {
        margin-top: 10px;
        color: #555;
    }

    .apply-btn {
        margin-top: 20px;
    }

    .job-number {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #18751c;
        color: #fff;
        text-align: center;
        font-size: 1rem;
        border-radius: 50%;
        margin-right: 15px;
    }

    .job-deadline {
        margin-top: 10px;
        display: flex;
        align-items: center;
        color: #555;
    }

    .job-deadline i {
        margin-right: 5px;
    }

    .company-info {
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .company-icon {
        width: 30px;
        height: 30px;
        margin-right: 10px;

    }

    .job-offer-icon {
        margin-right: 10px;
    }


    .header-color1 {
        background-color: #18751c;
        color: #fff;
    }

    .header-color2 {
        background-color: #28a745;
        color: #fff;
    }
</style>


<?php echo $__env->make('takaback.layouts.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<main id="main">
    <!-- ======= Breadcrumbs Section ======= -->
    <section class="breadcrumbs">
        <div class="container">
            <div class="d-flex justify-content-between align-items-center">

            </div>
        </div>
    </section>
    <!-- End Breadcrumbs Section -->

    <section class="inner-page">
        <div class="container">
            <h1 class=" mb-4">
                <i class="fas fa-briefcase job-offer-icon"></i> Offres d'emploi
            </h1>

            <?php $__currentLoopData = $offres; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $key): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="job-card">
                    <div class="job-card-header">
                        <div class="job-number">#<?php echo e(str_pad($index + 1, 2, '0', STR_PAD_LEFT)); ?></div><?php echo e($key->titreOffre); ?>

                    </div>
                    <div class="job-card-body hidden">
                        <!-- Add company info here -->
                        <div class="company-info">
                            <i class="fas fa-building company-icon"></i>
                            <span class="company-name"><?php echo e($key->nomEmployeur); ?></span>
                        </div>

                        <p class="job-title"><?php echo e($key->titreOffre); ?></p>
                        <p class="job-description"><?php echo e(Str::limit(strip_tags($key->descriptionOffre), 200)); ?></p>

                        <div class="job-deadline text-danger"><i class="far fa-clock"></i> Date limite : <?php echo e($key->datePermission); ?>

                        </div>
                        <a href="<?php echo e(route('detail.show', ['id' => $key->id])); ?>" class="btn btn-success apply-btn">
                            <i class="fas fa-info-circle learn-more-icon"></i> En savoir plus
                        </a>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>




        </div>
    </section>
</main>
<!-- End #main -->

<?php echo $__env->make('takaback.layouts.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php /**PATH C:\Users\El Anewar\Downloads\Takaback\resources\views/takaback/offre.blade.php ENDPATH**/ ?>