  <footer class="theme-dark-bg">
        <div class="tp-footer-area pt-100 pb-70">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="tp-footer-widget footer-col-1 mb-30 wow fadeInUp" data-wow-delay=".2s">
                            <div class="tp-footer-info">
                                <div class="tp-footer-info-logo mb-35">
                                     <a href="index.html"><img style="max-width: 200px;" src="<?php echo $generalSettingCheck['site_logo']; ?>" alt="<?php echo $generalSettingCheck['site_title']; ?>" /></a>
                                </div>
                                <h4 class="mb-15"><a href="tel:<?= $generalSettingCheck['contact_land_phone'] ?>"><?= $generalSettingCheck['contact_land_phone'] ?></a></h4>
                                <h6 class="mb-15"><i class="fal fa-envelope-open"></i><a href="mailto:<?= $generalSettingCheck['site_email'] ?>"><?= $generalSettingCheck['site_email'] ?></a></h6>
                                <h6 class="mb-20"><i class="fal fa-map-marker-alt"></i> <?php echo $generalSettingCheck['contact_adress']; ?></h6>
                                <div class="tp-footer-info-social">
                                     <?php
                      $socialAsk->execute(array(
                        'status'             => 1
                      ));
                      while ($socialCheck=$socialAsk->fetch(PDO::FETCH_ASSOC)){
                      ?>
                        <a href="<?php echo $socialCheck['link']; ?>" class="fab <?php echo $socialCheck['icon']; ?>" title="<?php echo $socialCheck['name']; ?>"></a>
                     <?php } ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="tp-footer-widget footer-col-2 mb-30 wow fadeInUp" data-wow-delay=".4s">
                            <h4 class="tp-footer-widget-title mb-35"><?= $langArray['FOOTER_MENU_HEAD']; ?></h4>
                            <ul>
                               <?php
                      $footerMenuAsk=$db->prepare("SELECT * FROM menu WHERE  status=:status AND footer_menu=:footer_menu AND language=:language  ORDER BY order_sort");
                      $footerMenuAsk->execute(array(
                        'status'      => 1,
                        'footer_menu' => 1,
                        'language'    => $getLangCheck['language_id']
                      ));
                      while($footerMenuCheck=$footerMenuAsk->fetch(PDO::FETCH_ASSOC)) {
                     ?>
                        <li>
                          <?php if($footerMenuCheck['ready_link']=="manualLink"){ ?>
                            <a <?= $footerMenuCheck['new_tab'] == 1 ? 'target="_blank"' : ''; ?> href="<?= $footerMenuCheck['link']?>"><?= $footerMenuCheck['title']?></a>
                          <?php }else{
                            $menulinkid=$footerMenuCheck['ready_link'];
                            $pageLinkAsk=$db->prepare("SELECT * FROM posts WHERE post_id=$menulinkid");
                            $pageLinkAsk->execute();
                            $pageLinkCheck=$pageLinkAsk->fetch(PDO::FETCH_ASSOC);
                          ?>
                            <a <?= $footerMenuCheck['new_tab'] == 1 ? 'target="_blank"' : ''; ?>  href="<?= $pageLinkCheck['seo_url']; ?>"><?= $footerMenuCheck['title']?></a>
                         </li>
                      <?php  } } ?>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="tp-footer-widget footer-col-2 mb-30 wow fadeInUp" data-wow-delay=".4s">
                            <h4 class="tp-footer-widget-title mb-35"><?php echo $langArray['SERVICES_HEAD']; ?></h4>
                            <ul>
                               <?php
                      $footerNewsAsk->execute(array(
                        'post_type' => 'post_services',
                        'status' => 1,
                        'language' => $getLangCheck['language_id']
                      ));
                      while ($footerNewsCheck1=$footerNewsAsk->fetch(PDO::FETCH_ASSOC)){
                    ?>
                      <li><a href="<?php echo $footerNewsCheck1['seo_url']; ?>"><?php echo $footerNewsCheck1['title']; ?></a></li>
                    <?php } ?>
                            </ul>
                        </div>
                    </div>
                <div class="col-lg-3 col-sm-6">
                        <div class="tp-footer-widget footer-col-2 mb-30 wow fadeInUp" data-wow-delay=".8s">
                            <h4 class="tp-footer-widget-title mb-35"><?php echo $langArray['BLOG_HEAD']; ?></h4>
                            <ul>
                              <?php
                      $footerNewsAsk->execute(array(
                        'post_type' => 'post_post',
                        'status' => 1,
                        'language' => $getLangCheck['language_id']
                      ));
                      while ($footerNewsCheck=$footerNewsAsk->fetch(PDO::FETCH_ASSOC)){
                    ?>
                      <li><a href="<?php echo $footerNewsCheck['seo_url']; ?>"><?php echo $footerNewsCheck['title']; ?></a></li>
                    <?php } ?>
                            </ul>

                        </div>
                    </div>
                     <div class="tp-copyright text-center">
                            <p>© Copyright <script>
                     document.write(new Date().getFullYear())
                 </script>  <?php echo $generalSettingCheck['site_copyright']; ?> I <span> <a href="<?php echo $generalSettingCheck['webmaster_link'] ?>"><?php echo $generalSettingCheck['webmaster_name'] ?></a></span></p>
                        </div>
                </div>
            </div>
        </div>
   
    </footer>
        


    <!-- JS here -->
    <script src="assets/js/vendor/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/swiper-bundle.js"></script>
    <script src="assets/js/venobox.min.js"></script>
    <script src="assets/js/backToTop.js"></script>
    <script src="assets/js/jquery.meanmenu.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/ajax-form.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  <?= $generalSettingCheck['footer_code']; ?>
  <style media="screen">
    #reCaptchaCrush iframe{
      height: 50px !important;
      width: 200px !important;
    }
  </style>
 

  <div class="whatsapp_chat_support wcs_fixed_left" id="example_3">
            
            <div class="wcs_button wcs_button_circle">
                <span style="margin-top: 10px;" class="fab fa-whatsapp fa-2x"></span>
            </div>
<div class="wcs_button_label">
                Whatsapp iletişim
            </div>
            <div class="wcs_popup">
                <div class="wcs_popup_close">
                    <span class="fa fa-close"></span>
                </div>
                <div class="wcs_popup_header">
                    <span class="fa fa-whatsapp"></span>
                    <strong>Müşteri Hizmetleri</strong>

                    <div class="wcs_popup_header_description">Yardıma mı ihtiyacınız var? Whatsapp'ta bizimle sohbet edin </div>
                </div>
                <div class="wcs_popup_input" data-number="9<?= $generalSettingCheck['contact_whatsapp'] ?>">
                    <input type="text" placeholder="Birşey sor!"/>
                    <i class="fa fa-play"></i>
                </div> 
            </div>
        </div>
        <style> 
            .whatsapp_chat_support {
                position: relative;
                display: inline-block;
                vertical-align: top;
            }
 
            .wcs_button {
                text-align: center;
                vertical-align: middle;
                padding: 9px 18px;
                border-radius: 50px;
                background: #26C281;
                color: #fff;
                display: inline-block;
                margin-right: 3px;
                cursor: pointer;

                -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

            }
            .wcs_button .fa {
                font-size: 15px;
                margin-right: 3px;
            }

            .wcs_button_circle {
                width: 50px;
                height: 50px;
                border-radius: 100%;
                padding: 0;
            }
            .wcs_button_circle .fa {
                line-height: 50px;
                font-size: 25px;
                margin-right: 0;
            }

            .wcs_button_label {
                vertical-align: middle;
                cursor: pointer;
                display: inline-block;
                font-size: 12px;
                margin-right: 10px;
                margin-left: 10px;
                background: #d4f3e6;
                padding: 5px 10px;
                border-radius: 4px;

                -webkit-transition: 0.3s ease all;
                -moz-transition: 0.3s ease all;
                transition: 0.3s ease all;
            }
            .wcs_button_label_hide {
                -webkit-transform: translate(10px, 0);
                -moz-transform: translate(10px, 0);
                -ms-transform: translate(10px, 0);
                transform: translate(10px, 0);

                opacity: 0;
                visibility: hidden;
            }

            .wcs_fixed_right {
                z-index: 999;
                position: fixed;
                bottom: 20px;
                right: 20px;
            }

            .wcs_fixed_left {
                z-index: 999;
                position: fixed;
                bottom: 20px;
                left: 20px;
            }
            .wcs_fixed_left .wcs_popup {
                left: 0 !important;
                right: unset !important;
            }
 
            .wcs_button_person {
                padding: 7px 18px 8px 10px;
                border-radius: 50px;
                text-align: left;
                background: #26C281;
                color: #fff;

                -webkit-transition: 0.4s ease all;
                -moz-transition: 0.4s ease all;
                transition: 0.4s ease all;

                -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            }

            .wcs_button_person:hover {
                -webkit-transform: translate(0, -3px);
                -moz-transform: translate(0, -3px);
                -ms-transform: translate(0, -3px);
                transform: translate(0, -3px);

                -webkit-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -moz-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
            }
 

            .wcs_button_person_img {
                overflow: hidden;
                display: table-cell;
                vertical-align: middle;
            }

            .wcs_button_person_img img {
                border: 2px solid #fff;
                border-radius: 50%;
                display: block;
                width: 60px;
                height: 60px;
            }

            .wcs_button_person_img .fa {
                font-size: 60px;
            }
 

            .wcs_button_person_content {
                padding-left: 14px;
                display: table-cell;
                vertical-align: middle;
            }
 

            .wcs_button_person_name {
                font-size: 10px;
                color: rgba(255, 255, 255, .8);
            }
 

            .wcs_button_person_description {
                font-size: 14px;
                font-weight: bold;
                line-height: 23px;
                color: #fff;
            }
 

            .wcs_button_person_status {
                font-size: 10px;
                vertical-align: middle;
                color: #fff;
                background: rgba(255, 255, 255, .3);
                display: inline-block;
                padding: 1px 5px;
                border-radius: 5px;
            }
 

            .wcs_button_person_offline {
                background: #a4a4a4 !important;
                cursor: auto !important;
            }

            .wcs_button_person_offline:hover {
                -webkit-transform: translate(0, 0) !important;
                -moz-transform: translate(0, 0) !important;
                -ms-transform: translate(0, 0) !important;
                transform: translate(0, 0) !important;

                -webkit-box-shadow: none !important;
                -moz-box-shadow: none !important;
                -o-box-shadow: none !important;
                -ms-box-shadow: none !important;
                box-shadow: none !important;
            }

            .wcs_button_person_offline .wcs_button_person_status {
                background: #f1a528;
            }

            .wcs_button_person_offline .wcs_button_person_img {
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
            } 
            .wcs_popup {
                position: absolute;
                width: 300px;
                bottom: 100%;
                right: 0;
                margin-bottom: 20px;
                visibility: hidden;
                max-width: calc(100vw - 60px);
            }
 

            .wcs_popup_close {
                position: absolute;
                top: 2px;
                right: 8px;
                cursor: pointer;

                opacity: .8;
                color: #fff;
                font-size: 18px;

                -webkit-transition: all 0.08s ease-in-out;
                -moz-transition: all 0.08s ease-in-out;
                transition: all 0.08s ease-in-out;
            }

            .wcs_popup_close:hover {
                opacity: 1;
            } 
            .wcs_popup_header {
                padding: 20px;
                background: #26C281;
                border-top-right-radius: 8px;
                border-top-left-radius: 8px;
                color: #fff;
                text-align: center;

                -webkit-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -moz-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
            }

            .wcs_popup_header .fa-whatsapp {
                font-size: 50px;
                display: block;
                margin-bottom: 20px;
            }

            .wcs_popup_header_description {
                display: block;
                margin-top: 10px;
                font-size: 12px;
            }
 
            .wcs_popup_person_container {
                /*max-height: 470px;
        overflow-y: scroll;*/
                background: #fff;
                padding: 20px;
                border-bottom-right-radius: 8px;
                border-bottom-left-radius: 8px;

                -webkit-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -moz-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
            }
 
            .wcs_popup_person {
                background: #f5f7f9;
                padding: 10px;
                text-align: left;
                margin-bottom: 10px;
                cursor: pointer;

                -webkit-transition: 0.2s ease all;
                -moz-transition: 0.2s ease all;
                transition: 0.2s ease all;
            }

            .wcs_popup_person:hover {
                -webkit-box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
                -moz-box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
                -o-box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
                -ms-box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
                box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
            }

            .wcs_popup_person:last-child {
                margin-bottom: 0;
            }

            .wcs_popup_person::after {
                content: "";
                clear: both;
                display: table;
            }
 

            .wcs_popup_person_img {
                overflow: hidden;
                display: table-cell;
                vertical-align: middle;
            }

            .wcs_popup_person_img img {
                border: 2px solid #26C281;
                border-radius: 50%;
                display: block;
                width: 60px;
                height: 60px;
            }
 

            .wcs_popup_person_content {
                padding-left: 15px;
                display: table-cell;
                vertical-align: middle;
            }
 

            .wcs_popup_person_name {
                font-size: 14px;
                color: #383838;
                font-weight: bold;
            }
 

            .wcs_popup_person_description {
                font-size: 11px;
                line-height: 18px;
                color: #8c8c8c;
            }
 

            .wcs_popup_person_status {
                font-size: 10px;
                vertical-align: middle;
                color: #fff;
                background: #26C281;
                border-radius: 5px;
                display: inline-block;
                padding: 1px 5px;
            }
 

            .wcs_popup_person_offline {
                cursor: auto !important;
            }

            .wcs_popup_person_offline .wcs_popup_person_img {
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
            }

            .wcs_popup_person_offline:hover {
                -webkit-box-shadow: none !important;
                -moz-box-shadow: none !important;
                -o-box-shadow: none !important;
                -ms-box-shadow: none !important;
                box-shadow: none !important;
            }

            .wcs_popup_person_offline .wcs_popup_person_status {
                background: #f1a528;
            }
 
            .wcs_popup_input {
                border-bottom-right-radius: 8px;
                border-bottom-left-radius: 8px;
                background: #fff;
                padding: 10px;

                -webkit-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -moz-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
                box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
            }

            .wcs_popup_input input {
                border: 0;
                outline: none;
                width: 90%;
                color: #555555;
            }

            .wcs_popup_input input::placeholder {
                color: #cfcfcf;
            }

            .wcs_popup_input > * {
                vertical-align: top;
            }

            .wcs_popup_input .fa {
                font-size: 17px;
                color: #9da3a5;
                vertical-align: middle;
                cursor: pointer;
            }
 

            .wcs_popup_avatar {
                overflow: hidden;
                position: absolute;
                left: -70px;
                bottom: -4px;
            }

            .wcs_fixed_left .wcs_popup_avatar {
                left: initial;
                right: -70px;
            }

            .wcs_popup_avatar img {
                border-radius: 50%;
                border: 2px solid #26C281;
                display: block;
                height: 50px;
                width: 50px;

                -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            }

            .wcs_popup_input_offline {
                color: #f1a528;
            }

            .wcs_popup_input_offline+.wcs_popup_avatar {
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
            }

            @media only screen and(max-width: 400px) {
                .wcs_popup_avatar {
                    display: none;
                }
            } 

            .wcs-show .wcs_popup {
                visibility: visible;
            }
 

            .wcs-effect-0 .wcs_popup {
                opacity: 0;

                -webkit-transition: opacity 0.3s;
                -moz-transition: opacity 0.3s;
                transition: opacity 0.3s;
            }
            .wcs-show.wcs-effect-0 .wcs_popup {
                opacity: 1;
            }
 

            .wcs-effect-1 .wcs_popup {
                -webkit-transform: scale(0.7);
                -moz-transform: scale(0.7);
                -ms-transform: scale(0.7);
                transform: scale(0.7);
                opacity: 0;

                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }
            .wcs-show.wcs-effect-1 .wcs_popup {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }
 

            .wcs-effect-2 .wcs_popup {
                -webkit-transform: translateX(20%);
                -moz-transform: translateX(20%);
                -ms-transform: translateX(20%);
                transform: translateX(20%);
                opacity: 0;
                -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            }
            .wcs-show.wcs-effect-2 .wcs_popup {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                opacity: 1;
            } 

            .wcs-effect-3 .wcs_popup {
                -webkit-transform: translateY(20%);
                -moz-transform: translateY(20%);
                -ms-transform: translateY(20%);
                transform: translateY(20%);
                opacity: 0;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }
            .wcs-show.wcs-effect-3 .wcs_popup {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            } 

            .wcs-effect-4 .wcs_popup {
                -webkit-transform: scale(0) rotate(720deg);
                -moz-transform: scale(0) rotate(720deg);
                -ms-transform: scale(0) rotate(720deg);
                transform: scale(0) rotate(720deg);
                opacity: 0;
            }
            .wcs-show.wcs-effect-4 ~ .datepicker-in-fullscreen-background,
            .wcs-effect-4 .wcs_popup {
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                transition: all 0.5s;
            }
            .wcs-show.wcs-effect-4 .wcs_popup {
                -webkit-transform: scale(1) rotate(0deg);
                -moz-transform: scale(1) rotate(0deg);
                -ms-transform: scale(1) rotate(0deg);
                transform: scale(1) rotate(0deg);
                opacity: 1;
            }
 

            .wcs-effect-5.whatsapp_chat_support {
                -webkit-perspective: 1300px;
                -moz-perspective: 1300px;
                perspective: 1300px;
            }
            .wcs-effect-5 .wcs_popup {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transform: translateZ(600px) rotateX(20deg);
                -moz-transform: translateZ(600px) rotateX(20deg);
                -ms-transform: translateZ(600px) rotateX(20deg);
                transform: translateZ(600px) rotateX(20deg);
                opacity: 0;
            }
            .wcs-show.wcs-effect-5 .wcs_popup {
                -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                transition: all 0.3s ease-in;
                -webkit-transform: translateZ(0px) rotateX(0deg);
                -moz-transform: translateZ(0px) rotateX(0deg);
                -ms-transform: translateZ(0px) rotateX(0deg);
                transform: translateZ(0px) rotateX(0deg);
                opacity: 1;
            }
 

            .wcs-effect-6.whatsapp_chat_support {
                -webkit-perspective: 1300px;
                -moz-perspective: 1300px;
                perspective: 1300px;
            }
            .wcs-effect-6 .wcs_popup {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
                -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
                -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
                transform: translate(30%) translateZ(600px) rotate(10deg);
                opacity: 0;
            }
            .wcs-show.wcs-effect-6 .wcs_popup {
                -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                transition: all 0.3s ease-in;
                -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
                -moz-transform: translate(0%) translateZ(0) rotate(0deg);
                -ms-transform: translate(0%) translateZ(0) rotate(0deg);
                transform: translate(0%) translateZ(0) rotate(0deg);
                opacity: 1;
            } 

            .wcs-effect-7.whatsapp_chat_support {
                -webkit-perspective: 1300px;
                -moz-perspective: 1300px;
                perspective: 1300px;
            }
            .wcs-effect-7 .wcs_popup {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transform: translateY(100%) rotateX(90deg);
                -moz-transform: translateY(100%) rotateX(90deg);
                -ms-transform: translateY(100%) rotateX(90deg);
                transform: translateY(100%) rotateX(90deg);
                -webkit-transform-origin: 0 100%;
                -moz-transform-origin: 0 100%;
                transform-origin: 0 100%;
                opacity: 0;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }
            .wcs-show.wcs-effect-7 .wcs_popup {
                -webkit-transform: translateY(0%) rotateX(0deg);
                -moz-transform: translateY(0%) rotateX(0deg);
                -ms-transform: translateY(0%) rotateX(0deg);
                transform: translateY(0%) rotateX(0deg);
                opacity: 1;
            }
 

            .wcs-effect-8.whatsapp_chat_support {
                -webkit-perspective: 1300px;
                -moz-perspective: 1300px;
                perspective: 1300px;
            }
            .wcs-effect-8 .wcs_popup {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
                -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
                -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
                transform: translateZ(100px) translateX(-30%) rotateY(90deg);
                -webkit-transform-origin: 0 100%;
                -moz-transform-origin: 0 100%;
                transform-origin: 0 100%;
                opacity: 0;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }
            .wcs-show.wcs-effect-8 .wcs_popup {
                -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
                -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
                -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
                transform: translateZ(0px) translateX(0%) rotateY(0deg);
                opacity: 1;
            }
 

            .wcs-effect-9.whatsapp_chat_support {
                -webkit-perspective: 1300px;
                -moz-perspective: 1300px;
                perspective: 1300px;
            }
            .wcs-effect-9 .wcs_popup {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transform: rotateY(-70deg);
                -moz-transform: rotateY(-70deg);
                -ms-transform: rotateY(-70deg);
                transform: rotateY(-70deg);
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                opacity: 0;
            }
            .wcs-show.wcs-effect-9 .wcs_popup {
                -webkit-transform: rotateY(0deg);
                -moz-transform: rotateY(0deg);
                -ms-transform: rotateY(0deg);
                transform: rotateY(0deg);
                opacity: 1;
            }
 

            .wcs-effect-10.whatsapp_chat_support {
                -webkit-perspective: 1300px;
                -moz-perspective: 1300px;
                perspective: 1300px;
            }
            .wcs-effect-10 .wcs_popup {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transform: rotateX(-70deg);
                -moz-transform: rotateX(-70deg);
                -ms-transform: rotateX(-70deg);
                transform: rotateX(-70deg);
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                opacity: 0;
            }
            .wcs-show.wcs-effect-10 .wcs_popup {
                -webkit-transform: rotateX(0deg);
                -moz-transform: rotateX(0deg);
                -ms-transform: rotateX(0deg);
                transform: rotateX(0deg);
                opacity: 1;
            }
 

            .wcs-effect-11.whatsapp_chat_support {
                -webkit-perspective: 1300px;
                -moz-perspective: 1300px;
                perspective: 1300px;
            }
            .wcs-effect-11 .wcs_popup {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transform: rotateX(-60deg);
                -moz-transform: rotateX(-60deg);
                -ms-transform: rotateX(-60deg);
                transform: rotateX(-60deg);
                -webkit-transform-origin: 50% 0;
                -moz-transform-origin: 50% 0;
                transform-origin: 50% 0;
                opacity: 0;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }
            .wcs-show.wcs-effect-11 .wcs_popup {
                -webkit-transform: rotateX(0deg);
                -moz-transform: rotateX(0deg);
                -ms-transform: rotateX(0deg);
                transform: rotateX(0deg);
                opacity: 1;
            }
 

            .wcs-effect-12 .wcs_popup {
                -webkit-transform: scale(2);
                -moz-transform: scale(2);
                -ms-transform: scale(2);
                transform: scale(2);
                opacity: 0;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }
            .wcs-show.wcs-effect-12 .wcs_popup {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }
 

            .wcs-effect-13.whatsapp_chat_support {
                -webkit-perspective: 1300px;
                -moz-perspective: 1300px;
                perspective: 1300px;
            }
            .wcs-effect-13 .wcs_popup {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transform: translateZ(-3000px) rotateY(90deg);
                -moz-transform: translateZ(-3000px) rotateY(90deg);
                -ms-transform: translateZ(-3000px) rotateY(90deg);
                transform: translateZ(-3000px) rotateY(90deg);
                opacity: 0;
            }
            .wcs-show.wcs-effect-13 .wcs_popup {
                -webkit-animation: slit 0.7s forwards ease-out;
                -moz-animation: slit 0.7s forwards ease-out;
                animation: slit 0.7s forwards ease-out;
            }
            @-webkit-keyframes slit {
                50% {
                    -webkit-transform: translateZ(-250px) rotateY(89deg);
                    opacity: .5;
                    -webkit-animation-timing-function: ease-out;
                }
                100% {
                    -webkit-transform: translateZ(0) rotateY(0deg);
                    opacity: 1;
                }
            }
            @-moz-keyframes slit {
                50% {
                    -moz-transform: translateZ(-250px) rotateY(89deg);
                    opacity: .5;
                    -moz-animation-timing-function: ease-out;
                }
                100% {
                    -moz-transform: translateZ(0) rotateY(0deg);
                    opacity: 1;
                }
            }
            @keyframes slit {
                50% {
                    transform: translateZ(-250px) rotateY(89deg);
                    opacity: 1;
                    animation-timing-function: ease-in;
                }
                100% {
                    transform: translateZ(0) rotateY(0deg);
                    opacity: 1;
                }
            } 

            .wcs_debug {
                position: fixed;
                padding: 10px;
                background: white;
                border: 1px solid #dadada;
                top: 5px;
                right: 5px;
            }

            .wcs_debug strong {
                width: 125px;
                display: inline-block;
            }

        </style> 
        <script>
            (function () {

                $('.usage_example').on('click', function () {

                    var $this = $(this);
                    var $show = $($this.attr('data-show'));

                    $('#example_3').hide().removeClass('wcs-show');;

                    $show.slideDown(300, function () {
                        setTimeout(function () {
                            if ($show.find('.wcs_popup')[0] !== undefined) {
                                $show.find('.wcs_button').trigger('click');
                            }
                        }, 200);
                    });

                }); 
                $('#change_effect').on('change', function () {
                    var current = $(this).val();
                    var items = $('.whatsapp_chat_support');
                    items.removeClass(function (index, className) {
                        return(className.match(/(^|\s)wcs-effect\S+/g) || []).join(' ');
                    });

                    items.each(function () {
                        $(this).addClass('wcs-effect-' + current);
                    });
                });
                $('#change_effect').trigger('change');

            })();
        </script>
        <script>

            (function (window, $, undefined) {
                var WhatsappChatSupport = function (container, options) {
                    this.init(container, options);
                }

                WhatsappChatSupport.DEFAULTS = {


                    popupFx: '1', // The popup effect from 0 till 14
                    now: '', // When empty it will use the date and time from the user browser if not you can assign it with PHP maybe (which will be the date of the server) format: YYYY-MM-DD HH:mm:ss (2019-12-30 18:30:00)
                    timezone: 'Europa/Istanbul', // When using the date and time from the user browser you can transform it to your current timezone (in case your user is in a different timezone)
                    notAvailableMsg: 'bugün müsait değilim ', // message when its not an available day or once the available hours have passed
                    almostAvailableMsg: 'yakında müsait olacağım ', // if today is an available day and before the time starts
                    dialogNotAvailableMsg: 'bugün müsait değilim ', // message when its not an available day or once the available hours have passed
                    dialogAlmostAvailableMsg: 'yakında müsait olacağım ', // if today is an available day and before the time starts
                    defaultMsg: 'Merhaba, bu sayfa hakkında bazı sorularım var:    {{ url }}!', // default support msg
                    debug: false,


                    onPopupOpen: function () {},
                    onPopupClose: function () {},
                    whenGoingToWhatsApp: function (number, text) {}

                };

                WhatsappChatSupport.prototype.init = function (container, options) {


                    var settings = $.extend(true, {}, WhatsappChatSupport.DEFAULTS, options);

                    settings.defaultMsg = settings.defaultMsg.split('{{ url }}').join(window.location.href);
                    settings.defaultMsg = settings.defaultMsg.split('[url]').join(window.location.href);


                    var $container = $(container);
                    var $button = $container.find('.wcs_button');
                    var $label = $container.find('.wcs_button_label');
                    var $popup = $container.find('.wcs_popup');

                    var popup_input = $container.find('.wcs_popup_input');
                    var popup_persons = $container.find('.wcs_popup_person_container');


                    $container.addClass('wcs-effect-' + settings.popupFx);

                    var debug = $('<div class="wcs_debug"></div>')

                    if (settings.debug) {
                        $('body').append(debug);
                    }


                    $button.on('click', function () {

                        if ($popup[0] != undefined) {
                            if ($container.hasClass('wcs-show')) {
                                close_popup();
                            } else {
                                open_popup()
                            }
                        }

                    })

                    $label.on('click', function () {

                        if ($popup[0] != undefined) {
                            if ($container.hasClass('wcs-show')) {
                                close_popup();
                            } else {
                                open_popup()
                            }
                        }

                    })


                    $popup.find('.wcs_popup_close').on('click', function () {
                        close_popup();
                    });


                    $button.on('click', function () {
                        var $this = $(this)

                        if ($this.attr('data-number') != undefined && ! $this.hasClass('wcs_button_person_offline')) {
                            go_to_whatsapp($this.attr('data-number'), settings.defaultMsg);
                        }
                    })


                    popup_input.on('click', '.fa', function () {
                        var $this = $(this);

                        go_to_whatsapp(popup_input.attr('data-number'), popup_input.find('input[type="text"]').val());
                    });

                    popup_input.find('input[type="text"]').keypress(function (e) {
                        if (e.which == 13) {
                            var $this = $(this);

                            go_to_whatsapp(popup_input.attr('data-number'), popup_input.find('input[type="text"]').val());
                        }
                    });


                    popup_persons.on('click', '.wcs_popup_person', function () {
                        var $this = $(this);
                        if (! $this.hasClass('wcs_popup_person_offline')) {

                            var defaultMsg = settings.defaultMsg;
                            if ($this.attr('data-default-msg') !== undefined) {
                                defaultMsg = $this.attr('data-default-msg').split('{{ url }}').join(window.location.href);
                            }
                            go_to_whatsapp($this.attr('data-number'), defaultMsg);

                        }
                    })

                    function open_popup() {
                        settings.onPopupOpen();
                        close_all_popup();
                        $label.addClass('wcs_button_label_hide');

                        $container.addClass('wcs-show');
                        setTimeout(function () {
                            $popup.find('input').val(settings.defaultMsg).focus();
                        }, 50);
                    }

                    function close_popup() {
                        settings.onPopupClose();
                        $label.removeClass('wcs_button_label_hide');

                        $container.removeClass('wcs-show');
                        $container.find('.wcs_popup_input').find('input[type="text"]').val('');
                    }

                    function close_all_popup() {
                        var all_containers = $('.whatsapp_chat_support');

                        all_containers.each(function () {
                            var $this = $(this);

                            $this.removeClass('wcs-show');
                            $this.find('.wcs_popup_input').find('input[type="text"]').val('');
                        });
                    }

                    function go_to_whatsapp(number, text) {
                        settings.whenGoingToWhatsApp(number, text);

                        close_popup();
                        var WhatsAppUrl = 'https://web.whatsapp.com/send';

                        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
                            WhatsAppUrl = 'https://api.whatsapp.com/send';
                        }

                        var url = WhatsAppUrl + '?phone=' + number + '&text=' + text;
                        console.log(url);
                        var win = window.open(url, '_blank');
                        win.focus();
                    }

                    var now = moment();

                    debug.append("<div><strong>Original Date</strong> " + now.format('YYYY-MM-DD HH:mm:ss') + " <br><strong>UTC Offsset</strong> " + (
                        now.utcOffset() / 60
                    ) + "</div>");

                    if (settings.timezone != '' && settings.now == '') {
                        now.tz(settings.timezone);

                        debug.append("<div><strong>Setting Timezone</strong> " + now.format('YYYY-MM-DD HH:mm:ss') + " <br><strong>UTC Offsset</strong> " + (
                            now.utcOffset() / 60
                        ) + "</div>");
                    }

                    if (settings.now != '') {
                        now = moment(settings.now, 'YYYY-MM-DD HH:mm:ss');

                        debug.append("<div><strong>Setting Manual Date</strong> " + now.format('YYYY-MM-DD HH:mm:ss') + " <br><strong>UTC Offsset</strong> " + (
                            now.utcOffset() / 60
                        ) + "</div>");
                    }

                    if ($button.attr('data-availability') != undefined) {
                        var available = is_available($.parseJSON($button.attr('data-availability')));

                        if (available.is_available) {} else {
                            $button.addClass('wcs_button_person_offline');
                            $button.find('.wcs_button_person_status').html(available.almost_available ? settings.almostAvailableMsg : settings.notAvailableMsg);
                        }
                    }


                    if (popup_input.attr('data-availability') != undefined) {
                        var available = is_available($.parseJSON(popup_input.attr('data-availability')));

                        if (available.is_available) {} else {
                            popup_input.addClass('wcs_popup_input_offline');
                            popup_input.html(available.almost_available ? settings.dialogAlmostAvailableMsg : settings.dialogNotAvailableMsg);
                        }
                    }

                    popup_persons.find('.wcs_popup_person').each(function () {
                        var $this = $(this);

                        if ($this.attr('data-availability') != undefined) {
                            var available = is_available($.parseJSON($this.attr('data-availability')));

                            if (available.is_available) {} else {
                                $this.addClass('wcs_popup_person_offline');
                                $this.find('.wcs_popup_person_status').html(available.almost_available ? settings.dialogAlmostAvailableMsg : settings.dialogNotAvailableMsg);
                            }

                        }
                    });

                    function is_available(available) {
                        var is_available = false;
                        var almost_available = false;

                        for (var key in available) {
                            if (available.hasOwnProperty(key)) {
                                if (get_day_of_week(key) == now.day()) {
                                    var start = moment($.trim(available[key].split('-')[0]), 'HH:mm');
                                    var end = moment($.trim(available[key].split('-')[1]), 'HH:mm');

                                    if (now.isAfter(start) && now.isBefore(end)) {
                                        is_available = true;
                                    } else if (now.isBefore(start)) {
                                        almost_available = true;
                                    }

                                }
                            }
                        }

                        return {'is_available': is_available, 'almost_available': almost_available};
                    }

                    function get_day_of_week(name) {
                        name = name.toLowerCase();

                        if (name == 'sunday') {
                            return 0;
                        } else if (name == 'monday') {
                            return 1;
                        } else if (name == 'tuesday') {
                            return 2;
                        } else if (name == 'wednesday') {
                            return 3;
                        } else if (name == 'thursday') {
                            return 4;
                        } else if (name == 'friday') {
                            return 5;
                        } else if (name == 'saturday') {
                            return 6;
                        }
                    }

                };

                $.fn.whatsappChatSupport = function (options, content, callback) {

                    return this.each(function (key, value) {
                        var $this = $(this);
                        var data = $this.data('whatsappChatSupport')
 
                        if (! data && typeof options != 'string') {
                            $this.data('whatsappChatSupport', new WhatsappChatSupport(this, options));
                        }
 
                        if (data && typeof options == 'string') {
                            data[options](content, callback);
                        }
                    });

                };

            })(window, jQuery);
        </script>
        <script>
            $('#example_3').whatsappChatSupport({defaultMsg: ''});
        </script>

</body>
</html>
