<!doctype html>
<html lang="zxx">
   
<head>
      <!-- REQUIRED META TAGS -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <meta name="" content="">
      <!-- DESCRIPTION -->
      <meta name="description" content="">
      <!-- KEYWORDS -->
      <meta name="keywords" content="" >
      <!-- PAGE TITLE HERE -->
      <title>مركز رويال للخصوبة</title>
      <!-- MOBILE SPECIFIC -->
      <meta name="viewport" content="width=device-width, initial-scale=1">

      <!-- STYLESHEETS -->
       <link rel="stylesheet" type="text/css" href="{$path}/assets/css/plugins.css">
      <link rel="stylesheet" type="text/css" href="{$path}/assets/css/default.css">
      <link rel="stylesheet" type="text/css" href="{$path}/assets/css/style.css">
      <link rel="stylesheet" type="text/css" href="{$path}/assets/css/responsive.css">
      <link rel="stylesheet" type="text/css" href="{$path}/assets/css/bootstrap-rtl.min.css">
      <link rel="stylesheet" type="text/css" href="{$path}/assets/css/custom-rtl.css">
     
   </head>
   <body class="mockup-5">
   <input type="hidden" id="hosturl" value="{$hosturl}"/>
   <input type="hidden" id="room_id" value="{$residence_room->id}"/>

             <!-- ====== Wraper ====== -->
               <div class="wraper d-flex align-items-center" style=' background-image: url("{$hosturl}/../upload/residence_rooms/{$residence_room->image}");
                    background-position: center; background-repeat: no-repeat; background-color: #000;' >
      
               </div>
         
           
         </div>
       </div>
   
     
     
     
      <!-- JAVASCRIPT FILES ========================================= -->
      <script src="{$path}/assets/js/jquery.min.js"></script><!-- JQUERY.MIN JS -->
      <script src="{$path}/assets/plugins/bootstrap/js/popper.min.js"></script><!-- POPPER JS -->
      <script src="{$path}/assets/plugins/bootstrap/js/bootstrap.min.js"></script><!-- BOOTSTRAP JS -->
     
      <script src="{$path}/assets/js/custom.js"></script><!-- CUSTOM FUCTIONS  -->

   {literal}
   <script>
       $(document).ready(function () {
           var host_url = $('#hosturl').val();
           var room_id = $('#room_id').val();

           setInterval(function(){  
               $.post(host_url+'/controllers/index.php?ac=roomimage',{room_id:room_id},function (result) {
                 
                   $('#roomImg').attr('src' , result);
               });
           }, 120000); //120000
       });
   </script>
   {/literal}

   </body>

</html>