<?php echo $__env->make('takaback.layouts.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<style>
    body {
        font-family: 'Arial', sans-serif;
        background-color: #f8f9fa;
        color: #495057;
        margin: 0;
        padding: 0;
    }

    .inner-page {
        background-color: #fff;
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        margin: 20px auto;
        max-width: 1000px;
        display: grid;
        /* Utilisation de la grille */
        grid-template-columns: 1fr;
        /* Une seule colonne */
        grid-gap: 20px;
        /* Espace entre les éléments */
    }

    .image {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

    .image img {
        max-width: 100%;
        height: auto;
    }

    .company-icon,
    .job-icon {
        color: #28b947;
        font-size: 1.5em;
        margin-right: 10px;
    }

    .titre {
    color: #28b947;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

/* Media query pour les appareils mobiles */
@media only screen and (max-width: 600px) {
    .titre {
        font-size: 16px; /* Ajustez la taille de police selon vos préférences */
    }
}

    .job-details {
        font-size: 1.0em;
        line-height: 1.6;
        color: #6c757d;
    }



    .button {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .apply-btn {
        display: inline-block;
        padding: 10px 20px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        margin-top: 30px;
        transition:
        background-color 0.3s;
    }
</style>



<main id="main">
    <!-- ======= Breadcrumbs Section ======= -->
    <section class="">
        <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">
            <h2 class="mt-4 titre mb-4">
                <i class="fas fa-info-circle learn-more-icon"></i> <?php echo e($result->nomEvent); ?>

            </h2>

            <div class="job-details">
                <div class="image">
                    <p> <img src="<?php echo e(asset('img/' . $result->Image)); ?>" width="500" height="300" alt=""
                            srcset=""></p>
                </div>

                <?php
                    $dateEvent = $result->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($result->heureEvent); ?>

                </div>

                <p><?php echo $result->eventDesc; ?></p>
                <?php
                    $encodedId = base64_encode($result->id);
                ?>

            </div>

            <div class="button">
                <div value="<?php echo e($result->id); ?>" class="eventbtn apply-btn btn btn-success">S'inscrire maintenant</div>
            </div>
        </div>
    </section>

</main>
<!-- End #main -->
<?php echo $__env->make('takaback.layouts.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<script src="<?php echo e(asset('assets/plugins/jquery/jquery.min.js')); ?>"></script>
<?php echo $__env->make('takaback.participant', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>


<script>
    $(document).ready(function() {
        $(document).on('click', '.eventbtn', function() {
            var id = $(this).attr('value');
            console.log(id)
            $('#ModalParticipant').modal('show');
            $('#event_id').val(id);
        });
    });
</script>
<?php /**PATH D:\takaback\resources\views/takaback/detailEvents.blade.php ENDPATH**/ ?>