<?php $this->view('ajax_loading_v'); ?>

<?php if (isset($msg_text)): ?>
    <script type="text/javascript">
        $(function(){
            var msg_text = "<?php echo $msg_text; ?>";
            $.facebox(msg_text);
        });
    </script>
<?php endif; ?>

<script type="text/javascript">
    $(function(){
        $('#alert_frm').css('display', 'none');
        $("#myform").validate();
        
        $('input.right').formatCurrency();
        $('.thumbnails a').lightBox();
        
        $('#li_tab2').click(function(){
            if($('#id').val()==''){
                $('#li_tab1').click();
                alert('คุณต้องบันทึกรายการก่อน จึงจะอัพโหลดภาพห้องประชุมได้ !!');
            }
        });      
    });

    function save(){
        var p = {};
        p['id'] = $('#id').val();
        p['name'] = $('#name').val();
        $.ajax({
            data:p,
            url:"<?php echo site_url('room/ajax_validate') ?>",
            type:'POST',
            dataType:'json',
            success: function(data){
                if(data.msg=='1'){
                    $('#alert_frm').text(data.msg_text).show();
                }else{
                    $('#myform').submit();
                }
            },
            error:function(){
                alert('ไม่สามารถทำรายการได้ !!');
            }
        });
        return false;
    }
</script>
<div class="textbox">
    <div class="toolbar">
        <div class="pull-left title"><?php echo $page_title; ?></div>
        <div class="pull-right">
            <?php echo anchor('room/news', "<i class='icon-plus'></i> เพิ่มข้อมูล", array('class' => 'btn')); ?>
            <a href="#" class="btn" onclick="return save();"><i class="icon-hdd"></i> บันทึกข้อมูล</a>
            <?php echo anchor('room', "<i class='icon-remove-circle'></i> ปิด", array('class' => 'btn')); ?>
        </div>
        <div class="clear"></div>
    </div>
    <div class="textbox_content">
        <ul class="tabs">
            <li id="li_tab1"><a href="#tab1">รายละเอียด</a></li>
            <li id="li_tab2"><a href="#tab2">ภาพห้องประชุม</a></li>
        </ul>
        <div class="tab_container">
            <div id="tab1" class="tab_content">
                <div class="alert alert-error" style="display:none" id="alert_frm"></div>
                <?php echo form_open('room/save', array('id' => 'myform')); ?>
                <input type="hidden" id="id" name="id" value="<?php echo @$row['id']; ?>"/>
                <table border="0" cellpadding="4" cellspacing="1" class="tblform">
                    <tbody>
                        <tr>
                            <td class="td1" width="150">ชื่อห้องประชุม :<span class="required">*</span></td>
                            <td><input type="text" class="txt required"  id="name" name="name" style="width:300px;" value="<?php echo @$row['name']; ?>"/></td>
                        </tr>
                        <tr>
                            <td class="td1">ขนาดห้องประชุม :</td>
                            <td>
                                <input type="text" name="room_size" value="<?php echo @$row['room_size']; ?>"/><span class="comment"> เช่น 3x4 เมตร</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td1">จำนวนที่นั่ง :</td>
                            <td>
                                <input type="text" class="right" name="sit_amount" style="width:100px;" value="<?php echo @$row['sit_amount']; ?>"/> ที่นั่ง
                            </td>
                        </tr>
                        <tr>
                            <td class="td1">รายละเอียดอื่นๆ :</td>
                            <td>
                                <textarea rows="4" style="width:90%" name="description" class="txt"><?php echo @$row['description']; ?></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td class="td1">จองล่วงหน้า :</td>
                            <td>
                                <input type="text" class="right" name="pre_hours" style="width:100px;" value="<?php echo @$row['pre_hours']; ?>"/> ชั่วโมง <span class="comment">(ค่า 0 ไม่ต้องกำหนดการจองล่วงหน้า)</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td1">สถานะห้อง :</td>
                            <td>
                                <select name="status" style="width:160px">
                                    <option value="0" <?php echo (@$row['status'] == '0') ? 'selected' : ''; ?>>จองได้</option>
                                    <option value="1" <?php echo (@$row['status'] == '1') ? 'selected' : ''; ?>>อยู่ระหว่างปรับปรุง</option>
                                    <option value="2" <?php echo (@$row['status'] == '2') ? 'selected' : ''; ?>>งดจอง</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <hr/>
                                <h4>ผู้รับผิดชอบอุปกรณ์ห้องประชุม</h4>
                            </td>
                        </tr>
                        <tr>
                            <td class="td1" width="150">ชื่อผู้รับผิดชอบ :</td>
                            <td>
                                <input type="text" class="txt" name="ma_name" value="<?php echo @$row['ma_name']; ?>" style="width: 300px" maxlength="100"/>
                            </td>
                        </tr>
                        <tr>
                            <td class="td1" valign="top">อีเมลล์ :</td>
                            <td>
                                <input type="text" class="txt" name="ma_email" value="<?php echo @$row['ma_email']; ?>" style="width: 300px" maxlength="100"/>
                                <div class="alert alert-info">ระบบจะแจ้งรายการเตรียมอุปกรณ์ไปยังอีเมลล์นี้เมื่อมีการจองห้องประชุม (ในกรณีที่ต้องการใช้อุปกรณ์)</div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <?php echo form_close(); ?>
            </div>
            <div id="tab2" class="tab_content">
                <div style="padding-bottom:5px"><strong>ห้องประชุม: <?php echo @$row['name']; ?></strong></div>
                <p>ไฟล์ภาพนามสกุล <b>gif, jpg และ png</b> และควรปรับขนาดภาพให้มีขนาดความกว้างไม่เกิน 650 pixel ความสูงไม่เกิน 488 pixel ขนาดไฟล์ไม่ควรเกิน 2 MB</p>
                <?php echo form_open_multipart('room/upload'); ?>
                <table class="tblform" cellpadding="0" cellspacing="1" width="100%">
                    <input type="hidden" name="id" value="<?php echo @$row['id']; ?>"/>
                    <tr>
                        <td class="td1" width="150">ภาพประกอบ 1 :</td>
                        <td class="td2"><input type="file" name="fileUpload[]" size="40" accept="gif|jpg|png" /></td>
                    </tr>
                    <tr>
                        <td class="td1">ภาพประกอบ 2 :</td>
                        <td class="td2"><input type="file" name="fileUpload[]" size="40" accept="gif|jpg|png" /></td>
                    </tr>
                    <tr>
                        <td class="td1">ภาพประกอบ 3 :</td>
                        <td class="td2"><input type="file" name="fileUpload[]" size="40" accept="gif|jpg|png" /></td>
                    </tr>
                    <tr>
                        <td class="td1">ภาพประกอบ 4 :</td>
                        <td class="td2"><input type="file" name="fileUpload[]" size="40" accept="gif|jpg|png" /></td>
                    </tr>
                    <tr>
                        <td class="td1"></td>
                        <td class="td2"><input type="submit" class="btn btn-primary" value="อัพโหลด" style="padding:5px 20px"/></td>
                    </tr>
                </table>
                <hr/>
                <ul class="thumbnails">
                    <?php for ($i = 1; $i < 5; $i++): ?>
                        <?php if (@$row['picture' . $i] != ''): ?>
                            <li class="span2">
                                <a class="thumbnail" href="<?php echo base_url(); ?>assets/upload/<?php echo $row['picture' . $i] . "?" . rand(0, 9999); ?>" title="ภาพห้องประชุม" >
                                    <img src="<?php echo base_url(); ?>assets/upload/<?php echo $row['picture' . $i] . "?" . rand(0, 9999); ?>" style="width:140px;height:109px"/>
                                </a>
                            </li>
                        <?php endif ?>
                    <?php endfor ?>
                </ul>
                <?php echo form_close(); ?>
                <div class="clr"></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
