<?php $this->load->view('includes/head') ?>
<?php $this->load->view('includes/topbar') ?>
<?php $this->load->view('includes/header') ?>
<style>
    :root {
        --main-color-new-theme: #76020f;
        --main-color-new-theme-light: #ebd503;
    }

    .card-title {
        font-size: 1rem !important;
        margin-bottom: 0rem !important;
        line-height: 1 !important;
    }

    .card-text {
        font-size: 1rem !important;
        font-weight: bolder !important;
    }

    h4,
    .h4 {
        font-size: calc(.7rem + 0.3vw) !important;
        font-weight: 900 !important;
    }

    .btn-toggle {
        display: inline-block;
        padding: 8px 16px;
        background-color: var(--main-color-new-theme);
        /* Bootstrap red */
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

    input[type="checkbox"]:checked+label.btn-toggle {
        background-color: #28a745;
        /* Bootstrap green */
    }

    .btn-toggle i {
        margin-right: 5px;
    }

    .body,
    p,
    label,
    span {
        font-family: sans-serif !important;
        /* color: black !important; */
    }

    .mdtp__time_holder span,
    .mdtp__digit.active span,
    .mdtp__am.active,
    .mdtp__pm.active {
        color: white !important;
    }

    label {
        font-weight: 600 !important;
        font-size: 16px;
    }

    h4 {
        font-family: sans-serif !important;
        font-weight: 700 !important;
        color: black !important;
        font-size: 16px !important;
    }

    .form-control {
        border: 1px solid #80808045 !important;
    }

    .hidden-div {
        display: none;
    }

    .form-control:disabled,
    .form-control[readonly] {
        /* background-color: #dbdbdb !important; */
        opacity: 1;
    }

    .btn-toggle {
        font-weight: 600 !important;
        font-size: 14px;
        color: white !important;
    }

    .card-title {
        font-family: sans-serif !important;
    }
</style>
<style>
    @media only screen and (max-width:768px) {


        .img-div {
            width: 30% !important;
        }

        .details-div {
            width: 70% !important;
        }
    }
</style>
<script type="text/javascript" src="<?= base_url('admin_assets/js/sweetalert2.all.min.js') ?>"></script>
<link href="<?= base_url('assets/css/lightbox.min.css'); ?>" rel="stylesheet" />
<script src="<?= base_url('assets/js/lightbox-plus-jquery.min.js'); ?>"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">


<link href="<?= base_url('admin_assets/css/sweetalert2.min.css') ?>" rel="stylesheet">
<style>
    .notifyjs-bootstrap-base {
        color: black !important;
    }
</style>
<?php
$fgh = getFullPaymentSettings();


$dsbj = $fgh['result']['data'][0]['paymentGatewayoffon'];

foreach ($dsbj as $key => $dd) {
    if ($dd['source'] == 'WEBSITE') {
        $paymentSeverOn = $dd['isenable'];
        $paymentSeverText = $dd['desc'];
    }
}

$paymentSetting = @getPaymentGatewaySettings();

$header_data = getWebSyncsData('Header Settings', 'headerSettings', '');
$currencySymbol = getCurrencySymbol(); ?>

<link rel="stylesheet" type="text/css" href="<?= base_url('assets/css/services-cart.css') ?>">

<main id="main">
    <!-- ======= Coming Soon ======= -->
    <?php
    // echo '<pre>';
    // print_r(SettingsApi()['result']['data'][0]['membershipSettings']);

    if ((@$this->uri->segment(3) == 'outside-temple' || @$this->uri->segment(3) == 'inside-temple') && $this->session->userdata('logged_in') == 1 && $this->session->userdata('userType') == 'Devotee') {
        $parts = explode(" ", @$userDetails->refDataName);
        $lastname = array_pop($parts);
        $firstname = implode(" ", $parts);

        $enable_service_request_form = true;
    } else if (@$this->uri->segment(3) == 'aparakarya' && $this->session->userdata('logged_in') == 1 && $this->session->userdata('userType') == 'Devotee') {

        $parts = explode(" ", @$userDetails->refDataName);
        $lastname = array_pop($parts);
        $firstname = implode(" ", $parts);

        $enable_service_request_form = true;
    } else {
        $enable_service_request_form = false;
    }


    if ($this->session->userdata('logged_in') == 1 && $this->session->userdata('userType') == 'Devotee') {
        $enable_service_request_btnlink = true;
    } else {
        $enable_service_request_btnlink = false;
    }


    ?>
    <style>
        .row {
            margin-right: 0px !important;
            margin-left: 0px !important;
        }
    </style>
    <?php
    $currencySymbol = getCurrencySymbol();
    $session_data = $this->session->userdata('prasadam_cart') ?? [];
    if (!isset($session_data['ids'])) {
        $session_data['ids'] = [];
    }
    $cart_count = count($session_data['ids']);
    $addressLine1 = @$userDetails->addressLine1;
    $addressLine2 = @$userDetails->addressLine2;
    $cityTypes = @$userDetails->cityTypes;
    $county = @$userDetails->county;
    $stateTypes = @$userDetails->stateTypes;
    $zip = @$userDetails->zip;
    // var_dump($userDetails);

    $setting =  SettingsApi();
    $weekOffDayArr = @$setting['result']['data'][0]['prasadamKioskSettings']['WeekOffDays'];
 
    $formAction = $setting['result']['data'][0]['serviceRequestSettings']['bookingTypes'];
    $formAction = 'REQUEST WITH PAYMENT';
    $membershipDiscount = $setting['result']['data'][0]['membershipSettings']['membershipDiscount'];
    $discountType = $setting['result']['data'][0]['membershipSettings']['discountType'];
    ?>
    <div class="container-fluid pb-5">

        <div class="row">


            <!-- <div class="col-sm-12 mt-3 mb-5"> -->
            <div class="col-sm-12">

                <div class="header-body mt-4">

                    <style>
                        .prasadam-item {
                            display: flex;
                            /* flex-direction: column; */
                            border: 1px solid #ddd;
                            border-radius: 10px;
                            background: #fff;
                            overflow: hidden;
                            transition: all 0.3s ease;
                            flex-wrap: wrap;
                            margin-bottom: 15px;
                            width: -webkit-fill-available;

                        }

                        .prasadam-item:hover {
                            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                            transform: translateY(-3px);
                        }

                        .prasadam-img {
                            flex: 0 0 80px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            padding: 10px;
                        }

                        .prasadam-img img {
                            max-width: 60px;
                            max-height: 60px;
                            border-radius: 6px;
                        }

                        .prasadam-details {
                            flex: 1;
                            padding: 10px;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                        }

                        .prasadam-details h5 {
                            font-size: 1rem;
                            margin: 0 0 5px 0;
                            font-weight: 600;
                            color: var(--main-color-new-theme);
                        }

                        .minp {
                            font-size: 13px;
                            margin: 0 0 4px 0;
                        }

                        .qty-counter {
                            display: flex;
                            align-items: center;
                            gap: 5px;
                            margin-top: 5px;
                        }

                        .qty-btn {
                            background: #fff;
                            border: 1px solid #ccc;
                            width: 25px;
                            height: 27px;
                            font-size: 18px;
                            text-align: center;
                            line-height: 25px;
                            cursor: pointer;
                            border-radius: 5px;
                            color: var(--main-color-new-theme);
                            padding: 0;
                        }

                        .qty-input {
                            width: 35px;
                            text-align: center;
                            border: 1px solid #ccc;
                            height: 25px;
                            border-radius: 5px;
                            color: var(--main-color-new-theme);
                        }

                        /* ✅ Price Box */
                        .prasadam-price {
                            background: var(--main-color-new-theme);
                            color: #fff;
                            width: 100%;
                            display: flex;
                            flex-direction: row;
                            /* justify-content: space-between; */
                            justify-content: flex-end;
                            align-items: center;
                            padding: 8px 12px;
                            border-top: 1px solid #fff;
                        }

                        .prasadam-price span {
                            font-weight: bold;
                            font-size: 1rem;
                        }

                        .prasadam-price input[type="checkbox"] {
                            width: 22px;
                            height: 22px;
                            accent-color: gold;
                            cursor: pointer;
                        }


                        /* ✅ Mobile view: Price bottom full width */
                        @media (max-width: 768px) {
                            .prasadam-price {
                                width: 100%;
                                flex-direction: row;
                                /* justify-content: space-between; */
                                justify-content: flex-end;
                                align-items: center;
                                padding: 8px 12px;
                                border-top: 1px solid #fff;
                            }
                        }


                        /* Mobile view: move price box to bottom full width */
                        @media (max-width: 768px) {

                            .mb2P {
                                margin-bottom: 2.5rem !important;
                            }
                        }

                        @media screen and (max-width: 992px) and (min-width: 300px) {
                            .col-md-4 {
                                margin-top: 7px !important;
                            }

                            .price-span {
                                background: #000030;
                                padding: 5px 14px;
                                color: white;
                                margin: 1px 30px;
                                border-radius: 6px;
                                font-size: 14px;
                                font-weight: 1000;
                            }
                        }

                        .search-container {
                            position: relative;
                            display: flex;
                            align-items: center;
                            margin-top: 1rem !important;
                            /* margin-top: 4rem !important; */
                        }

                        .search-icon {
                            cursor: pointer;
                            font-size: 24px;
                            padding: 10px;
                        }

                        .active-btn {
                            background: var(--main-color-new-theme) !important;
                            border-color: #fcfcfc !important;
                            color: #fcfcfc !important;
                        }

                        .search-input {
                            width: 0;
                            padding: 0;
                            /*opacity: 0;*/
                            transition: all 0.3s ease;
                            border: 1px solid #ccc;
                        }

                        .search-input.open {
                            /* width: 200px; */
                            padding: 5px 5px 5px 39px;
                            opacity: 1;
                        }

                        #search_col {
                            display: flex;
                            align-items: center;
                            justify-content: end;
                        }

                        .top-bar {
                            display: flex;
                            align-items: center;
                            justify-content: flex-end;
                            /* Badi screen par right side */
                            gap: 20px;
                            /* Elements ke beech spacing */
                            padding: 10px;
                            flex-wrap: wrap;
                        }

                        .search-container {
                            display: flex;
                            align-items: center;
                        }

                        .search-icon {
                            font-size: 24px;
                            cursor: pointer;
                        }

                        .paymentBtn {
                            padding: 10px 20px;
                            font-size: 16px;
                        }


                        @media only screen and (max-width: 399px) {
                            .custom-btn {
                                font-size: 12px !important;

                            }
                        }

                        .amount-input-donations::placeholder {
                            color: #d6fff7 !important;
                        }

                        /* Choti screen par search icon center me dikhane ke liye */
                        @media (max-width: 768px) {
                            .top-bar {
                                flex-direction: column;
                                /* Mobile view me vertical layout */
                                align-items: center;
                                /* Center me dikhane ke liye */
                                margin-top: -26px;
                                width: 100% !important;
                            }


                            .search-container {
                                justify-content: center;
                            }
                        }

                        .minp {
                            font-size: 14px !important;
                            line-height: 1;
                            margin-bottom: 0rem !important;
                            margin-left: 5px !important;
                        }

                        #foodMenuCategorySearch {
                            height: 37px;
                            border-radius: 7px;
                            color: var(--main-color-new-theme);
                        }
                    </style>
                    <style>
                        .collapse.in {
                            display: inline !important;
                        }

                        .text-end-text-md-center {
                            text-align: end;
                        }

                        @media only screen and (max-width:991px) {
                            .text-end-text-md-center {
                                text-align: center !important;
                            }
                        }

                        .event-card {
                            position: relative;
                            margin: 40px auto;
                            background-size: cover;
                            background-position: center;
                            border-radius: 12px;
                            overflow: hidden;
                            z-index: 1;
                            padding: 20px;
                        }

                        .event-card::before {
                            content: "";
                            position: absolute;
                            inset: 0;
                            padding: 6px;
                            box-sizing: border-box;
                            z-index: 2;
                            pointer-events: none;
                            border-radius: 12px;

                            background:
                                radial-gradient(circle, #ff6600 2px, transparent 2px),
                                radial-gradient(circle, #ff6600 2px, transparent 2px),
                                radial-gradient(circle, #ff6600 2px, transparent 2px),
                                radial-gradient(circle, #ff6600 2px, transparent 2px);

                            background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
                            background-size: 8px 4px, 8px 4px, 4px 8px, 4px 8px;


                            background-position:
                                0% 0%,
                                100% 100%,
                                0% 100%,
                                100% 0%;

                            animation: animateDots 30s linear infinite;
                        }

                        @keyframes animateDots {
                            0% {
                                background-position:
                                    0% 0%,
                                    100% 100%,
                                    0% 100%,
                                    100% 0%;
                            }

                            100% {
                                background-position:
                                    100% 0%,
                                    0% 100%,
                                    0% 0%,
                                    100% 100%;
                            }
                        }

                        .btn-order {
                            border-radius: 14px !important;
                            background: var(--main-color-new-theme);
                            color: white;
                            font-size: 25px;
                            font-weight: 700;
                        }

                        .btn-order:hover {
                            border-radius: 14px !important;
                            background: var(--main-color-new-theme);
                            color: white;
                            font-size: 25px;
                            font-weight: 700;
                        }

                        .food-item {
                            text-align: center;
                            padding: 10px;
                        }

                        .food-item img {
                            width: 60px;
                            height: 60px;
                            object-fit: cover;
                            margin: 0 auto 10px;
                            border-radius: 10px;
                        }


                        .food-item p {
                            margin: 0;
                            font-weight: 600;
                            font-size: 14px !important;
                            line-height: 1 !important;
                        }
                    </style>
                    <div class="container mt-2">
                        <div class="row m-0 p-0">
                            <div class="col-md-12">

                                <!-- <h3 class="text-center" style="font-size: 21px; font-weight: 600;">Akshaya Patra is where fresh food is prepared with love and hygiene in Chatwala</h3> -->
                                <div class="event-card " style="background-image: url('<?= base_url('assets/img/bg-card.png') ?>');">
                                    <span class="sp"></span>
                                    <span class="sp"></span>
                                    <span class="sp"></span>
                                    <span class="sp"></span>
                                    <h5 class="mb-4 text-center " style="font-size: 22px;font-family: Arial, cursive;font-weight: 800;border-bottom:1px dotted red;color: #9b0000;">Prasadam menu for <?= date('l, d M Y') ?></h5>
                                    <div class="row align-items-center mb-2">

                                        <div class="col-md-12 mb-4">
                                            <div class="mb-3 p-0" style="display: flex; align-items: center; flex-direction: column;">
                                                <div style="display: flex; align-items: center; justify-content: center;">
                                                    <h2 class="mb-0 title" style="margin-right: 10px;">
                                                        Please check our food prasadam menu
                                                    </h2>

                                                    <!-- &nbsp;&nbsp;&nbsp;<a href="<?= base_url('assets/pdf/foodMenu.pdf') ?>" class="  mx-auto d-block" style="color:blue;text-decoration: underline;" target="_blank">Download Here</a> -->

                                                </div>
                                                <div style="display: flex; justify-content: center; margin-top: 5px;">
                                                    <img src="<?= base_url('assets/img/border.png'); ?>" class="img-fluid" style="width: 30%; max-width: 30%;">
                                                </div>
                                            </div>

                                        </div>
                                        <!-- Text -->
                                        <!-- <div class="col-sm-6">
                                            <h4 class="text-center mb-0">
                                                Please check our satvik food catering menu <a href="<?= base_url('assets/pdf/foodMenu.pdf') ?>" target="_blank">Click Here</a>
                                            </h4>
                                        </div> -->


                                        <!-- PDF iframe -->
                                        <!-- <div class="col-sm-6">
                                            <div style="cursor: pointer; width: 100%; max-width: 400px;"
                                                data-bs-toggle="modal" data-bs-target="#pdfModal">
                                                <iframe src="<?= base_url('assets/pdf/foodMenu.pdf') ?>"
                                                    frameborder="0"
                                                    style="width:100%; height:150px; pointer-events: none;"></iframe>
                                            </div>
                                        </div> -->
                                    </div>
                                    <center>
                                         <input type="hidden" class="form-control datepicker" readonly id="selectdate" placeholder="Select Date" name="selectdate" required onchange="ProceedList();">
                                        <!-- <button type="button" class="btn btn-order" data-bs-toggle="modal" data-bs-target="#DatepickerModal"> -->
                                        <button type="button" class="btn btn-order" onclick="showDatepickerModal();">
                                            Click here to Order
                                        </button>
                                    </center>


                                    <div class="row mt-4">
                                        <!-- <div class="mb-4"></div> -->

                                        <div class="col-md-12 mb-1">
                                            <div class="mb-3 p-0" style="display: flex; align-items: center; flex-direction: column;">
                                                <div style="display: flex; align-items: center; justify-content: center;">
                                                    <h2 class="mb-0 title" style="margin-right: 10px;">
                                                        Available Menu
                                                    </h2>

                                                </div>
                                                <div style="display: flex; justify-content: center; margin-top: 5px;">
                                                    <img src="<?= base_url('assets/img/border.png'); ?>" class="img-fluid" style="width: 30%; max-width: 30%;">
                                                </div>
                                            </div>

                                        </div>
                                        <div class="col-sm-12">
                                            <?php
                                            if (!empty($dailyMenu)) {
                                            ?>
                                                <div class="owl-carousel owl-theme">
                                                    <?php

                                                    foreach ($dailyMenu as $item) {
                                                    ?>
                                                        <div class="food-item">
                                                            <img src="<?= ApiBaseUrl()['url'] . $item->image ?>" alt="<?= $item->refDataName ?>" alt="<?= $item->refDataName ?>">
                                                            <p><?= $item->refDataName ?></p>
                                                        </div>
                                                    <?php
                                                    }
                                                    ?>

                                                </div>
                                            <?php
                                            } else {
                                                echo "<h3 class='text-center text-danger'><b>No menu available for today!</b></h3>";
                                            }
                                            ?>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <!-- col-md-12 -->

                        </div>





                    </div>




                </div>


            </div>

        </div>
    </div>
    <!-- End Main content-->

</main>

<!-- Modal -->
<div class="modal fade" id="pdfModal" tabindex="-1" aria-labelledby="pdfModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl"> <!-- modal-xl = extra large -->
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="pdfModalLabel">Satvik Food Catering Menu</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <iframe src="<?= base_url('assets/pdf/foodMenu.pdf') ?>"
                    frameborder="0"
                    style="width:100%; height:80vh;"></iframe>
            </div>
        </div>
    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="DatepickerModal" tabindex="-1" aria-labelledby="DatepickerModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="DatepickerModalLabel">Select Date</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12">

                            <!-- <label for="selectdate">Select Date <span class="text-danger">*</span> </label> -->
                            <!-- <input type="text" class="form-control datepicker" readonly id="selectdate" placeholder="Select Date" name="selectdate" required onchange="ProceedList();"> -->

                        </div>
                        <br>
                        <br>
                        <br>
                    </div>
                </div>
                <!-- <div class="modal-footer">
                <div class="row" style="width: 100%;">

                    <div class="col-sm text-start" style="width: 50%;">
                        <input type="button" name="next" class="btn btn-danger" style="width: 100px;height: 45px;border-radius: 5px !important;" id="cancel" value="Cancel" />
                    </div>
                    <div class="col-sm text-end" style="width: 50%;">
                        <input type="button" onclick="ProceedList();" name="next" class="btn btn-success" id="Proceed" style="width: 100px;height: 45px;background-color: #198754 !important;border-radius: 5px !important;" value="Proceed" />

                    </div>
                </div>
            </div> -->
            </form>
        </div>
    </div>
</div>

<?php $this->load->view('includes/footer') ?>

<script type="text/javascript" src="<?= base_url('assets/js/paging.js'); ?>"></script>
<script src="https://cdn.jsdelivr.net/gh/dubrox/Multiple-Dates-Picker-for-jQuery-UI@master/jquery-ui.multidatespicker.js"></script>



<?php $this->load->view('includes/script') ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

<script>
    $(document).ready(function() {
        $(".owl-carousel").owlCarousel({
            loop: true,
            margin: 15,
            nav: true,
            dots: false,
            autoplay: true,
            autoplayTimeout: 2000,
            responsive: {
                0: {
                    items: 2
                },
                600: {
                    items: 5
                },
                1000: {
                    items: 8
                }
            }
        });
    });

    /*$(".datepicker").datepicker({
        dateFormat: 'mm/dd/yy', // Month/Day format
        changeMonth: true,
        changeYear: true, // Disable year change
        showButtonPanel: true,
        minDate: 0,

    });*/
let weekOffDayArr = <?= json_encode($weekOffDayArr) ?>;;

$(document).on('click', '.datepicker', function () {
    var nclickF = $(this);

    $(nclickF).multiDatesPicker({
        dateFormat: 'mm/dd/yy',
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        minDate: 0,
        onSelect: function (dateText, inst) {
           
        },
      /*  beforeShowDay: function (date) {
            // Har date ka weekday nikalna
            let dayIndex = date.getDay(); // Sunday=0, Monday=1, ... Saturday=6
            let customDayIndex = (dayIndex === 0 ? 7 : dayIndex); // Monday=1, ... Sunday=7

            if (weekOffDayArr.includes(customDayIndex)) {
                return [false]; // Disable week-off days
            } else {
                return [date >= new Date()]; // Aaj se pehle disable
            }
        }*/
        beforeShowDay: function (date) {
    let dayIndex = date.getDay(); // Sunday=0
    let customDayIndex = (dayIndex === 0 ? 7 : dayIndex); // Monday=1, ... Sunday=7

    // Week off check
    if (weekOffDayArr.includes(customDayIndex)) {
        return [false];
    }

    // Current date without time
    let today = new Date();
    today.setHours(0, 0, 0, 0);

    let cmpDate = new Date(date);
    cmpDate.setHours(0, 0, 0, 0);

    return [cmpDate >= today]; // Aaj aur future enable, past disable
}

    });

    $(nclickF).datepicker('show');
});



    function ProceedList() {
        let selectdate = $("#selectdate").val();
        if (selectdate.length == 0) {
            // alert("Please select date");
        } else {
            loader.on();
            window.location.href = "<?= base_url('prasadam/list?selectdate=') ?>" + selectdate;
        }

    }

function showDatepickerModal(){
    //$("#DatepickerModal").modal("show");

      var nclickF = $("#selectdate");

        $(nclickF).multiDatesPicker({
            dateFormat: 'mm/dd/yy',
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            minDate: 0,
            onSelect: function(dateText, inst) {

            },
            beforeShowDay: function(date) {
                let dayIndex = date.getDay(); // Sunday=0
                let customDayIndex = (dayIndex === 0 ? 7 : dayIndex); // Monday=1, ... Sunday=7

                // Week off check
                if (weekOffDayArr.includes(customDayIndex)) {
                    return [false];
                }

                // Current date without time
                let today = new Date();
                today.setHours(0, 0, 0, 0);

                let cmpDate = new Date(date);
                cmpDate.setHours(0, 0, 0, 0);

                return [cmpDate >= today]; // Aaj aur future enable, past disable
            }

        });

        $(nclickF).datepicker('show');


    //   $("#selectdate").datepicker({
    //     dateFormat: 'mm/dd/yy',
    //     changeMonth: true,
    //     changeYear: true,
    //     minDate: 0
    // }).datepicker("show");

}
</script>