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

    .job-card {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
        page-break-inside: avoid; /* Add this line to avoid breaking onto a new page */
    }

    .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;
        color: green;
    }

    .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-calendar-alt"></i> Evénement
            </h1>
<?php $__currentLoopData = $result; $__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->nomEvent); ?>

            </div>
            <div class="job-card-body hidden">
                <!-- Ajouter les informations de l'entreprise ici -->

                <p class="job-title "><i class="fas fa-briefcase"></i> <?php echo e($key->nomEvent); ?></p>
                <p class="job-description"><?php echo Str::limit(strip_tags($key->eventDesc), 220); ?></p>
                <?php
                $dateEvent = $key->dateEvent;
                $dateFormatee = date('d-m-Y', strtotime($dateEvent));
                 ?>
                <div class="job-deadline ">
                    <i class="fas fa-calendar-alt"></i> Date : <?php echo e($dateFormatee); ?>


                </div>
                <div class="job-deadline ">
                    <i class="far fa-clock"></i> Heure :<?php echo e($key->heureEvent); ?>

                </div>

                <?php
                    $encodedId = base64_encode($key->id);
                ?>
                <a href="<?php echo e(route('Evenement+Client.index')); ?>" 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(); ?>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        afficherMessage();
    });

    function afficherMessage() {
        Swal.fire({
            title: "Connectez-vous !",
            text: "Accès à la plateforme privée de takacback!",
            icon: "info",
            showCancelButton: true,
            confirmButtonColor: "#3085d6",
            cancelButtonColor: "#d33",
            confirmButtonText: "Connexion",
            cancelButtonText: "Annuler"
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = "<?php echo e(route('auths')); ?>";
            }
        });
    }
</script>
<?php /**PATH /home/p59qce1cziqc/public_html/takaback.com/resources/views/takaback/events.blade.php ENDPATH**/ ?>