<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">Sightseeing Images</div>
                                <div class="left_panel col-sm-12 padding_margin0 pull-left bg-white" id="add_detail">
                                    <ul class="nav nav-tabs nav-tabs1 tab_ul col-sm-2 paddig-right0 margin-top15px">
                                        <?php echo $this->partial('menu.phtml'); ?>
                                    </ul>

           <div class="tab-content tab_editprofile col-sm-10 padding-left0 marginbott10px margintop10px">

           <div id="term-policies" class="tab-pane fade tab_editprofile1 active in">
     
     <div class="col-sm-col-sm-offset-1 margin-10auto0 paddingRL10px">
        
           <div class="row">
                <?php
                                    $form = $this->form;
                                    $form->prepare();
                                    $form->setAttribute('action', $this->url('hotel', ['action' => 'terms-policy']));
                                    $form->setAttribute('method', 'post');
                                    echo $this->form()->openTag($form);
                                    ?> 

                                                    <div class="col-sm-12" id="tabstrip-left-5" role="tabpanel" aria-expanded="true">
                                                        <fieldset class="">
                                                            <legend>Main & gallery Images</legend>
    
                                                             <!--<div class="form-group clearfix margintopbottom20">
                                                                        <label class="col-sm-3 control-label labelalign col-sm-3-new" id="point_airport">
                                                                            <?php echo $this->translate($this->formLabel($form->get('main_image'))); ?>
                                                                        </label>
                                                                        <div class="col-sm-3 col-sm-4-new">
                                                                            <?php echo $this->FormElement($form->get('main_image')); ?>
                                                                            <?php echo $this->formElementErrors($form->get('main_image'), ['class' => 'error']); ?>
                                                                        </div>
                                                                    </div>
                                                            
                                                            
                                                            <div class="form-group clearfix margintopbottom20">
                                                                        <label class="col-sm-3 control-label labelalign col-sm-3-new" id="point_airport">
                                                                            <?php echo $this->translate($this->formLabel($form->get('gallery_image'))); ?>
                                                                        </label>
                                                                        <div class="col-sm-3 col-sm-4-new">
                                                                            <?php echo $this->FormElement($form->get('gallery_image')); ?>
                                                                            <?php echo $this->formElementErrors($form->get('gallery_image'), ['class' => 'error']); ?>
                                                                        </div>
                                                                    </div>-->
                                                             
                                                             <div class="col-sm-6 col-xs-10">
                                                                 <label class="col-sm-6 control-label labelalign col-sm-6-new" id="point_airport">
                                                                            <?php echo $this->translate($this->formLabel($form->get('main_image'))); ?>
                                                                        </label>
                            <a href="#" class="upload_btn btn btn-blue btn-primary" data-toggle="modal" data-target="#imageCrop"  onclick="showcropbox('main-image')"><i class="fa fa-upload"></i> Upload File</a>
                            <input name="main-image" id="main-image" value="" type="hidden">
                        </div>
<!--                        <div class="col-sm-5 col-sm-offset-4" id="Sightseeing_Main_Image">
                            <span name="">
                                <div class="upload"><img src="" class="img-thumbnail img-hover main-image" width="80" height="80"><br>
                                    <a class="delete_image_lnk" ng-click="removeDIV('Front_header_logo')"><i class="fa fa-times-circle"></i></a>
                                </div>
                            </span>
                        </div>-->


<div class="col-sm-6 col-xs-10">
                                                                 <label class="col-sm-6 control-label labelalign col-sm-6-new" id="point_airport">
                                                                            <?php echo $this->translate($this->formLabel($form->get('gallery_image'))); ?>
                                                                        </label>
                            <a href="#" class="upload_btn btn btn-blue btn-primary" data-toggle="modal" data-target="#imageCrop"  onclick="showcropbox('gallery-image')"><i class="fa fa-upload"></i> Upload File</a>
                            <input name="gallery-image" id="main-image" value="" type="hidden">
                        </div>


                                                        </fieldset>
                                                        
                                                        <?php echo $this->partial('activity-image-listing.phtml'); ?>


                                                    </div>
                                    <?php echo $this->FormElement($form->get('module_id')); ?>
                                    <?php echo $this->form()->closeTag(); ?>   

                                                </div>
                                
           </div>
           
           </div>  
           
           
            </div>

                                   

                                </div>



                            </div>



                        </div>

                    </div>
                </div>
            </div>
        </div>
        <br>

    </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("sightseeing", array('action' => 'uploadImage')) ?>">
                <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 btn btn-primary">Crop & Save</button>
                </div>
            </form>
        </div>
    </div>
</div>

