<div id="menu_changePass" class="tab_editprofile1"  ng-controller="myCtrl">
    <div class="col-sm-col-sm-offset-1 margin-10auto0 paddingRL10px">

        <?php
        $form = $this->form;
        $form->prepare();
        $form->setAttribute('action', $this->url('global-settings', ['action' => 'header-footer'], ['query' => ['id' => $compId]]));
        echo $this->form()->openTag($form);
        ?>

        <div class="row">
            <div class="col-sm-12" id="tabstrip-left-3" role="tabpanel" aria-expanded="false" aria-hidden="true">
                <fieldset>
                    <legend>Header &amp; Footer Logo</legend>
                    <span class="top-go clearfix">
                        <a href="#topGo" title="Click To Go Top" class="btn btn-blue btn-xs pull-right">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </span>
                    <div class="form-group clearfix margintopbottom20 ">
                        <label class="col-sm-4 col-xs-12 control-label" for="frontend_header_logo">
                            Frontend Header Logo :<span class="required">*</span>
                        </label>
                        
                        <div class="col-sm-6 col-xs-10">
                            <a href="#" class="upload_btn btn btn-blue btn-primary" data-toggle="modal" data-target="#imageCrop"  onclick="showcropbox('frontend_header_logo')"><i class="fa fa-upload"></i> Upload File</a>
                            <input name="frontend_header_logo" id="frontend_header_logo" value="<?php echo $compData['frontend_header_logo']; ?>" type="hidden">
                        </div>
                        <div class="col-sm-5 col-sm-offset-4" id="Front_header_logo">
                            <span name="">
                                <div class="upload"><img src="<?php if (!empty($compData['frontend_header_logo'])) {
            echo COMPANYSETUUP_IMAGE_PATH . $compData['frontend_header_logo'];
        } else {
            echo "images/logo.png";
        } ?>" class="img-thumbnail img-hover frontend_header_logo" 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>

                    <div class="form-group clearfix margintopbottom20">
                        <label class="col-sm-4 col-xs-12 control-label" for="admin_header_logo">Admin Header Logo : </label>
                        <div class="col-sm-6 col-xs-10">
                            <a href="#" class="upload_btn btn btn-blue btn-primary" data-toggle="modal" data-target="#imageCrop"  onclick="showcropbox('admin_header_logo')"><i class="fa fa-upload"></i> Upload File</a>
                            <input name="admin_header_logo" id="admin_header_logo" value="<?php echo $compData['admin_header_logo']; ?>" type="hidden">
                        </div>
                        <div class="col-sm-5 col-sm-offset-4" id="Admin_header_logo"><span name="selected_file_headerFooterConfiguration[iconConfigurationBlock][admin_header_logo]">
                                <div class="upload"><img src="<?php if (!empty($compData['admin_header_logo'])) {
            echo COMPANYSETUUP_IMAGE_PATH . $compData['admin_header_logo'];
        } else {
            echo "images/logo.png";
        } ?>" class="img-thumbnail img-hover admin_header_logo" width="80" height="40"><br>
                                    <a class="delete_image_lnk" ng-click="removeDIV('Admin_header_logo')"><i class="fa fa-times-circle"></i></a>
                                </div>
                            </span>
                        </div>
                    </div>

                    <div class="form-group clearfix margintopbottom20">
                        <label class="col-sm-4 col-xs-12 control-label" for="frontend_favicon">Frontend Favicon : </label>
                        <div class="col-sm-6 col-xs-10">
                            <a href="#" class="upload_btn btn btn-blue btn-primary" data-toggle="modal" data-target="#imageCrop"  onclick="showcropbox('frontend_favicon')"><i class="fa fa-upload"></i> Upload File</a>
                            <input name="frontend_favicon" id="frontend_favicon" value="<?php echo $compData['frontend_favicon']; ?>" type="hidden">
                        </div>
                        <div class="col-sm-5 col-sm-offset-4" id="front_facicon">
                            <span>
                                <div class="upload">
                                    <img src="<?php if (!empty($compData['frontend_favicon'])) {
            echo COMPANYSETUUP_IMAGE_PATH . $compData['frontend_favicon'];
        } else {
            echo "images/logo.png";
        } ?>" class="img-thumbnail img-hover frontend_favicon" width="80" height="40"><br>
                                    <a class="delete_image_lnk" ng-click="removeDIV('front_facicon')"><i class="fa fa-times-circle"></i></a></div>
                            </span>
                        </div>
                    </div>


                    <div class="form-group clearfix margintopbottom20">
                        <label class="col-sm-4 col-xs-12 control-label" for="admin_favicon">Admin Favicon : </label>
                        <div class="col-sm-6 col-xs-10">
                            <a href="#" class="upload_btn btn btn-blue btn-primary" data-toggle="modal" data-target="#imageCrop"  onclick="showcropbox('admin_favicon')"><i class="fa fa-upload"></i> Upload File</a>
                            <input name="admin_favicon" id="admin_favicon" value="<?php echo $compData['admin_favicon']; ?>" type="hidden">
                        </div>
                        <div class="col-sm-5 col-sm-offset-4" id="Admi_favicon">
                            <span>
                                <div class="upload"><img src="<?php if (!empty($compData['admin_favicon'])) {
            echo COMPANYSETUUP_IMAGE_PATH . $compData['admin_favicon'];
        } else {
            echo "images/logo.png";
        } ?>" class="img-thumbnail img-hover admin_favicon" width="80" height="40"><br>
                                    <a class="delete_image_lnk" ng-click="removeDIV('Admi_favicon')"><i class="fa fa-times-circle"></i></a>
                                </div>
                            </span>
                        </div>
                    </div>

                </fieldset>

                <fieldset>
                    <legend>Footer Configuration</legend>
                    <span class="top-go clearfix">
                        <a href="#topGo" title="Click To Go Top" class="btn btn-blue btn-xs pull-right">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </span>

                    <div class="form-group clearfix margintopbottom20">
                        <label class="col-sm-4 col-xs-12 control-label">
                            <?php echo $this->translate($this->formLabel($form->get('admin_footer'))); ?>
                        </label>
                        <div class="col-sm-6 col-xs-10">
                            <?php echo $this->FormElement($form->get('admin_footer')); ?>
                        </div>
                    </div>

                    <div class="form-group clearfix margintopbottom20">
                        <label class="col-sm-4 col-xs-12 control-label">
                            <?php echo $this->translate($this->formLabel($form->get('admin_footer_url'))); ?>
                        </label>
                        <div class="col-sm-6 col-xs-10">
                            <?php echo $this->FormElement($form->get('admin_footer_url')); ?>
                        </div>
                    </div>

                    <div class="form-group clearfix margintopbottom20">
                        <label class="col-sm-4 col-xs-12 control-label">
                            <?php echo $this->translate($this->formLabel($form->get('frontend_footer'))); ?>
                        </label>
                        <div class="col-sm-6 col-xs-10">
                            <?php echo $this->FormElement($form->get('frontend_footer')); ?>
                        </div>
                    </div>

                    <div class="form-group clearfix margintopbottom20">
                        <label class="col-sm-4 col-xs-12 control-label">
                            <?php echo $this->translate($this->formLabel($form->get('frontend_footer_url'))); ?>
                        </label>
                        <div class="col-sm-6 col-xs-10">
                            <?php echo $this->FormElement($form->get('frontend_footer_url')); ?>
                        </div>
                    </div>
                </fieldset>
                        <?php echo $this->FormElement($form->get('save')); ?>
            </div>
        </div>
<?php echo $this->form()->closeTag(); ?>
    </div>
</div>





<!-- Upload Image Code Starts Here-->



<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("global-settings", 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>

<!---/////////-->

<!-- Upload Image Code Ends Here-->