<div class="package-modal">
    <div class="package-item style--two package-responsive w-100 my-modal-design">
        <div class="package-item__thumb">
            <img src="http://d38x82mkkml5o1.cloudfront.net/<?php echo $val["package"];?>" alt="thumb">
            <?php 
            if($val['type'] == 1)
            {
            ?>
                <span class="base text-white ">Unlimited</span>
            <?php }
            else
            {
                ?>
                <span class="base text-white ">Limited</span>
                <?php
            }
            ?>        
        </div>
        <div class="package-item__content">
            <h4 class="title mb-3"><?php echo $val['title'];?></h4>
            <form action="">
                <div class="form-group">
                    <label for="" class="form-label choose-color">Choose the Date</label>
                    <div class="input-group">
                        <input type="date" class="datepicker-here form-control opacity-75 shadow-none" id="activate_date<?php echo $val['id'];?>" data-language='en' data-date-format="dd-mm-yyyy" data-position='top left' placeholder="DD.MM.YYYY" style="font-style: italic;">
                        <img src="<?php echo base_url();?>files/assets/images/icon/calendar.png" alt="calendar" class="ms-3 calendar-click" style="width: 35px;">
                    </div>
                </div>
            </form>
            <h4 class="text--three mobile-padding">
                 <?php 
                if($val['discount'] != 0)
                {
                    $discount_price = $val['price'] * $val['discount'] / 100;
                    ?>

                    <span style="text-decoration: line-through; color: #777777 !important;"><?php echo $val['symbol'];?><?php echo $val['price'];?></span> <?php echo $val['symbol'];?><?php echo ($val['price'] - $discount_price);?>

                    <?php
                }
                else
                {
                    ?>
                    <?php echo $val['symbol'];?><?php echo $val['price'];?>
                    <?php    
                }
                ?>
            </h4>

            <!-- <a href="javascript:void(0)" class="cmn--btn mt-3 d-block text-center padding-y-sm" data-bs-target="#popup-wrapper" data-bs-toggle="modal">Buy</a> -->

            <a href="javascript:void(0)" class="cmn--btn mt-3 d-block text-center padding-y-sm" id="continue_btn<?php echo $val['id'];?>" style="display:none;" onclick="continue_func('<?php echo $val["id"];?>', '<?php echo($val['price'] - $discount_price);?>', '<?php echo $val["currency_rate"];?>', '<?php echo $val["validity"];?>')">Buy</a>


            <a href="" class="cmn--btn mt-2 d-block text-center btn--outline-light padding-y-sm" data-bs-dismiss="modal">Cancel</a>
        </div>
    </div>
</div>