<div class="page seat-page-content">
    
</div> <!--seat-page-content-->

<div class="page select-seat-page-content">
    <div id="header-select-seat-content">
        <div class="content-search-box">
            <input type="text" id="search-seat-input" placeholder="@lang('floor_manager.search_seat')" />
            <i class="fa fa-search"></i>
            <small class="fa fa-times-circle clear-search" id="clear-search-seat"></small>
        </div>
    </div>

    <div id="select-seat-container">
    </div>
</div> <!--seat-seat-page-content-->

<div class="page seat-info-page-content">
    <div id="header-seat-page-content" class="clearfix"></div>
    <div id="content-seat-page-cus"></div>
</div> <!--seat-info-page-content-->

<div class="page branch-page-content">
   
</div> <!--branch-page-content-->

<div class="page search-page-content">
    Tìm kiếm
</div> <!--search-page-content-->

<div class="page all-customer-page-content">
    <div class="content-tab clearfix" style="display: none">
        <li data-type="0" style="width: 50%">
            <span>@lang('floor_manager.visit')</span>
        </li>
        <li class="active" data-type="1" style="width: 50%">
            <span>@lang('floor_manager.all')</span>
        </li>
        <div class="active-item-border"></div>
    </div>

    <div id="header-all-customer-content">
        <div class="content-search-box">
            <input type="text" id="search-customer-input" placeholder="@lang('floor_manager.search_cus')" />
            <i class="fa fa-search"></i>
            <small class="fa fa-times-circle clear-search" id="clear-search-customer"></small>
        </div>
        <div class="filter-group-box clearfix">
            <div class="filter-box-content" style="width: 700px">
                <li class="active" data-type="-1">
                    @lang('floor_manager.all')
                    <small>(0)</small>
                </li>
                <li data-type="0">@lang('floor_manager.visit')</li>
                <li data-type="7">@lang('floor_manager.reserve')</li>
                <li data-type="2">@lang('floor_manager.custody')</li>
                <li data-type="3"> @lang('floor_manager.goout')</li>
                <li data-type="4">@lang('floor_manager.done')</li>
                <li data-type="1">@lang('floor_manager.on_seat')</li>
            </div>
        </div>
    </div>
    <div id="customers-all-customer-content">
    </div>
</div> <!--search-page-content-->

<div class="page drink-page-content">
    <div class="clearfix">
        <div class="padding10">
            <span class="pull-left">
                @lang('floor_manager.is_drink_water')
            </span>
            <label class="pull-right text-right" style="width: 50px; margin-top: -3px">
                <div class="switch">
                    <input type="checkbox" id="d_is_drink_water" class="custom-switch" />
                    <span class="slider round"></span>
                </div>
            </label>
        </div>
    </div>

    <div class="bg-white padding10" style="margin-top: 5px">
        <div class="form-group">
            <label>
                @lang('floor_manager.number_of_visitors')
            </label>
            <div class="input-group" style="width: 100%">
                <input type="number" class="form-control" min="0" id="d_num_of_visitors" />
            </div>
        </div>

        <label>
            @lang('floor_manager.drink_water')
        </label>
        <div id="drink-choosen-list"></div>
        <div id="drink-list-container"></div>
    </div>
</div> <!--drink-page-content-->

<div class="page tab-visit-page-content">
    <div class="content-tab clearfix">
        <li class="active" data-type="0" style="width: 50%">
            <span>@lang('floor_manager.visit')</span>
        </li>
        <li data-type="1" style="width: 50%">
            <span>@lang('floor_manager.all')</span>
        </li>
        <div class="active-item-border"></div>
    </div>
    <div class="tab-items clearfix"></div>
</div> <!--tab-visit-page-content-->

<div class="page tab-reserve-page-content">
    <div class="tab-items clearfix"></div>
</div> <!--tab-reserve-page-content-->

<div class="page tab-custody-page-content">
    <div class="tab-items clearfix"></div>
</div> <!--tab-custody-page-content-->

<div class="page tab-goout-page-content">
    <div class="tab-items clearfix"></div>
</div> <!--tab-goout-page-content-->

<div class="page tab-done-page-content">
    <div class="tab-items clearfix"></div>
</div> <!--tab-done-page-content-->

<div class="page dialog-page-content">
    <div id="dialog-page-content-text"></div>
</div> <!--dialog-page-content-->

<div class="page cus-info-page-content">
    <div id="cus-info-container">
        <br />
        <div class="container">
            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.customer_name")
                        <div class="input-group">
                            <input type="text" class="form-control my-control" name="customerName" />
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.car_code")
                        <div class="input-group">
                            <div class="row">
                                <div class="col-xs-10" style="padding-right: 0px">
                                    <input type="text" class="form-control my-control" name="plate"/>
                                </div>
                                <div class="col-xs-2" style="padding-left: 0px">
                                    <button class="btn btn-success" id="search-cus-btn" style="width: 95%;height: 34px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;-o-border-radius: 0px;-ms-border-radius: 0px">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.staff")
                        <div class="input-group">
                            <select name="staff" id="staff-select-box" class="form-control my-control"></select>
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.destination")
                        <div class="input-group">
                            <select name="purpose" id="destination-select-box" class="form-control my-control"></select>
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.sa")
                        <div class="input-group">
                            <select name="sa" id="sa-select-box" class="form-control my-control"></select>
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.number_of_visitors")
                        <div class="input-group">
                            <input type="text" class="form-control my-control" name="numberOfVisitors" />
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.date_to")
                        <div class="input-group">
                            <input type="date" class="form-control my-control" name="date_to" />
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.time_to")
                        <div class="input-group">
                            <input type="time" class="form-control my-control" placeholder="HH:mm" name="time_to" />
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.delivery_date")
                        <div class="input-group">
                            <input type="date" class="form-control my-control" name="delivery_date" />
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        <span id="timeout-label">@lang("floor_manager.time_out")</span>
                        <div class="input-group">
                            <input type="time" class="form-control my-control" name="time_out" placeholder="HH:mm" />
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.insurrance")
                        <div class="input-group">
                            <select name="insurranceId" id="insurrance-select-box" class="form-control my-control"></select>
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.loan_car")
                        <div class="input-group">
                            <select name="loanCarId" id="loan-car-select-box" class="form-control my-control"></select>
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.car_type")
                        <div class="input-group">
                            <input type="text" class="form-control my-control" name="carType" />
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.carcolor")
                        <div class="input-group">
                            <input type="text" class="form-control my-control" name="carColor" />
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.birthday")
                        <div class="input-group">
                            <input type="date" class="form-control my-control" name="birthday" />
                        </div>
                    </label>
                </div>
                

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.phone_number")
                        <div class="input-group">
                            <input type="tel" class="form-control my-control" name="phone" />
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        Email
                        <div class="input-group">
                            <input type="email" class="form-control my-control" name="email" />
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.city")
                        <div class="input-group">
                            <select class="form-control my-control" name="cityID" id="city-select-box"></select>
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.district")
                        <div class="input-group">
                            <select class="form-control my-control" name="districtID" id="district-select-box"></select>
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.address")
                        <div class="input-group">
                            <input type="text" class="form-control my-control" name="address" />
                        </div>
                    </label>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.km")
                        <div class="input-group">
                            <input type="number" class="form-control my-control" name="km" />
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.sex")
                        <div class="input-group">
                            <select name="sex" class="form-control my-control">
                                <option value="1">@lang('floor_manager.male')</option>
                                <option value="2">@lang('floor_manager.female')</option>
                                <option value="3">@lang('floor_manager.other')</option>
                            </select>
                        </div>
                    </label>

                    
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.note")
                        <div class="input-group">
                            <textarea class="form-control my-control" name="note" style="resize: none"></textarea>
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        <div class="clearfix">
                            <label class="form-group checkbox-box pull-left" style="margin-top: 8px">
                                <input type="checkbox" class="my-control" name="custody" /> @lang("floor_manager.have_storage")
                            </label>
                        </div>
                    </label>
                </div>
            </div>

            
        </div>
    </div>
</div> <!--cus-info-page-content-->

<div class="page add-cus-page-content">
    <div class="content-search-box" style="position: fixed;top: 45px;z-index:5">
        <input type="text" id="search-add-cus-input" placeholder="@lang('floor_manager.search_cus')" />
        <i class="fa fa-search"></i>
        <small class="fa fa-times-circle clear-search" id="clear-search-add-cus"></small>
    </div>

    <div id="add-cus-container" style="margin-top: 55px">
        <div class="container">
            <input type="hidden" name="customer_id" />

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.customer_name") (*)
                        <div class="input-group">
                            <input type="text" class="form-control" name="customerName" />
                        </div>
                    </label>
                </div>

                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.car_code") (*)
                        <div class="input-group">
                            <input type="text" class="form-control" name="plate" />
                        </div>
                    </label>
                </div>
               
            </div> <!-- bàn -->

            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.staff") (*)
                        <div class="input-group">
                            <select name="staff" id="staff-select-box2" class="form-control"></select>
                        </div>
                    </label>
                </div>
                
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.time_to")
                        <div class="input-group">
                            <input type="time" placeholder="HH:mm" class="form-control" name="time_to" />
                        </div>
                    </label>
                </div>
            </div> <!-- Nhân viên phụ trách -->

            
            <div class="row">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.phone_number")
                        <div class="input-group">
                            <input type="tel" class="form-control" name="phone" />
                        </div>
                    </label>
                </div>
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        Email
                        <div class="input-group">
                            <input type="email" class="form-control" name="email" />
                        </div>
                    </label>
                </div>
            </div> <!-- Điện thoại -->


            <div class="row form-group">
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.sex")
                        <div class="input-group">
                            <select name="gender" class="form-control">
                                <option value="1">@lang("floor_manager.male")</option>
                                <option value="2">@lang("floor_manager.female")</option>
                                <option value="3">@lang('floor_manager.other')</option>
                            </select>
                        </div>
                    </label>

                </div>
                
                <div class="col-sm-6 form-group">
                    <label class="form-label">
                        @lang("floor_manager.car_type")
                        <div class="input-group">
                            <input type="text" class="form-control" name="carType" />
                        </div>
                    </label>
                </div>
            </div> <!-- Nước uống -->
        </div>
    </div>

</div> <!--add-cus-page-content-->