{theme_css}
<script type="text/javascript">
{lhc_script}

function Open_Chat(){
  lh_inst.openRemoteWindow();
}
	$(document).ready(function(){
		 setInterval('show_time()',{refresh_time_value});
						$('.alarm').click(function(e) {
							var ajaxlink;
							var answer_id;
							var alarm_id;
							answer_id = $(this).attr('answer_id');
							alarm_id = $(this).attr('alarm_id');
							ajaxlink = "/hms_amessages/set_answer/" + alarm_id + "/" + answer_id;
							$.ajax({
								url : ajaxlink,
								success : function(data) {

								}
							});
							$(this).parent().remove();


							//$('.alarm_box_' + alarm_id).remove();
						});

						$('.hms_notification').click(function(e) {
							var ajaxlink;
							var answer_id;
							var alarm_id;
							var reservation_id = 0;
							//var transfer_url = "";

							answer_id = $(this).attr('answer_id');
							alarm_id = $(this).attr('alarm_id');
							if ($(this).attr('reservation_id') !== 'undefined') {
								reservation_id = $(this).attr('reservation_id');
							}
							
							//if (typeof($(this).attr('transfer_url')) != 'undefined' && $(this).attr('transfer_url') !== null) {
							//	transfer_url = $(this).attr('transfer_url');
							//}

							ajaxlink = "/hms_notification/set_answer/" + alarm_id + "/" + answer_id;
							$.ajax({
								url : ajaxlink,
								success : function(data) {
									if(reservation_id > 0){
										window.location.href = '/reservation_c2/folio/' + reservation_id + '/1';
									}
									
									
									//if(transfer_url != ""){
									//	window.location.href = transfer_url;
									//}

								}
							});
							$(this).parent().remove();
							if(answer_id == "remove_all"){
								$('#header_messages').empty();
							}
							//$('.alarm_box_' + alarm_id).remove();
						});

						$('.notification').click(function(e) {
							var ajaxlink;
							var notification_id;
							notification_id = $(this).attr('notification_id');
							ajaxlink = "/hms_amessages/set_notification_reminddate/" + notification_id;
							$.ajax({
								url : ajaxlink,
								success : function(data) {

								}
							});
							$(this).parent().remove();
							//$('.alarm_box_' + alarm_id).remove();
						});
	});
	function show_time() {
		//alert("+");
		 $.ajax({
             url: "/ajax/update_time_c2",
             cache: false,
             success: function(html){
                 $("#uptime").html(html);
             }
         });
	}

</script>



<div class="col-md-12 header_messages">
	<div class="panel-body" id="header_messages">
    		{header_messages}
	</div>
</div>
<header id="topnav" class="navbar navbar-default navbar-fixed-top clearfix" role="banner">

	<div class="navbar-header">
    <a class="navbar-brand" href="/reservation_c2/calendar">
      <img class="img-dark" src="{logo_img_src}" alt="">
    </a>

    <span class="header-time">
    ID: {hotel_id}
    <br>
    <div id="uptime">{time}</div>
    </span>
  </div>

<span id="trigger-leftbar" class="toolbar-trigger">
		<a data-toggle="tooltips" data-placement="right" title="Toggle Leftbar"><span class="icon"><i class="ion-android-arrow-back"></i></span></a>
</span>


  <span class="toolbar-trigger">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#tectonic-topnav-collapsible" aria-expanded="false">
      <span class="icon"><i class="ion-more"></i></span>
    </button>
  </span>

  <!-- Togglable navigation -->
  <div class="collapse navbar-collapse" id="tectonic-topnav-collapsible">
    <ul class="yamm nav navbar-nav navbar-left">
      <li class="dropdown {chain_block_class}">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
          <span class="icon"><i class="ion-shuffle"></i></span>

        </a>
       <ul class="dropdown-menu">

          {hotels}
          <li><a href="https://{host}"><i class="ion-shuffle"></i><span>{hotel_name}</span></a></li>
          {/hotels}

        </ul>
      </li>
      <li class="dropdown">
<!--        <a class="dropdown-toggle" href="/reservation_c2/calendar" aria-expanded="false">
          <span class="icon"><i class="ion-ios-keypad"></i></span>
          <span class="text  hidden-sm3">{caption_main_board}</span>
        </a>-->
				<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
					<span class="icon"><i class="ion-ios-keypad"></i></span>
					<span class="text hidden-xl2">{caption_main_board}</span>
				</a>
        <ul class="dropdown-menu" style="left:0!important;">
          <li><a href="/reservation_c2/calendar"><i class="fa ion-ios-keypad"></i><span>{caption_main_board}</span></a></li>
          <li><a href="/reservation_c2/price_calendar">
          <i class="icon_sum">∑</i><span>{caption_price_board}</span>
          </a></li>
          <li><a href="/reservation_c2/restrict_calendar"><i class="fa fa-ban"></i><span>{caption_restrictions_board}</span></a></li>
        </ul>

      </li>
       <li class="dropdown">
        <a class="dropdown-toggle" href="/reservation_c2/status" aria-expanded="false">
          <span class="icon"><i class="fa fa-check-square-o"></i></span>
          <span class="text hidden-sm2">{caption_state}</span>
        </a>
      </li>
      <li class="dropdown {reputation_hide_class}">
		<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
			<span class="icon"><i class="fa fa-comments-o"></i></span>
			<span class="text hidden-xl2">{mlw_reputation}</span>
		</a>
        <ul class="dropdown-menu" style="left:0!important;">
          <li><a href="/reviews_c2/dashboard"><i class="fa fa-comments-o"></i><span>{mlw_reputation}</span></a></li>
          <li><a href="/reviews_c2/reviews_list"><i class="fa fa-comments-o"></i><span>{clt_reviews_list}</span></a></li>
        </ul>

      </li>
      <li class="dropdown {recommendation_hide_class}">
        <a class="dropdown-toggle" href="/recommendations/recommendations_list" aria-expanded="false">
          <span class="icon"><i class="fa fa-tasks"></i></span>

          <span class="badge badge-deep-purple">{rec_count}</span>
          <span class="text  hidden-xl">{clt_menu_recommendations}</span>
        </a>
      </li>
      <li class="dropdown">
        <a class="dropdown-toggle" href="/reservation_c2/rlist/1" aria-expanded="false">
          <span class="icon"><i class="fa fa-list-ul"></i></span>
          <span class="text  hidden-sm2">{caption_reports}</span>
        </a>
      </li>


      <li class="dropdown">
        <a class="dropdown-toggle"  href="/admin_settings_c2/global_settings" aria-expanded="false">
          <span class="icon"><i class="fa fa-cog"></i></span>
          <span class="text  hidden-xl3">{caption_setup}</span>
        </a>
      </li>

      <li class="dropdown dropdown-lg {hms_version_1_class}">
        <a class="dropdown-toggle" href="/reservations/calendar/" aria-expanded="false">
          <span class="icon">
          <i class="fa fa-pencil-square-o"></i>
          </span>
          <span class="text hidden-sm1b">HMS v1.0</span>
        </a>
      </li>

      {supportres_workshop_html}

 <!--     <li class="hidden-sm hidden-md hidden-lg"><a href=""><span class="icon"><i class="ion-plus"></i></span><span class="text hidden-lg hidden-sm hidden-md">Add item</span></a></li>  -->
    </ul>
    <ul class="yamm nav navbar-nav navbar-right">
	{comands_control_block}
	<li class="dropdown {trial_days_felt_hide_class}" id="trial_period">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
          <span class="icon"><i class="ion-alert"></i></span>
          <span class="text hidden-xl4" style="">{clt_trial_days_left}: {trial_days_felt}</span>
          <span class="trial_icons hidden-xl4">{clt_trial_version}</span>
        </a>
	</li>

	
      <li class="dropdown" id="toolbar-search">
      		<form name="search_form" action="/reservation_c2/search" method="GET">
            <input type="text" name="search" class="form-control" placeholder="{caption_search}...">
            <button class="" type="submit"><i class="ion-search"></i></button>
            </form>
          </li>

      <li class="dropdown dropdown-lg">
        <a href="/chmanager_c2/uploadrooms">
        <!-- <a href="#" class="dropdown-toggle" data-toggle='dropdown' style="width:42px;"> -->
          <span class="icon"><i class="ion-ios-world"></i></span>
          <span class="text hidden-sm hidden-lg hidden-md">{caption_synchronization}</span>
          {str_max_dc_log_value}
          {str_count_dc_errors}
        </a>

        <div class="dropdown-menu notifications">
          <div class="dropdown-header clearfix">
            <span class="pull-left">
            {caption_state}: {dc_status}
            </span>
            <span class="pull-right">
            <a href="{button_dc_url}" class="pull-left">
            <i class="ion-android-done-all"></i>
            {dc_button_name}
            </a>
            </span>
          </div>
          <div class="scroll-pane" style="height:220px;">
            <ul class="media-list scroll-content">
            	<li>
					<span class="category-heading">{Канали}</span>
				</li>
				{dc_channels}
                <li class="media new">
                    <a href="{dc_url}">
                        <div class="media-body">
                            <!-- <img class="img-dark" src="{dc_logo_img_src}" alt=""> -->
                            <span class="name">{name} - {value}/{rate_value}</span>
                        </div>
                    </a>
                </li>
                {/dc_channels}

            </ul>
          </div>
          <div class="dropdown-header clearfix">
         	<span class="pull-left">
            <a href="/chmanager/syncstatus">{caption_synchronization}:</a>
            {sync_str}
            </span>
          </div>
          <div class="scroll-pane" style="height:220px;">
            <ul class="media-list scroll-content">
            	<li>
				<span class="category-heading">{Помилки}</span>
				</li>
				{dc_errors_list}
				<li class="media new">
					<a href="/">
						<div class="media-left">
							<span class="icon red"><i class="fa ion-close-round"></i></span>
						</div>
						<div class="media-body">
							<span class="name">Ошибка</span> {dc_name}
							<span class="time">{datetime}</span>
						</div>
					</a>
				</li>
				{/dc_errors_list}
            </ul>
          </div>



          <div class="dropdown-footer clearfix">
         	<span class="pull-right">
            {dc_errors_link}
            </span>
          </div>
        </div>
      </li>
      <li class="dropdown dropdown-lg">
        <a href="#" class="dropdown-toggle" data-toggle='dropdown'>
          <span class="icon"><i class="ion-android-mail"></i></span>
          <span class="text hidden-sm hidden-lg hidden-md">{caption_notices}</span>
          {show_isread_messages} {threads_count}
          <!-- <span class="label label-deep-purple hidden-lg hidden-sm hidden-md">text</span> -->
        </a>

        <div class="dropdown-menu notifications">
          <div class="dropdown-header clearfix">
            <span class="pull-left">{isread_messages_count} {caption_new_notices}</span>
            <span class="mark-read pull-right"><i class="ion-android-done-all"></i></span>
          </div>
          <div class="scroll-pane">
            <ul class="media-list scroll-content">
            {messages_list}
              <li class="media new">
                <a href="{url_mc}{message_id}/1">
                  <div class="media-left">
                    <span class="icon success"><i class="fa fa-envelope"></i></span>
                  </div>
                  <div class="media-body">
                    <span class="name">{subject_name}</span>
                    <span class="time">{message_time}</span><!--  2 {caption_mins_ago} -->
                  </div>
                </a>
              </li>
              {/messages_list}
              <!-- <li class="media new">
                <a href="#">
                  <div class="media-left">
                    <span class="icon purple"><i class="ion-android-sync"></i></span>
                  </div>
                  <div class="media-body">
                    <span class="name">{Просрочен заказ}</span>
                    <span class="time">{5 минут назад}</span>
                  </div>
                </a>
              </li>
              <li class="media">
                <a href="#">
                  <div class="media-left">
                    <span class="icon red"><i class="ion-close-round"></i></span>
                  </div>
                  <div class="media-body">
                    <span class="name">{Ошибка</span> {описание какой-то ошибки.}
                    <span class="time">{1 день назад}</span>
                  </div>
                </a>
              </li>

              <li class="media">
                <a href="#">
                  <div class="media-left">
                    <span class="icon info"><i class="ion-android-done"></i></span>
                  </div>
                  <div class="media-body">
                    <span class="name">{Овербукинг}</span>
                    <span class="time">{2 дня назад}</span>
                  </div>
                </a>
              </li>
               -->
            </ul>
          </div>
          <div class="dropdown-footer clearfix">
            <a href="{channel_msg_url}" class="pull-left">{caption_all_notices}</a>
            <a href="#" class="pull-right">{caption_setup}</a>
          </div>
        </div>
      </li>

		<li class="dropdown dropdown-lg">
			<a href="#" class="dropdown-toggle" data-toggle='dropdown'>
				<span class="icon"><i class="ion-help"></i></span>
				<span class="text hidden-sm hidden-lg hidden-md">{caption_help}</span>
			</a>
			<ul class="dropdown-menu">
				<li><span class="dropdown-header">{clt_help}</span></li>
				<li><a href="https://wiki.{company_url}/" target="_blank"><i class="ion-help"></i><span>FAQ</span></a></li>
				<li><a href="#" onclick="Open_Chat();"><i class="fa fa-commenting"></i><span><span class="help-chat-green">{clt_chat}</span></span>
					</a>
				</li>
				<li><div class="d0" id="lhc_status_container"></div></li>
				<li><a href="{support_mc_create_url}"><i class="fa fa-comment"></i><span>{clt_new_case}</span></a></li>
				<li class="{messages_class}"><a href="{support_mc_list_url}"><i class="fa fa-history"></i><span>{clt_case_history}</span></a></li>
				<!-- <li class="{messages_v2_class}"><a href="/messages_c2/support_msgs_list/1"><i class="fa fa-history"></i><span>{clt_case_history} V2</span></a></li> -->
			</ul>
		</li>

      <li class="dropdown username">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
          <span class="icon visible-xs"><i class="ion-android-person"></i></span>
          <span class="avatar"><img class="img-responsive img-rounded" src="/images/mw_avatar.png"></span>
        </a>
        <ul class="dropdown-menu">
          <li>
            <div class="userinfo">
              <span class="avatar"><img class="img-responsive img-circle" src="/images/mw_avatar_big.png"></span>
              <span class="name">{user_fullname}</span>
              <span class="email">{user_login}</span>
            </div>
          </li>
          <li role="separator" class="divider"></li>
          <li><a href="/users_c2/currentuedit/"><i class="ion-android-create"></i><span>{caption_change_profile}</span></a></li>
          <li role="separator" class="divider"></li>
          <li><a href="/login/DoLogOut"><i class="ion-arrow-right-c"></i><span>{caption_exit}</span></a></li>
        </ul>
      </li>

    </ul>
  </div><!-- /.navbar-collapse -->
</header>