
<?php $__env->startSection('title', 'Carolina Murgan Temple'); ?>
<link rel="stylesheet" href="<?php echo e(asset('assets/css/Homepage.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('assets/js/Homepage.js')); ?>">
<?php $__env->startSection('style-section'); ?>
    <style>
        .sigma_btn-custom.light::before {
            background-color: #85ac82 !important;
        }

        .container-fluid {
            padding-left: 0px;
            padding-right: 0px;
        }
    </style>
    <?php
        $special_events = getWebSyncsData('Flash News', 'flashNews', 'ACTIVE');

        $daily_schedules = getWebSyncsData('Daily Schedule', 'dailySchedule', '');
        $currentDate = strtotime(date('m/d/Y'));
        $validEvents = [];

        foreach ($special_events as $item) {
            $endDate = strtotime(@$item['endDate']); // Convert end date to Unix timestamp

            if ($endDate >= $currentDate) {
                $validEvents[] = $item; // Add valid events to the new array
            }
        }
        $special_events = $validEvents;
        // Sort the array based on "sequenceId"
        //usort($special_events, function ($a, $b) {
        // return $a['sequenceId'] - $b['sequenceId'];
        // });
        // Retrieve the 'daily_events_cart' data from the session
        $session_data = session('daily_events_cart', ['totalPrice' => 0.0, 'ids' => []]);
        // dd($session_data);
        // Calculate $cart_count
        $cart_count = count($session_data['ids']);

        // Ensure $cart_count is not an empty string
        $cart_count = $cart_count !== '' ? $cart_count : 0;

        // If 'ids' is empty, initialize $session_data with default values
        if (empty($session_data['ids'])) {
            $session_data = ['totalPrice' => 0.0, 'ids' => []];
        }

    ?>

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

    <?php echo $__env->make('includes.slider', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <!-- holi Start -->
    <div class="section section-padding d-none">
        <div class="container-fluid">
            <div class="row">
                <!--============================= FLASH NEWS =============================-->
                <div class="col-lg-4 col-md-6">

                    <div class="border text-center"
                        style="background-image: url('<?php echo e(asset('assets/img/bg-card.png')); ?>'); background-size: cover;">
                        <h3 class="card-header card-home-header"
                            style="font-weight:bolder!important;font-size: 20px!important;">SPECIAL &nbsp;EVENTS<br><img
                                src="<?php echo e(asset('assets/img/borderimg.png')); ?>" class="img-fluid img-responsive"></h3>

                    </div>
                    <div class="border text-center">
                        <div class="list-group list-group-flush px-0 mx-0" style="overflow: auto; height: 440px;">
                            <?php $__currentLoopData = $special_events; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $val): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <?php
                                    $eventLink =
                                        isset($val['eventLink']) && $val['eventLink'] != ''
                                            ? $val['eventLink']
                                            : 'javascript:void()';
                                    // dd($eventLink);
                                ?>

                                <a href="<?php echo e($eventLink); ?>" style="text-decoration: none!important;">
                                    <div style="border-bottom: 1px dotted #3e000085;; background-color: #fef39500!important;"
                                        class="list-group-item justify-content-between text-left mx-0 px-0 pl-0 change-bgcolor"
                                        style="border-bottom: 1px dotted #3e000085;">
                                        <div class="d-flex mx-0 px-0">
                                            <div class="col-md-12 m-0 px-0 py-2"
                                                style="min-height: 50px; max-height: max-content;">
                                                <div class="row mx-0">
                                                    <div class="col-md-12 mx-0 px-0">
                                                        <div class="row mx-0 px-0">

                                                            <style type="text/css">
                                                                .animate-charcter {
                                                                    color: #9b0000;
                                                                }
                                                            </style>
                                                            <div class="col-md-12 m-0 p-0 text-center">
                                                                <div class="container">
                                                                    <div class="row">


                                                                        <?php
                                                                            $qr = '';
                                                                            $display = '';
                                                                            if (
                                                                                isset($val['qrCode']) &&
                                                                                $val['qrCode'] != ''
                                                                            ) {
                                                                                $qr = $val['qrCode'];
                                                                                $display = 'd-flex';
                                                                            }
                                                                            // dd($qr);
                                                                        ?>
                                                                        <div
                                                                            class="col-md-12 text-center <?php echo e($display ? $display : ''); ?>">
                                                                            <h3 class="animate-charcter mb-0"
                                                                                style="font-size: 28px;font-family: 'Charm', cursive;font-weight: bolder;">
                                                                                <?php echo e($val['refDataName']); ?>

                                                                            </h3>

                                                                            <?php if (!empty($qr)) {
                                                                                echo '<img src="' . ApiBaseUrl()['url'] . $val['qrCode'] . '" height="100">';
                                                                            } ?>


                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <span
                                                                    style="color: #9b0000; font-size: 18px !important; padding: 2px 7px; font-weight: normal;">
                                                                    <?php echo e(format_event_date($val['startDate'], $val['endDate'])); ?>

                                                                </span>
                                                                <!-- Flyer Link 1 -->
                                                                <?php if(isset($val['flyerLink']) && $val['flyerLink'] != ''): ?>
                                                                    <a href="<?php echo e(ApiBaseUrl()['url'] . $val['flyerLink']); ?>"
                                                                        target="_blank"
                                                                        style="text-decoration: underline;color: blue;font-size: 14px!important;font-weight: bold!important;"
                                                                        download><?php echo e(isset($val['flyerName']) ? $val['flyerName'] : 'flyer Link'); ?></a>
                                                                <?php endif; ?>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>


                </div>
                <!--=========================== FALSH NEWS END ============================-->

                <!--=============== Daily Schedule Start===============-->
                <div class="col-lg-4 col-md-6">

                    <div class="border text-center">
                        <h3 class="card-header card-home-header"
                            style="font-weight:bolder!important;font-size: 20px!important;">TEMPLE&nbsp;SCHEDULE<br><img
                                src="<?php echo e(asset('assets/img/borderimg.png')); ?>" class="img-fluid img-responsive"></h3>

                        <div
                            style="display: flex; flex-direction: row; justify-content: space-around;padding-left: 12px;padding-bottom: 12px;">
                            <div class="panel-heading">
                                <div class="panel-title">
                                    <ul class="nav nav-tabs">
                                        <li class="active">
                                            <a class="nav-link2 active" onclick="changeTabContent('DAILY')" href="#DAILY"
                                                data-toggle="tab" id="dailyevents">DAILY </a>
                                        </li>
                                        <li class="daily-event-list"><a class="nav-link2"
                                                onclick="changeTabContent('WEEKLY')" href="#WEEKLY"
                                                data-toggle="tab">WEEKLY</a>
                                        </li>
                                        <li><a class="nav-link2" onclick="changeTabContent('MONTHLY')" href="#MONTHLY"
                                                data-toggle="tab">MONTHLY</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="list-group list-group-flush px-0 mx-0"
                        style="overflow: auto; height: 400px;padding-top: 1px;">

                        <div class="panel-body">
                            <div class="tab-content">

                                <?php $__currentLoopData = $daily_schedules; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $val): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <?php if(isset($val['scheduleType'])): ?>
                                        <div class="tab-pane active <?php echo e($val['scheduleType']); ?>">
                                            <div style="border-bottom: 1px dotted #3e000085; background-color: #fef39500!important;"
                                                class="list-group-item justify-content-between text-left mx-0 px-0 pl-0 change-bgcolor"
                                                style="border-bottom: 1px dotted #3e000085;">
                                                <div class="d-flex mx-0 px-0">
                                                    <div class="col-md-12 m-0 p-0">
                                                        <div class="row mx-0 py-2 px-3">
                                                            <div class="col-md-12 mx-0 px-0">
                                                                <div class="row mx-0 px-0">
                                                                    <div class="col-md-12 m-0 p-0 text-start">
                                                                        <span
                                                                            style="color: #642318; font-size: 14px; font-weight: bold!important;">
                                                                            <?php echo e($val['refDataName']); ?>

                                                                        </span><br>
                                                                        <span
                                                                            style="color: #642318; font-size: 14px; font-weight: normal;">
                                                                            <?php echo e($val['timing']); ?>

                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    <?php endif; ?>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>



                    </div>

                </div>
                <!--=============== Daily Schedule End =============== -->

                <!--=========================== TODAY'S PANCHANGAM ============================-->
                <div class="col-lg-4 col-md-6">


                    <div class="border text-center">
                        <h3 class="card-header text-center card-home-header"
                            style="font-weight:bolder!important;font-size: 21px!important;">TODAY'S PANCHANGAM<br><img
                                src="<?php echo e(asset('assets/img/borderimg.png')); ?>" class="img-fluid img-responsive"></h3>

                    </div>
                    


                </div>
                <!--=========================== TODAY'S PANCHANGAM END ============================-->
            </div>

        </div>
    </div>
    <!-- holi End -->
    <!-- ======================= Today's Panchangam ======================= -->
    <section class="temple-services mt-5  d-none"
        style="background-image : url(<?php echo e(asset('assets/img/loginbanner.png')); ?>);background-size: cover;">
        <div class="container-fluid">

            <div class="col-md-12 mb-4">
                <div class="mb-3  p-0 text-center">

                    <h2 style="font-weight:bolder!important;font-size: 35px!important;"> Today's Panchangam<br><img
                            src="<?php echo e(asset('assets/img/borderimg.png')); ?>" class="img-fluid img-responsive"></h2>

                </div>


                
            </div>
        </div>

    </section>

    <!--======================== End Today's Panchangam ========================-->


    <!-- ======================= Special Events ======================= -->

    <section style="background-color:#fff8e1;">
        <div class="mt-3">
            <div class="row">
                <!--============================= FLASH NEWS =============================-->
                <div class="col-lg-6 col-sm-6">
                    <div class="card shadow-lg mb-5" style="background-color: #fff; max-height: 600px; min-height: 450px;">
                        <div class="card-body text-center p-0 m-0"
                            style="background-image: url('<?php echo e(asset('assets/img/bg-card1.png')); ?>'); background-size: cover;">
                            <h3 class="card-header"
                                style="font-weight: bolder; background-color:#047028;color:white; padding: 11px;">
                                SPECIAL
                                EVENTS<br>
                                
                            </h3>
                            <div class="list-group list-group-flush px-0 mx-0" style="overflow: auto; height: 440px;">
                                <?php $__currentLoopData = $special_events; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $val): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    
                                    <?php
                                        $eventLink =
                                            isset($val['eventLink']) && $val['eventLink'] != ''
                                                ? $val['eventLink']
                                                : 'javascript:void()';
                                        // dd($eventLink);
                                    ?>

                                    <a href="<?php echo e($eventLink); ?>" style="text-decoration: none!important;">
                                        <div style="border-bottom: 1px dotted #3e000085;; background-color: #fef39500!important;"
                                            class="list-group-item justify-content-between text-left mx-0 px-0 pl-0 change-bgcolor"
                                            style="border-bottom: 1px dotted #3e000085;">
                                            <div class="d-flex mx-0 px-0">
                                                <div class="col-md-12 m-0 px-0 py-2"
                                                    style="min-height: 50px; max-height: max-content;">
                                                    <div class="row mx-0">
                                                        <div class="col-md-12 mx-0 px-0">
                                                            <div class="row mx-0 px-0">

                                                                <style type="text/css">
                                                                    .animate-charcter {
                                                                        color: #9b0000;
                                                                    }
                                                                </style>
                                                                <div class="col-md-12 m-0 p-0 text-center">
                                                                    <div class="container">
                                                                        <div class="row">


                                                                            <?php
                                                                                $qr = '';
                                                                                $display = '';
                                                                                if (
                                                                                    isset($val['qrCode']) &&
                                                                                    $val['qrCode'] != ''
                                                                                ) {
                                                                                    $qr = $val['qrCode'];
                                                                                    $display = 'd-flex';
                                                                                }
                                                                                // dd($qr);
                                                                            ?>
                                                                            <div
                                                                                class="col-md-12 text-center <?php echo e($display ? $display : ''); ?>">
                                                                                <h3 class="animate-charcter mb-0"
                                                                                    style="font-size: 28px;font-family: 'Charm', cursive;font-weight: bolder;">
                                                                                    <?php echo e($val['refDataName']); ?>

                                                                                </h3>

                                                                                <?php if (!empty($qr)) {
                                                                                    echo '<img src="' . ApiBaseUrl()['url'] . $val['qrCode'] . '" height="100">';
                                                                                } ?>


                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <span
                                                                        style="color: #9b0000; font-size: 18px !important; padding: 2px 7px; font-weight: normal;">
                                                                        <?php echo e(format_event_date($val['startDate'], $val['endDate'])); ?>

                                                                    </span>
                                                                    <!-- Flyer Link 1 -->
                                                                    <?php if(isset($val['flyerLink']) && $val['flyerLink'] != ''): ?>
                                                                        <a href="<?php echo e(ApiBaseUrl()['url'] . $val['flyerLink']); ?>"
                                                                            target="_blank"
                                                                            style="text-decoration: underline;color: blue;font-size: 14px!important;font-weight: bold!important;"
                                                                            download><?php echo e(isset($val['flyerName']) ? $val['flyerName'] : 'flyer Link'); ?></a>
                                                                    <?php endif; ?>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    </div>
                </div>
                <!--=========================== FALSH NEWS END ============================-->

                <!--=============== Daily Schedule Start===============-->

                <div class="col-lg-4 col-sm-6 d-none" style=" ">
                    <div class="card shadow-lg mb-5" style="background-color: #fff;max-height: 600px;min-height: 450px;">
                        <div class="card-body text-center p-0 m-0"
                            style="background-image: url('<?php echo e(asset('assets/img/bg12.jpg')); ?>'); background-size: cover;">
                            <h3 class="card-header"
                                style="font-weight: bolder;background-color:#047028;color:white;padding: 11px;">
                                TEMPLE&nbsp;SCHEDULES<br>
                                
                            </h3>

                            <style type="text/css">
                                .nav-link2.active {
                                    color: #fff !important;
                                    background: #005d4b !important;
                                    border: 2px solid #f7c01b !Important;
                                    border-color: #f7c01b !Important;
                                    font-weight: 500;
                                }

                                .nav-link2 {
                                    padding: 8px 10px !important;
                                    font-size: 16px !important;
                                    color: #000 !important;
                                    border-radius: 5px !important;
                                    font-weight: 500;
                                    margin-bottom: 18px !important;
                                    background: #c5c5c5 !important;
                                    margin-right: 5px !important;

                                    font-family: system-ui !important;
                                }

                                .nav-tabs {
                                    --bs-nav-tabs-border-width: 0;
                                    --bs-nav-tabs-border-radius: 0;
                                }
                            </style>
                            <div
                                style="display: flex; flex-direction: row; justify-content: space-around;padding-left: 12px;padding-bottom: 12px;">
                                <div class="panel-heading">
                                    <div class="panel-title">
                                        <ul class="nav nav-tabs">
                                            <li class="active">
                                                <a class="nav-link2 active" onclick="changeTabContent('DAILY')"
                                                    href="#DAILY" data-toggle="tab" id="dailyevents">DAILY</a>
                                            </li>
                                            <li style="padding: 0px 10px;"><a class="nav-link2"
                                                    onclick="changeTabContent('WEEKLY')" href="#WEEKLY"
                                                    data-toggle="tab">WEEKLY</a>
                                            </li>
                                            <li><a class="nav-link2" onclick="changeTabContent('MONTHLY')"
                                                    href="#MONTHLY" data-toggle="tab">MONTHLY</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="list-group list-group-flush px-0 mx-0"
                                style="overflow: auto; height: 400px;padding-top: 1px;">

                                <div class="panel-body">
                                    <div class="tab-content">

                                        <?php $__currentLoopData = $daily_schedules; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $val): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            
                                            <?php if(isset($val['scheduleType'])): ?>
                                                <div class="tab-pane active <?php echo e($val['scheduleType']); ?>">
                                                    <div style="border-bottom: 1px dotted #3e000085; background-color: #fef39500!important;"
                                                        class="list-group-item justify-content-between text-left mx-0 px-0 pl-0 change-bgcolor"
                                                        style="border-bottom: 1px dotted #3e000085;">
                                                        <div class="d-flex mx-0 px-0">
                                                            <div class="col-md-12 m-0 p-0">
                                                                <div class="row mx-0 py-2 px-3">
                                                                    <div class="col-md-12 mx-0 px-0">
                                                                        <div class="row mx-0 px-0">
                                                                            <div class="col-md-12 m-0 p-0 text-start">
                                                                                <span
                                                                                    style="color: #642318; font-size: 14px; font-weight: bold!important;">
                                                                                    <?php echo e($val['refDataName']); ?>

                                                                                </span><br>
                                                                                <span
                                                                                    style="color: #642318; font-size: 14px; font-weight: normal;">
                                                                                    <?php echo e($val['timing']); ?>

                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            <?php endif; ?>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </div>
                                </div>
                                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
                                <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
                                <script type="text/javascript">
                                    function changeTabContent(tab) {
                                        if (tab == 'DAILY') {
                                            $("." + tab).addClass('active');
                                            $(".WEEKLY").removeClass('active');
                                            $(".MONTHLY").removeClass('active');
                                        } else if (tab == 'WEEKLY') {
                                            $("." + tab).addClass('active');
                                            $(".DAILY").removeClass('active');
                                            $(".MONTHLY").removeClass('active');
                                        } else if (tab == 'MONTHLY') {
                                            $(".MONTHLY").addClass('active');
                                            $(".DAILY").removeClass('active');
                                            $(".WEEKLY").removeClass('active');
                                        }
                                    }

                                    $("#dailyevents").click();
                                </script>


                            </div>
                        </div>
                    </div>
                </div>
                <!--=============== Daily Schedule End =============== -->
                <!--=========================== TODAY'S PANCHANGAM ============================-->

                <div class="col-lg-6 col-sm-6">
                    <div class="card shadow-lg mb-5"
                        style="background-image: url('<?php echo e(asset('assets/img/bg-card1.png')); ?>'); background-size: cover; max-height: 600px; min-height: 450px;">
                        <div class="card-body text-center p-0 m-0" style="">
                            <h3 class="card-header"
                                style="font-weight: bolder; background-color: #047028;color:white; padding: 11px;">
                                TODAY'S PANCHANGAM<br>
                                
                            </h3>

                        </div>
                        <div id="panchangam"></div>
                    </div>
                </div>

                <!--=========================== TODAY'S PANCHANGAM END ============================-->
            </div>
        </div>
    </section>

    <!-- ======================= End special Events ======================= -->


    <!-- About Start -->
    <section class="section   pt-0 mt-5">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-5 d-none d-lg-block">
                    <div
                        style="background-image: url('/assets/img/clients/about_mandir.jpg'); height: 500px; width: 100%; background-size: cover; object-fit: cover;">
                    </div>

                </div>
                <div class="col-lg-7">
                    <div class="me-lg-30">
                        <div class="section-title mb-0 text-start">
                            <h3
                                style="font-size: 40px;line-height: 1.2;color: #06722d; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);margin-bottom:0;">
                                <?php echo e($header_data[0]['refDataName']); ?>

                                <center><img src="<?php echo e(asset('assets/img/border.png')); ?>" class="img-fluid img-responsive"
                                        style="width:40%;"></center>
                            </h3>

                        </div>

                        <p style="text-align: justify;font-size:20px;">Welcome to <strong>Carolina Murugan Temple
                                !</strong>,
                            Our vision is to build a landmark to bring unique Spiritual, Cultural and Language experience
                            representing World Tamils. Language is the bridge to connecting our generation to the next
                            generation and preserving our identity and culture.This site will have the Lord Murugan Temple,
                            the world tallest Murugan statue, the World Tamil Cultural Museum, and the World Tamil Library
                            to showcase our spiritual, culture, language and tradition.
                        </p>
                        
                        <div class="mt-5">
                            <a href="<?php echo e(route('services')); ?>" class="animated-button1 ">
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                Gallery
                            </a>

                            <a href="<?php echo e(route('services')); ?>" class="animated-button1 ">
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                Know More
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- About End -->

    <!-- Upcoming Events -->
    <?php
        // $upcoming_events = upcomingevents()['data'];
        usort($upcoming_events, function ($a, $b) {
            $dateA = DateTime::createFromFormat('m/d/Y', $a['startDate']);
            $dateB = DateTime::createFromFormat('m/d/Y', $b['startDate']);
            // ascending ordering, use `<=` for descending
            return $dateA >= $dateB;
        });
        $i = 1;
    ?>
    
    <?php if($upcoming_events): ?>
        <section class="section pt-0" style="background-color:#fff8e1;">
            <div class="container" style="padding: 30px;">
                <div class="section-title text-center">
                    
                    <h4 class="title" style="text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);color: #06722d;">Upcoming Events
                        <img src="<?php echo e(asset('assets/img/border.png')); ?>" class="img-fluid img-responsive"
                            style="width:40%;">

                    </h4>
                </div>
                <div class="list-group list-group-flush px-0 mx-0" style="overflow: auto; height: 400px;">
                    <?php $__currentLoopData = $upcoming_events; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $val): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        
                        <?php if(strtotime($val['startDate']) >= strtotime(date('m/d/Y')) || strtotime($val['endDate']) >= strtotime(date('m/d/Y'))): ?>
                            <?php if($i < 11): ?>
                                <div style="border-style: dotted; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;"
                                    class="list-group-item justify-content-between mb-3 text-left mx-0 p-0 change-bgcolor">
                                    <div class="d-flex mx-0 px-0">

                                        <div class="col-md-12 m-0 p-0">
                                            <div class="row mx-0  text-center">

                                                <div class="col-md-12 mx-0 px-0">

                                                    <div class="row mx-0 px-0">
                                                        <div class="col-md-2 m-0 p-0"
                                                            style="background-image: url('<?php echo e(ApiBaseUrl()['url'] . $val['thumbnailImage']); ?>'); background-size: cover; background-repeat: no-repeat; padding: 23px!important;">
                                                            <div class="d-none"
                                                                style="height: 70px;width:70px; border-radius:50%;background :#fff8e1; margin-left:145px;margin-top:25px">

                                                                <img
                                                                    src="<?php echo e(ApiBaseUrl()['url'] . $val['thumbnailImage']); ?>" />
                                                            </div>
                                                            <div
                                                                style="height: 70px;width:70px; border-radius:50%;background :#fff8e1; margin-left:145px;margin-top:3px">
                                                                <?php
                                                                    $dateString = $val['startDate'];

                                                                    $date = DateTime::createFromFormat(
                                                                        'm/d/Y',
                                                                        $dateString,
                                                                    );

                                                                    $day = $date->format('d');
                                                                    $month = $date->format('M');
                                                                ?>
                                                                <p
                                                                    style="line-height:25px;padding-top: 16px; font-size: 32px!important; font-weight: 700;">
                                                                    <?php echo e($day); ?><br /><span><?php echo e($month); ?></span>
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-10 p-3 m-auto px-0">
                                                            <div class="row m-0 p-0 text-center">
                                                                <div class="col-md-12 m-0 p-0">
                                                                    <div class="row m-0 p-0">
                                                                        <div class="col-md-10 m-0 p-0">
                                                                            <h4 style="padding: 0!important;margin: 0!important;font-size: 40px!important;"
                                                                                class="fw-bold">
                                                                                <a href="<?php echo e(url('event/' . urlencode($val['refDataName']) . '/' . $val['_id'])); ?>"
                                                                                    style="color: #aa1f32!important; ">
                                                                                    <?php echo e(camelCase($val['refDataName'])); ?>

                                                                                </a>
                                                                            </h4>
                                                                            <span class="m-0 p-0"
                                                                                style="font: caption; font-weight: 600; font-size: 21px; color: #680000;">
                                                                                <a href="<?php echo e(url('event/' . urlencode($val['refDataName']) . '/' . $val['_id'])); ?>"
                                                                                    style="font-size: 24px!important;color: #700000!important; ">

                                                                                    <p style="font-size: 20px!important;">
                                                                                        Click on Register button to see more
                                                                                        about this Event.</p>
                                                                                </a>

                                                                            </span>
                                                                        </div>
                                                                        <div class="col-md-2 px-2 p-0"
                                                                            style="display: grid;align-content: center;">

                                                                            <a href="<?php echo e(route('event', ['refDataName' => urlencode($val['refDataName']), 'id' => $val['_id']])); ?>"
                                                                                class="animated-button1 loader"
                                                                                style="float: right!important;border-radius: 30px;">
                                                                                <span></span>
                                                                                <span></span>
                                                                                <span></span>
                                                                                <span></span>
                                                                                Register
                                                                            </a>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <?php $i++; ?>
                            <?php endif; ?>
                        <?php endif; ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
                <div style="display: flex; justify-content: flex-end;">
                    <a href="#" class="loader btn ViewAllEventBtn btn-sm d-block"
                        style="border-radius: 0px!important;word-break: keep-all!important;background: #760014;color: white">VIEW
                        MORE <i class="fa fa-paper-plane"></i>
                    </a>
                </div>
            </div>
        </section>
    <?php endif; ?>


    <!-- Upcoming Events End -->


    <!-- ======================= Temple Services Section ======================= -->
    <section class="temple-services d-none"
        style="background-image : url(<?php echo e(asset('assets/img/loginbanner.png')); ?>);background-color: #FDF5EE;background-size: cover;">
        <div class="container-fluid" style="padding: 30px;">

            <center>
                <h2 style="font-weight:bolder!important;font-size: 35px!important; color: #06722d;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);"
                    class="p-3">
                    <?php echo e(isset($PROJECT_NAME) ? $PROJECT_NAME : 'Carolina Murugan Temple'); ?>

                    <br><img src="<?php echo e(asset('assets/img/border.png')); ?>" class="img-fluid img-responsive" width="10%">
                </h2>
            </center>
            <div class="row text-center">
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-12">
                            <img src="<?php echo e(asset('assets/img/2.jpg')); ?>" class="img-fluid shadow-lg mb-5 rounded"
                                style="width:80%;height:350px;"><br>
                        </div>
                    </div>
                    <div class="row m-0 p-0" style="margin-top: -42px;">
                        <div class="col-md-12">
                            <h2 class="title2">In Temple Services</h2>
                            <p
                                style="text-align: center;font-size:15px!important; color: black!important; font-weight: 100; line-height: 2;">
                                Our Temple’s motto has always been that the Devotee should only have the “WILL” to do
                                the Dharmic activity and concern for the “BILL” should be the least. Due to this
                                practice, many devotees have been developing guilt of short-paying for services. Based
                                on increased demand, the Temple Management has decided to publish list of Suggested
                                Donations for various Pooja Services offered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-12">
                            <img src="<?php echo e(asset('assets/img/3.jpg')); ?>" class="img-fluid shadow-lg mb-5 rounded"
                                style="width:80%;height:350px"><br>
                        </div>
                    </div>
                    <div class="row m-0 p-0" style="margin-top: -42px;">
                        <div class="col-md-12">
                            <h2 class="title2">Away Temple Services</h2>
                            <p
                                style="text-align: center;font-size:15px!important; color: black!important; font-weight: 100; line-height: 2;">
                                With Puja Services, finding a Priest is no more a tedious process. Using Puja Services,
                                devotees can avail the services of booking a priest online at their convenience for any
                                kind of Puja, ritual, ceremony and occasion. Puja services simplifies the process of
                                booking a priest very much at ease along with the items required for a Puja as well as
                                the vendors where they could procure the puja materials.</p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="text-center">
                <!-- <a href="<?php echo e(url('services')); ?>" class="btn contactus-btn" style="box-shadow:1px 1px 5px #FFDC11!important;">View All Services</a> -->

                <a href="<?php echo e(route('services')); ?>" class="animated-button1 mb-3 ">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    View All Services
                </a>

            </div>
        </div>
    </section>
    <!--======================== End Temple Services Section ========================-->



    <style type="text/css">
        .wrapper {
            display: table;
            height: 100%;
            width: 100%;
        }

        .container-fostrap {
            display: table-cell;
            padding: 1em;
            text-align: center;
            vertical-align: middle;
        }

        .fostrap-logo {
            width: 100px;
            margin-bottom: 15px
        }

        h1.heading {
            color: #fff;
            font-size: 1.15em;
            font-weight: 900;
            margin: 0 0 0.5em;
            color: #505050;
        }

        @media (min-width: 450px) {
            h1.heading {
                font-size: 3.55em;
            }
        }

        @media (min-width: 760px) {
            h1.heading {
                font-size: 3.05em;
            }
        }

        @media (min-width: 900px) {
            h1.heading {
                font-size: 3.25em;
                margin: 0 0 0.3em;
            }
        }

        .card {
            display: block;
            margin-bottom: 20px;
            line-height: 1.42857143;
            background-color: #fff;
            border-radius: 2px;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            transition: box-shadow .25s;
        }

        .card:hover {
            box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .img-card {
            width: 100%;
            height: 340px;
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            display: block;
            overflow: hidden;
        }

        .img-card img {
            width: 100%;
            height: 377px;
            object-fit: cover;
            transition: all .25s ease;
        }

        .card-content {
            padding: 15px;
            text-align: left;
        }

        .card-title {
            margin-top: 0px;
            text-align: center !important;
            font-weight: 700;
            font-size: 1.65em;
        }

        .card-title a {
            color: #000;
            text-decoration: none !important;
        }

        .card-read-more {
            border-top: 1px solid #D4D4D4;
        }

        .card-read-more a {
            text-decoration: none !important;
            padding: 10px;
            font-weight: 600;
            text-transform: uppercase
        }
    </style>
    <section class="temple-services" style="padding:15px 0px;background-color: var(--page-wrapper-bg-color)!important;">
        <div class="container-fostrap">

            <div class="mb-3  p-0" style="display: flex; align-items: center; flex-direction: column;">
                <h2 class="mb-0 title" style="color: #06722d;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);">
                    Carolina Murugan Temple Services
                </h2>
                <div style="display: flex; justify-content: center;">
                    <img src="https://srihanuman.org/assets/img/border.png" class="img-fluid"
                        style="width: 20%; max-width: 20%;">
                </div>
            </div>

            <div class="container">
                <div class="content my-5">
                    <div class="row">

                        <div class="col-xs-12 col-sm-4">
                            <div class="card rounded"
                                style="background-image:url('https://srihanuman.org/assets/img/pattern-bg.jpg'); background-size: contain;">
                                <a class="img-card" href="<?php echo e(url('services')); ?>">
                                    <img src="<?php echo e(asset('assets/img/4.jpg')); ?>">
                                </a>
                                <div class="card-content">
                                    <div class="card-title mb-3  p-0"
                                        style="display: flex; align-items: center; flex-direction: column;">
                                        <h4 class="mb-0 title">
                                            <a href="<?php echo e(url('services')); ?>">Temple Services
                                            </a>
                                        </h4>
                                        <div style="display: flex; justify-content: center;">
                                            <img src="https://srihanuman.org/assets/img/border.png" class="img-fluid"
                                                style="width: 70%; max-width: 70%;">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="card rounded"
                                style="background-image:url('https://srihanuman.org/assets/img/pattern-bg.jpg'); background-size: contain;">
                                <a class="img-card" href="<?php echo e(url('donations')); ?>">
                                    <img src="<?php echo e(asset('assets/img/donation.jpg')); ?>">
                                </a>
                                <div class="card-content">

                                    <div class="card-title mb-3  p-0"
                                        style="display: flex; align-items: center; flex-direction: column;">
                                        <h4 class="mb-0 title">
                                            <a href="<?php echo e(url('donations')); ?>"> Donations
                                            </a>
                                        </h4>
                                        <div style="display: flex; justify-content: center;">
                                            <img src="https://srihanuman.org/assets/img/border.png" class="img-fluid"
                                                style="width: 70%; max-width: 70%;">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="card rounded"
                                style="background-image:url('https://srihanuman.org/assets/img/pattern-bg.jpg'); background-size: contain;">
                                <a class="img-card" href="<?php echo e(url('all-upcoming-events')); ?>">
                                    <img src="<?php echo e(asset('assets/img/service/details/3.jpg')); ?>">
                                </a>
                                <div class="card-content">

                                    <div class="card-title mb-3  p-0"
                                        style="display: flex; align-items: center; flex-direction: column;">
                                        <h4 class="mb-0 title">
                                            <a href="<?php echo e(url('all-upcoming-events')); ?>"> Upcoming Events
                                            </a>
                                        </h4>
                                        <div style="display: flex; justify-content: center;">
                                            <img src="https://srihanuman.org/assets/img/border.png" class="img-fluid"
                                                style="width: 70%; max-width: 70%;">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script_area'); ?>

    <script src="<?php echo e(asset('assets/js/jquery-3.6.0.min.js')); ?>"></script>

    <script type="text/javascript">
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(SendDataToPanchangamApi);
        } else {
            console.log("Geolocation is not supported by this browser.");
        }

        function SendDataToPanchangamApi(position) {
            var Latitude = position.coords.latitude;
            var Longitude = position.coords.longitude;
            $.ajax({
                url: "https://api.wheretheiss.at/v1/coordinates/" + Latitude + "," + Longitude,
                success: function(data) {
                    console.log(data.offset);
                    var tzone = data.offset;
                    getPanchangam(Latitude, Longitude, tzone);
                }
            });
        }

        function getPanchangam(Latitude, Longitude, tzone) {
            var Url = "<?php echo e(route('get-panchangam')); ?>";
            //alert(Latitude);
            //var Url = "dffjvgj";
            $.ajax({
                url: Url,
                method: "POST",
                dataType: "json",
                data: {
                    'lat': Latitude,
                    'long': Longitude,
                    'tzone': tzone
                },
                success: function(data) {
                    //    console.log(data);
                    $('#panchangam').html(data);
                }
            });
        }
    </script>

    
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.panchangam_heading').css('font-size', '25px');
        });

        function changeTabContent(tab) {
            if (tab == 'DAILY') {
                $("." + tab).addClass('active');
                $(".WEEKLY").removeClass('active');
                $(".MONTHLY").removeClass('active');
            } else if (tab == 'WEEKLY') {
                $("." + tab).addClass('active');
                $(".DAILY").removeClass('active');
                $(".MONTHLY").removeClass('active');
            } else if (tab == 'MONTHLY') {
                $(".MONTHLY").addClass('active');
                $(".DAILY").removeClass('active');
                $(".WEEKLY").removeClass('active');
            }
        }
        $("#dailyevents").click();
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('includes.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\project\vaap\carolinamurugantemple\resources\views/index.blade.php ENDPATH**/ ?>