<?php $__env->startSection('content'); ?>

    <main>

        <!-- Start pg_header -->
        <?php echo $__env->make('web.layouts.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

            <!-- ---------- pg_news ----------- -->
            <section class="pg_news section_padding">
                <div class="container">
                    <h2 class="mb-4"> News </h2>
                    <div class="news">
                        <?php $__currentLoopData = $articles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="post_item">
                                <div class="post_card">
                                    <div class="img">
                                        <img src="<?php echo e($row->url_image); ?>" alt="" class="img_cover">
                                    </div>
                                    <div class="info">
                                        <div class="date mb-3 small">
                                            <span class="icon me-1 subColor"> <i class="far fa-calendar-day"></i> </span>
                                            <span> <?php echo e($row->date_time); ?> </span>
                                        </div>
                                        <h6 class="title"> <?php echo e($row->name); ?> </h6>
                                        <span class="plus"> <i class="far fa-plus"></i> </span>
                                    </div>
                                </div>
                                <div class="post_details">
                                    <div class="container">
                                        <div class="cont">
                                            <div class="row gx-lg-5 align-items-center">
                                                <div class="col-lg-4">
                                                    <div class="img">
                                                        <img src="<?php echo e($row->url_image); ?>" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="info">
                                                        <h4> <?php echo e($row->name); ?> </h4>
                                                        <div class="date mb-3 small">
                                                            <span class="icon me-1 subColor"> <i class="far fa-calendar-day"></i> </span>
                                                            <span> <?php echo e($row->date_time); ?> </span>
                                                        </div>
                                                        <div class="text">
                                                            <?php echo $row->description; ?>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <span class="clss"><i class="fal fa-times"></i></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </section>

            <!-- ---------- approach ----------- -->


        </main>


    </main>


<?php $__env->startSection('inject_js'); ?>

    <script>

        // ---------- company_info -----------
        $(".post_item .post_card").on("click", function() {
            var infoOfset = $(this).parent().offset().left,
                contOfset = $(".container").offset().left;
            $(this).addClass("card_plus").parent().siblings().find(".post_card").removeClass("card_plus");

            $(this).siblings(".post_details").css({
                left: -infoOfset
            });

            $(".post_details").removeClass("show");
            $(this).siblings(".post_details").addClass("show");
        })

        $(".post_details .clss").on("click", function() {
            $(".post_details").removeClass("show");
            $(".post_card").removeClass("card_plus");
        })

        $(".post_item").delegate(".card_plus .plus","click", function() {
            $(".post_details").removeClass("show");
            $(".post_card").removeClass("card_plus");
        })

    </script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/MAMP/htdocs/ntc/resources/views/web/pages/news/index.blade.php ENDPATH**/ ?>