<section id="main_form1" class="padding12top">
    <div class="container">
        <div class="slide-margin">
            <div class="col-sm-12">
                <div class="search-tabs search-tabs-bg search-tabs-nobox search-tabs-lift-top">
                    <div class="tabbable">
                        <div class="tab-content1">
                            <div class="tab-pane fade in active" ng-app="myApp" ng-controller="personCtrl1">
                               <!--<span><h2 style="margin-top:0;">Outstation Booking</h2></span>-->
                                <div class="row">
                                    <div class="col-md-12 padding0 spanclass" style="border-bottom:1px solid #ccc;">
                                        <h2 style="margin-top:0;">Registratin Guide</h2>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class=" col-sm-2 col-md-2 col-lg-2 clearfix userprofileimg pull-right margintop10">
                                            <div id="crop-avatar">
                                                <!-- Current avatar -->
                                                <div class="avatar-view userimg_byratio" title="Upload Profile Picture">
                                                    <a href="#"  data-toggle="modal" data-target="#myModalupload">
                                                        <img src="images/driver_icon.png" width="100%" alt="Avatar" class="resimg">
                                                    </a>
                                                </div>
                                                <div class="avatar-view userimg_byratio"  data-toggle="modal" data-target="#myModalupload" style="border: none; cursor:pointer; box-shadow: 0 0 0 0; height:35px; font-weight:bold;">Upload Profile Pic</div>
                                                <!-- Cropping modal -->
                                                <div class="modal fade" id="myModalupload" tabindex="-1" role="dialog" aria-labelledby="avatar-modal-label" aria-hidden="true">
                                                    <div class="modal-dialog modal-lg">
                                                        <div class="modal-content">
                                                            <form action="upload.php" enctype="multipart/form-data" method="post" onsubmit="return checkCoords();">
                                                                <div class="modal-header">
                                                                    <h4 class="modal-title" id="avatar-modal-label" >Profile Picture</h4>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <p>Image: <input name="image" id="fileInput" size="30" type="file" /></p>
                                                                    <input type="hidden" id="x" name="x" />
                                                                    <input type="hidden" id="y" name="y" />
                                                                    <input type="hidden" id="w" name="w" />
                                                                    <input type="hidden" id="h" name="h" />
                                                                    <p><img id="filePreview" style="display:none;"/></p>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <input name="upload" type="submit" class="btn btn-primary pull-right" value="Upload" />
                                                                    <button class="btn btn-default col-sm-2 pull-right" type="button" data-dismiss="modal">Close</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- /.modal -->

                                                <!-- Loading state -->
                                            </div>      </div>

                                        <form id="frm_details" name="frm_details" method="post">
                                            
                                            <!-- user-personal-info.phtml file will be include here ---->
                                            
                                            <!-- Driver License Ends Here -->
                                            <div>
                                                
                                                <!-- user-company-info.phtml file will be include here  --->
                                                
                                                <!-- guide-duty-detail.phtml file will be include here  --->
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> 