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

<!-- start Home Slider -->
<?php echo $__env->make('frontEnd.includes.slider2', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<!-- end Home Slider -->

<div class="container">
    <div class="about-grid ">
        <div class="row">
            <div class="col-md-7">
                <div class="about-content">
                    <?php echo @$HomePage->{"details_" . @Helper::currentLanguage()->code}; ?>

                </div>
            </div>
            <?php
                $photo_about = $HomePage->photo_file;
            ?>
            <div class="col-md-5">
                <div class="about-image-wrap">
                    <div class="hover-img">
                        <figure>
                            <img src="<?php echo e(URL::to('uploads/topics/'.$photo_about)); ?>" alt="">
                        </figure>
                    </div>
                    <div class="about-image">
                        <img src="<?php echo e(URL::to('uploads/topics/'.$photo_about)); ?>" alt="">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="counter-wrap">
        <?php $__currentLoopData = $topicFields; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $topicField): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="counter-line"></div>
            <div class="counter-card" style="opacity: 1;">
                <p class="counter-number">
                    <span class="counter" data-number="<?php echo e($topicField->field_value); ?>"></span>
                    %
                </p>
                <div class="counter-text-wrap">

                    <p class="counter-text"><?php echo e($topicField->field->{"title_" . @Helper::currentLanguage()->code}); ?></p>
                </div>
            </div>
            <div class="counter-line"></div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>

</div>
<section class="courser">
    <div class="container">

        <div class="section-title"><?php echo e(__('frontend.title_course')); ?></div>
        <div class="row">
            <?php $__currentLoopData = $courses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $course): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="col-md-3 my-4">
                    <a class="courser-item" href="<?php echo e(route('courses.child',$course->seo_url_slug_en)); ?>">
                        <img src="<?php echo e(URL::to('uploads/sections/'.$course->photo)); ?>" alt="">
                       
                        <span><?php echo e(__('frontend.viewMore')); ?></span>
                    </a>
                    <div>
                        <p class="mt-2" style="color:#006b36;text-align: center;font-weight: bold;">
                            <?php echo e($course->{"title_" . @Helper::currentLanguage()->code}); ?>

                        </p>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
    <div class="courser-bg">

    </div>
</section>
<section class="event">
    <div class="container">
        <div class="section-title">
            <?php echo e(__('frontend.title_event')); ?>

        </div>
        <div class="event--list">
            <?php $__currentLoopData = $events; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $event): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="event-item">
                    <a class="hover-img " href="<?php echo e(route('detailEvent',$event->seo_url_slug_en)); ?>">
                        <figure>
                            <img src="<?php echo e(URL::to('uploads/topics/'.$event->photo_file)); ?>" alt="">
                        </figure>
                    </a>
                    <div class="event-content">
                        <div class="d-flex">
                            <i class="fas fa-map-marker-alt"></i>
                            <span><?php echo e($event->fields[0]->field_value); ?></span>
                            <?php
                                $dateStart = $event->date;
                                $dataNow = date('Y-m-d');
                                if($dateStart > $dataNow) {
                            ?>
                            <div class="status status-coming">Sắp diễn ra</div>
                            <?php } ?>
                            <?php  if($dateStart == $dataNow) { ?>
                                <div class="status status-active">Đang diễn ra</div>
                            <?php }    ?>
                        </div>
                        <div class="d-flex">
                            <i class="fas fa-calendar-alt"></i>
                            <span>Ngày <?php echo e($dateStart); ?></span>
                        </div>
                        <a href="<?php echo e(route('detailEvent',$event->seo_url_slug_en)); ?>">
                            <h3><?php echo e($event->{"title_" . @Helper::currentLanguage()->code}); ?></h3>
                        </a>
                        <p><?php echo e($event->{"seo_description_" . @Helper::currentLanguage()->code}); ?></p>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
        <div class="d-flex justify-content-center mt-5">
            <a href="<?php echo e(route('events')); ?>" class="btn btn-main"><?php echo e(__('frontend.viewMore')); ?></a>
        </div>
    </div>
</section>
<div class="bg-world">
    <?php $__currentLoopData = $partners; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $partner): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <section class="client">
            <div class="container">
                <div class="section-title">
                    <span><?php echo e($partner->{"title_" . @Helper::currentLanguage()->code}); ?></span>

                </div>

            </div>
            <div class="container container-custom">
                <div class="client-list">
                    <?php $__currentLoopData = $partner->topicOfCategorys; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="client-item">
                            <img src="<?php echo e(URL::to('uploads/topics/'.$image->photo_file)); ?>" alt="">
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </section>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<?php echo $__env->make('frontEnd.includes.contact', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

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

<?php $__env->startSection('script_js'); ?>
<script>
    $(document).ready(function() {
        $(".js-form-error").hide();
        $(".js-form-success").hide();
        $(".js-send-info").on("click", () => {
            const username = $(".user_name").val();
            const phone = $(".phone").val();
            const email = $(".email").val();
            const course = $(".course").val();
            const note = $(".note").val();
            let invalid = false;
            if(!username) {
                $(".user_name").addClass('border border-danger');
                invalid = true;
            } else {
                $(".user_name").removeClass('border border-danger');
            }
            if(!phone) {
                $(".phone").addClass('border border-danger');
                invalid = true;
            } else {
                $(".phone").removeClass('border border-danger');
            }
            if(!email) {
                $(".email").addClass('border border-danger');
                invalid = true;
            } else {
                $(".email").removeClass('border border-danger');
            }
            if(!course) {
                $(".course").addClass('border border-danger');
                invalid = true;
            } else {
                $(".course").removeClass('border border-danger');
            }
            if(invalid) {
                $(".js-form-error").show();
                return;
            } 
            $(".js-form-error").hide();
            $.ajax({
                method: "POST",
                url: "/contact/submit",
                data: { contact_name:username,contact_phone:phone,contact_email:email,contact_subject:course,contact_message:note,"_token": "<?php echo e(csrf_token()); ?>" }
            })
            .done(function( msg ) {
                $(".user_name").val("");
                $(".phone").val("");
                $(".email").val("");
                $(".course").val("");
                $(".note").val("");
                $(".js-form-success").show();
            });

        });
    });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontEnd.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u503560585/domains/mscm.me/public_html/resources/views/frontEnd/home.blade.php ENDPATH**/ ?>