{include file='hotel_room_top.html'}

{literal}
<style type="text/css">
    .father{
        overflow:scroll; 
        width:900px; 
        height:auto; 
        zoom:2; 
        margin-left:auto; 
        margin-right:auto; 
        margin-top: 20px;
    }
</style>
<script type="text/javascript">
    function fun_showroom(obj) {
        var order_id = $("#order_id").val();
        var starttime = $("#endtime").val();
        var endtime = $("#start_date").val();
        $.post("index.php?ac=hotel_room_showRommList",{orderid:order_id,start_time:starttime,endtime:endtime},function(data){
            if (data.num == 1) {
                alert("延住到的日期必须大于退房时间！");
                $(obj).val(data.date);
            } else {
                var newdiv = "";
                $.each(data.date,function(index,arr){
                    if (index == 0) {
                        newdiv += '<thead>'+
                            '<tr><th style="padding:6px 0px;margin:0;text-align:center;background:none;vertical-align:middle;font-size:12px;"></th>'+
                            '<th style="padding:6px 0px;margin:0;text-align:center;background:none;vertical-align:middle;font-size:12px;">'+arr.title+'</th>';

                        $.each(arr.day,function(j,Narr){
                            newdiv +='<th style="padding:6px 10px;margin:0;text-align:center;background:none;vertical-align:middle;font-size:12px;">'+Narr+'</th>';
                        });
                        newdiv += '</tr></thead>';
                    } else {
                        if (index == 1) {
                            newdiv += "<tbody>";
                        }
                        newdiv +=' <tr class="gradeA"><td style="border-right:1px solid #EEEEEE;font-size:12px;text-align:center"><input type="checkbox" name="room[]" value="'+arr.room_id+'" /></td>'+
                            '<td style="border-right:1px solid #EEEEEE;font-size:12px;text-align:center">'+arr.title+'</td>' ;
                        $.each(arr.day,function(j,Narr){
                            if (Narr == 0) {
                                newdiv += '<td style="border-right:1px solid #EEEEEE;font-size:12px;text-align:center">空闲</td> ' ;
                            } else {
                                newdiv += '<td style="border-right:1px solid #EEEEEE;font-size:12px;text-align:center"><a href="javascript:void(0);" onclick="updateroom('+arr.room_id+','+j+')"><font color="red">占用</font></a></td> ' ;
                            }
                        });
                        newdiv += '</tr>';
                       
                    }
                });
                newdiv += "</tbody>";
                $("#listTable").empty();
                $("#listTable").append(newdiv);
            }
        },'json');
    }
    
    function updateroom(roomid,days) {
        var order_id = $("#order_id").val();
        $.post("index.php?ac=hotel_room_chaneRoom",{orderid:order_id,room_id:roomid,days:days},function(data){
            if (data == 1) {
                fun_showroom();
            }
        },'json');
    }
</script>
{/literal}
<section id="container" class="container_12" style="width:99%;margin-left:1%;">
    <section id="searchTable" class="grid_12">
        <div class="box">
            <div class="title">
                <span class="icon16_sprite i_red_cross"></span>
                延住
            </div>
            <div class="inside">
                <div class="in">
                    {if $success eq '延住成功'}
                    <div style="height:20px;">
                        <section  id="container" class="container_12">
                            <section class="grid_12">
                                <div class="box" style="border:none;margin:0;padding:0">
                                    <div class="small_alert succes"><strong>系统提示： </strong>延住成功</div>
                                </div>
                            </section>
                            <div class="clear"></div>
                        </section>
                    </div>
                    {/if}
                    {if $resRoomId.order_id neq ''}
                    <form action="index.php?ac=hotel_room_extendedtime&cid=80" method="post" >
                        <section class="grid_12" style="height:51px;line-height:50px">
                            <div class="grid-4-12" style="width:126px">
                                <label style="text-align:right;font-weight: 700">订单号：  </label>
                            </div>
                            <div class="grid-8-12" style="margin-left:0;padding-left:0;">
                                <input id="order_id" type="text" value="{$resRoomId.order_id}" name="order_id" readonly="readonly" style="width:100%;border:0;background:none;">
                            </div>					
                        </section>

                        <section class="grid_12" style="height:51px;line-height:50px">
                            <div class="grid-4-12" style="margin-left:0;padding-left:0;">
                                <label style="text-align:center;font-weight: 700">改订单下所有房号 </label>
                            </div>					
                        </section>

                        <section class="grid_12" style="height:51px;line-height:50px">
                            <div class="grid-4-12" style="width:126px">
                                <label style="text-align:right;font-weight: 700">延住到：  </label>
                            </div>
                            <div class="grid-8-12" style="margin-left:0;padding-left:0;">
                                <input type="text" name="start_date" id="start_date" value="{$start_date}" {literal}onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"{/literal}  style="border:1px solid #e7e7e7;background:#fff; width:160px; height:25px;" readonly onchange="fun_showroom(this)" />
                                       <font style="margin-left:20px;">延住到的时间必须大于{$resRoomId.checkout_time|sdate}</font>
                            </div>					
                        </section>

                        {if !$isMobile}
                        {literal}
                        <script type="text/javascript">
                            function initRoomCheckInOutB() {
                                var pc = new YAHOO.widget.PopDateRangeCalendar("starttime", "endtime", "checkin-container", "checkout-container", 1);
                            };
                            YAHOO.util.Event.onContentReady ("checkout-container", initRoomCheckInOutB);
                        </script>
                        {/literal}
                        {/if}
                        <input type="hidden" id="endtime" name="endtime" style="width:70px;" value="{$resRoomId.checkout_time|sdate}" class="formText" />
                        <section class="grid_12 father">
                            <table id="listTable" class="display">							
                            </table>
                        </section>
                        <section style="height:50px;" class="box_footer">
                            <div class="grid-6-12" style="margin:0;padding:0"></div>
                            <div class="grid-6-12" style="margin:6px 0 0;padding:0">
                                <input type="submit" class="button red right" value="确  定" />           
                            </div>
                            <div class="clear"></div>
                        </section>	
                    </form>
                    {else}
                    <section class="grid_12" style="height:51px;line-height:50px">
                        <div class="grid-4-12" style="margin-left:0;padding-left:0;">
                            <label style="text-align:center;font-weight: 700">该房间没有入住 </label>
                        </div>					
                    </section>
                    {/if}
                </div>
                <div class="clear"></div>

            </div>
        </div>	
    </section>
</section>
{if $isnull eq 1}
{literal}
<script type="text/javascript">
    $(document).ready(function(){
        alert("延住成功");
    });
</script>
{/literal}
{/if}
<script type="text/javascript" src="/statics/hack/My97DatePicker/WdatePicker.js"></script>
</body>
</html>