<section class="content-header">
    <ol class="breadcrumb">
        <li><a href="<?php echo $this->url('home');?>"><i class="fa fa-home"></i>Home</a></li>
        <li class="active"><a href="<?php echo $this->url('dashboard');?>">Dashboard</a></li>
        <li class="active">Edit Profile</li>
    </ol>
</section>

<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('Edit Profile'); ?> </div>
                                <div class="left_panel col-sm-12 padding_margin0 pull-left bgwhite">
                                    <?php echo $this->partial('profile-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">
                                            <div class="col-sm-col-sm-offset-1 margin-10auto0 paddingRL10px">



                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <!-- /.widget-box -->
    </div>
    <!-- /.col -->
</section>



<script>
//state name called...
$("#state-name").autocomplete({
    source: function (request, response) {
        $.ajax({
            url: '/profile/state-list',
            dataType: "json",
            type: "POST",
            data: {
                term: request.term
            },
            success: function (data) {
                response(data);
            }
        });
    },
    min_length: 3,
    delay: 300,

    focus: function (event, ui) {
        $("#state-aa").val(ui.item.label);
        return false;
    },
    select: function (event, ui) {
        $("#state-name").val(ui.item.label);
        $("#state-value").val(ui.item.value);

        return false;
    }
});

$("#city-name").autocomplete({
    source: function (request, response) {
        $.ajax({
            url: '/profile/city-list',
            dataType: "json",
            type: "POST",
            data: {
                term: request.term
            },
            success: function (data) {
                response(data);
            }
        });
    },
    min_length: 3,
    delay: 300,
    focus: function (event, ui) {
        $("#cityaa").val(ui.item.label);
        return false;
    },
    select: function (event, ui) {
        $("#city-name").val(ui.item.label);
        $("#city-value").val(ui.item.value);
        return false;
    }
});
</script>