<div class="header-content clearfix header-seat">
    <div id="header-title" class="pull-left">
        <i class="fa fa-th-large"></i> @lang("floor_manager.seat_list")
    </div>
    <div id="header-icons" class="pull-right clearfix">
        <i class="fa fa-search pull-left icons"></i>
        <div data-target="branch-page" class="pull-left header-select-box icons clearfix">
            <small class="pull-left" id="selected-branch-name"></small>
            <i class="fa fa-caret-down pull-left"></i>
        </div>
    </div>
</div>

<div class="header-content header-title-center header-select-seat">
    <div id="header-icons" class="pull-left clearfix">
        <i class="fa fa fa-chevron-left back-page-icon"></i>
    </div>
    <div id="header-title">
        @lang("floor_manager.select_seat")
    </div>
    <div id="header-other-icons" class="pull-right clearfix">
        <i class="fa fa-check" id="choose-seat-icon"></i>
    </div>
</div>

<div class="header-content header-title-center clearfix header-seat-info">
    <div id="header-icons" class="pull-left clearfix">
        <i class="fa fa-chevron-left close-page-icon"></i>
    </div>
    <div id="header-title" class="pull-left">
        <span></span>
    </div>
    <div id="header-other-icons" class="pull-right clearfix">
        <a class="btn btn-success btn-xs" id="add-cus-to-seat-btn">@lang('floor_manager.add_cus')</a>
    </div>
</div>

<div class="header-content header-title-center clearfix header-drink">
    <div id="header-icons" class="pull-left clearfix">
        <i class="fa fa-chevron-left close-page-icon"></i>
    </div>
    <div id="header-title" class="pull-left">
        @lang("floor_manager.choose_drink")
    </div>
    <div id="header-other-icons" class="pull-right clearfix">
        <i class="fa fa-check" id="save-choosen-drink"></i>
    </div>
</div>

<div class="header-content header-title-center clearfix header-tab">
    <div id="header-icons" class="pull-left clearfix">
        <i class="fa fa-chevron-left close-page-icon"></i>
    </div>
    <div id="header-title" class="pull-left">
    </div>
    <div id="header-other-icons" class="pull-right clearfix">
        <i class="fa fa-plus hide tab-r-icons" id="add-new-visit-cus"></i>
        <i class="fa fa-refresh hide tab-r-icons" id="refresh-reserves"></i>
    </div>
</div>

<div class="header-content header-title-center header-search">
    <div id="header-title">
        <i class="fa fa fa-chevron-left close-page-icon"></i>
        <input type="text" placeholder="@lang("floor_manager.search_seat_place")" id="header-search-input" />
    </div>
</div>

<div class="header-content header-title-center clearfix header-branch">
    <div id="header-icons" class="pull-left clearfix">
        <i class="fa fa-chevron-left close-page-icon"></i>
    </div>
    <div id="header-title" class="pull-left">
        @lang("floor_manager.stores")
    </div>
</div>

<div class="header-content header-title-center header-all-customers">
    <div id="header-icons" class="pull-left clearfix">
        <i class="fa fa fa-chevron-left back-page-icon"></i>
    </div>
    <div id="header-title">
        @lang("floor_manager.cus_visit_list")
    </div>
    <div id="header-other-icons" class="pull-right clearfix">
        <i class="fa fa-check" id="choose-cus-icon"></i>
    </div>
</div>

<div class="header-content header-title-center header-dialog">
    <div id="header-icons" class="pull-left clearfix">
        <b id="close-dialog-icon" style="font-size: 30px;display: block;margin-top: -19px">&times;</b>
    </div>
    <div id="header-title"></div>
    <div id="header-other-icons" class="pull-right clearfix">
        <i class="fa fa-check" id="ok-dialog-icon"></i>
    </div>
</div>

<div class="header-content header-title-center header-cus-info">
    <div id="header-icons" class="pull-left clearfix">
        <i class="fa fa-chevron-left back-page-icon"></i>
    </div>
    <div id="header-title">
        @lang("floor_manager.customer_info")
    </div>
    <div id="header-other-icons" class="pull-right clearfix">
        <i class="fa fa-save" id="save-cus-info-icon"></i>
    </div>
</div>

<div class="header-content header-title-center header-add-cus">
    <div id="header-icons" class="pull-left clearfix">
        <i class="fa fa-chevron-left back-page-icon"></i>
    </div>
    <div id="header-title">
        @lang("floor_manager.add_visit_cus")
    </div>
    <div id="header-other-icons" class="pull-right clearfix">
        <i class="fa fa-save" id="save-add-cus-icon"></i>
    </div>
</div>



<input id="hidden-keyboard-focus" type="text" style="width: 5px;height: 5px" class="hide" />