<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

    <t t-name="hotel_calendar.HotelCalendarView">
        <div class="col-xs-12 col-md-12 nopadding o_hotel_calendar_view">
            <div class="col-lg-2 hidden-xs hidden-sm" id="pms-menu">
                <div class="row nopadding menu-date-box">
                    <div class="form-group nopadding col-xs-8 col-md-8">
                        <div class="input-group date" id="date_begin">
                            <input type="text" class="o_datepicker_input form-control" name="date_begin" required="required"/>
                            <span class="input-group-addon">
                                <span class="fa fa-calendar"></span>
                            </span>
                        </div>
                    </div>
                    <div class="form-group nopadding col-xs-4 col-md-4">
                        <input id="date_end_days" required="required" class="pull-right" />
                    </div>
                </div>
                <div class="col-xs-12 col-md-12 nopadding menu-button-box">
                    <div class="col-xs-6 col-md-6" id="btn_action_checkout">
                        <button class="btn btn-default col-xs-12 col-md-12 button-box" data-action="hotel_calendar.hotel_reservation_action_checkout">
                            <i class="fa fa-fw o_button_icon fa-sign-out"> </i>
                            <div class="o_button_text">
                                <span class="ninfo">0</span><br/>
                                <span class="text-hidden-xs">Checkouts</span>
                            </div>
                        </button>
                    </div>
                    <div class="col-xs-6 col-md-6" id="btn_action_checkin">
                        <button class="btn btn-default col-xs-12 col-md-12 button-box" data-action="hotel_calendar.hotel_reservation_action_checkin">
                            <i class="fa fa-fw o_button_icon fa-sign-in"> </i>
                            <div class="o_button_text">
                                <span class="ninfo">0</span><br/>
                                <span class="text-hidden-xs">Checkins</span>
                            </div>
                        </button>
                    </div>
                    <div class="col-xs-6 col-md-6" id="btn_swap">
                        <button class="btn btn-default col-xs-12 col-md-12 button-box">
                            <div class='led led-disabled'></div>
                            <i class="fa fa-fw o_button_icon fa-retweet"> </i>
                            <div class="o_button_text">
                                <span class="text-hidden-xs ntext">Start Swap</span>
                            </div>
                        </button>
                    </div>
                    <div class="col-xs-6 col-md-6" id="btn_action_control">
                        <button class="btn btn-default col-xs-12 col-md-12 button-box" data-action="hotel.open_wizard_reservations">
                            <i class="fa fa-fw o_button_icon fa-magic"> </i>
                            <div class="o_button_text">
                                <span class="text-hidden-xs">Wizard</span>
                            </div>
                        </button>
                    </div>
                    <div class="col-xs-6 col-md-6" id="btn_action_overbooking">
                        <button class="btn btn-default col-xs-12 col-md-12 button-box">
                            <div class='led led-disabled'></div>
                            <i class="fa fa-fw o_button_icon fa-clock-o"> </i>
                            <div class="o_button_text">
                                <span class="ninfo">0</span><br/>
                                <span class="text-hidden-xs">Overbook.</span>
                            </div>
                        </button>
                    </div>
                    <div class="col-xs-6 col-md-6" id="btn_action_cancelled">
                        <button class="btn btn-default col-xs-12 col-md-12 button-box">
                            <div class='led led-disabled'></div>
                            <i class="fa fa-fw o_button_icon fa-calendar-times-o"> </i>
                            <div class="o_button_text">
                                <span class="ninfo">0</span><br/>
                                <span class="text-hidden-xs">Cancelled</span>
                            </div>
                        </button>
                    </div>
                    <div class="col-xs-6 col-md-6" id="btn_action_divide">
                        <button class="btn btn-default col-xs-12 col-md-12 button-box">
                            <div class='led led-disabled'></div>
                            <i class="fa fa-fw o_button_icon fa-scissors"> </i>
                            <div class="o_button_text">
                                <span class="text-hidden-xs">Divide</span>
                            </div>
                        </button>
                    </div>
                    <div class="col-xs-6 col-md-6" id="btn_action_unify">
                        <button class="btn btn-default col-xs-12 col-md-12 button-box">
                            <div class='led led-disabled'></div>
                            <i class="fa fa-fw o_button_icon fa-compress"> </i>
                            <div class="o_button_text">
                                <span class="text-hidden-xs">Unify</span>
                            </div>
                        </button>
                    </div>
                </div>
                <div class="col-xs-12 col-md-12 nopadding menu-search-box">
                    <div class="input-group">
                        <input type="edit" id="bookings_search" placeholder="Name, Mail, Vat, Book..." class="form-control extra-search" />
                        <span class="input-group-addon bg-primary">
                            <span class="fa fa-search"></span>
                        </span>
                    </div>
                    <button class="btn btn-primary col-xs-6 col-md-6" id="btn_action_bookings">
                        Books
                    </button>
                    <button class="btn btn-primary col-xs-6 col-md-6" id="btn_action_checkins">
                        Checkins
                    </button>
                    <button class="btn btn-primary col-xs-6 col-md-6" id="btn_action_invoices">
                        Invoices
                    </button>
                    <button class="btn btn-primary col-xs-6 col-md-6" id="btn_action_folios">
                        Folios
                    </button>
                </div>
                <div class="col-xs-12 col-md-12 nopadding menu-filter-box">
                    <h4 data-toggle="collapse" data-target="#filters"><i class="fa fa-chevron-circle-right"></i> Filters</h4>
                    <div id="filters" class="collapse">
                        <select class="form-control" id="type_list" placeholder="Select Segmentation..." multiple="multiple"/>
                        <select class="list form-control" id="floor_list" placeholder="Select Location..." multiple="multiple"/>
                        <select class="list form-control" id="amenities_list" placeholder="Select Amenities..." multiple="multiple"/>
                        <select class="list form-control" id="virtual_list" placeholder="Select Type..." multiple="multiple"/>
                        <div class="filter-record col-xs-12 col-md-12" style="padding:4px">
                            <div class="col-xs-8 col-md-8 nopadding">
                                <input type="edit" id="calendar_name" class="form-control" />
                            </div>
                            <div class="col-xs-2 col-md-2 nopadding">
                                <button class="btn btn-primary col-xs-12 col-md-12" id="btn_save_calendar_record">
                                    <i class="fa fa-fw fa-save"> </i>
                                </button>
                            </div>
                            <div class="col-xs-2 col-md-2 nopadding">
                                <button class="btn btn-primary col-xs-12 col-md-12" id="btn_reload_calendar_filters">
                                    <i class="fa fa-fw fa-refresh"> </i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-10 nopadding" id="pms-calendar">
                <div id="hcal_widget" class="col-xs-12 col-md-12 nopadding" />
            </div>
        </div>
    </t>

</templates>
