<section class="content">
    <div class="row">
        <div class="col-sm-12">
            <div class="tabbable">
                <div class="tab-content no-border padding-24">
                    <div class="tab-pane fade in active" id="faq-tab-1">
                        <div class="space-8"></div>
                        <div class="panel-group accordion-style1 accordion-style2" id="faq-list-1">
                            <div class="panel panel-default">
                                <div class="panel-headingnew"><?php echo $this->translate('Hotel Room Information'); ?> </div>
                                <div class="left_panel col-sm-12 padding_margin0 pull-left bgwhite">
                                    <?php
                                    $form = $this->form;
                                    $form->prepare();
                                    $form->setAttribute('action', $this->url('hotel', ['action' => 'edit-room-hotel']));
                                    $form->setAttribute('method', 'post');
                                    echo $this->form()->openTag($form);
                                    ?> 
                                    <div class="col-sm-12  " align="right">
                                        <div class="tool-bar margin">
                                            <div style="text-align: right" class="col-md-8 pull-right">
                                                <a href="<?php echo $this->url('hotel', array('action' => 'index')); ?>" id="system_restore" class="btn btn-danger"><i class="fa fa-backward"></i><?php echo $this->translate('Back'); ?> </a>
                                                <a href="#" class="reset_btn btn btn-success"><i class="fa fa-retweet"></i><?php echo $this->translate('Reset'); ?> </a>
                                                <?php echo $this->FormElement($form->get('submit')); ?></div>
                                        </div>       
                                    </div>
                                    <?php echo $this->partial('hotel-menu.phtml'); ?>
                                    <div class="tab-content tab_editprofile col-sm-10 padding-left0 marginbott10px margintop10px">
                                        <div id="common-tab" class="tab-pane fade in tab_editprofile tab_editprofile1 active">
                                            <?php echo $this->partial('hotel-room-information.phtml'); ?>
                                        </div>
                                        
                                    </div>
                                    
                                    <div class="col-sm-12  " align="right">
                                        <div class="tool-bar margin">
                                            <div style="text-align: right" class="col-md-8 pull-right">
                                                <a href="<?php echo $this->url('hotel', array('action' => 'index')); ?>" id="system_restore" class="btn btn-danger"><i class="fa fa-backward"></i><?php echo $this->translate('Back'); ?> </a>
                                                <a href="#" class="reset_btn btn btn-success"><i class="fa fa-retweet"></i><?php echo $this->translate('Reset'); ?> </a>
                                                <?php echo $this->FormElement($form->get('submit')); ?>
                                            </div>
                                        </div>       
                                    </div>
                                    
                                    
                                    
                                    
                                    
                                    <?php echo $this->FormElement($form->get('id')); ?>
                                    <?php echo $this->form()->closeTag(); ?>   
                                </div>
                            </div>
                            
                             <?php echo $this->partial('hotel-room-upload-images.phtml'); ?>
                </div>
                            
                            
                            <br/>
                            <br/>
                             <br/>
                            <div class="tool-bar margin-bottom margintopnew40">
                                <?php echo $this->partial('hotel-room-middle-links.phtml'); ?>
                            </div>
                            <span class="checkbox_error"></span>
                            <div class="panel panel-default">
                                <div class="panel-headingnew"> View/Update Records </div>
                                <div id="faq-1-3" class="panel-collapse collapse in" aria-expanded="false">
                                    <div class="box">
                                        <!-- /.box-header -->
                                        <div class="box-body table-responsive listing-data">
                                            <?php echo $this->partial('hotel-room-listing.phtml'); ?>
                                        </div>
                                        <!-- /.box-body -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="modal fade" id="imageCrop" tabindex="-1" role="dialog" aria-labelledby="avatar-modal-label" aria-hidden="true">
    <div class="modal-dialog modal-lg">

        <div class="modal-content">

            <form class="cropimage" method="post" enctype="multipart/form-data" action="<?php echo $this->url("hotel", array('action' => 'uploadRoomImage')) ?>">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="modal-title text-center" id="avatar-modal-label" >Post Picture</h4>
                    <h5 class="text-center text-info">Please select image for crop</h5>
                </div>

                <input type="file" name="photoimg" class="photoimg" />
                <input type="hidden" name="hdn-profile-id" class="hdn-profile-id" value="1" />
                <input type="hidden" name="hdn-x1-axis" class="hdn-x1-axis" value="" />
                <input type="hidden" name="hdn-y1-axis" class="hdn-y1-axis" value="" />
                <input type="hidden" name="hdn-x2-axis" value="" class="hdn-x2-axis" />
                <input type="hidden" name="hdn-y2-axis" value="" class="hdn-y2-axis" />
                <input type="hidden" name="hdn-thumb-width" class="hdn-thumb-width" value="" />
                <input type="hidden" name="hdn-thumb-height" class="hdn-thumb-height" value="" />
                <input type="hidden" name="action" value="" id="action" />
                <input type="hidden" name="loc" value="" id="loc" />
                <input type="hidden" name="image_name" value="" class="image_name" />
                <input type="hidden" name="crop_enabled" value="no" class="crop_enabled" />

                <div class='preview-avatar-profile' style="position:relative;">
                </div>
                <div id="thumbs" style="padding:5px; width:600p"></div>
                <div class="modal-footer">
                    <button class="btn btn-default close-modal-btn" type="button" data-dismiss="modal">Close</button>
                    <button type="button" class="btn-crop-room btn btn-primary">Crop & Save</button>
                </div>
            </form>
        </div>
    </div>
</div>