<section class="well">
    <h4 class="well-small"> {{'profile.company.title' | translate}}</h4>
    <ul class="list-unstyled">
        <li>
            <div ng-controller="Profile.CompanyController" class="row">
                <div class="col-xs-6">
                    <h4><a href="#" editable-text="profileCompanyName" onaftersave="update()">{{profileCompanyName || 'profile.unknown' |
                        translate}}</a></h4>
                    <small>
                        <span translate>profile.company.name</span>
                    </small>
                    <h4><a href="#" editable-text="profileCompanyAddress1" onaftersave="update()">{{profileCompanyAddress1 ||
                        'profile.unknown' | translate}}</a></h4>
                    <small>
                        <span translate>profile.company.address1</span>
                    </small>
                    <h4><a href="#" editable-text="profileCompanyAddress2" onaftersave="update()">{{profileCompanyAddress2 ||
                        'profile.unknown' | translate}}</a></h4>
                    <small>
                        <span translate>profile.company.address2</span>
                    </small>
                    <h4><a href="#" editable-text="profileCompanyCity" onaftersave="update()">{{profileCompanyCity || 'profile.unknown' |
                        translate}}</a></h4>
                    <small>
                        <span translate>profile.company.city</span>
                    </small>
                    <h4><a href="#" editable-text="profileCompanyState" onaftersave="update()">{{profileCompanyState || 'profile.unknown' |
                        translate}}</a></h4>
                    <small>
                        <span translate>profile.company.state</span>
                    </small>
                    <h4><a href="#" editable-text="profileCompanyZip" onaftersave="update()">{{profileCompanyZip || 'profile.unknown' |
                        translate}}</a></h4>
                    <small>
                        <span translate>profile.company.zip</span>
                    </small>
                </div>
                <div class="col-xs-6">
                    <h4><a href="#" editable-text="profileCompanyMainPhone" onaftersave="update()">{{profileCompanyMainPhone ||
                        'profile.unknown' | translate}}</a></h4>
                    <small>
                        <span translate>profile.company.mainPhone</span>
                    </small>
                    <h4><a href="#" editable-text="profileCompanyFax" onaftersave="update()">{{profileCompanyFax || 'profile.unknown' |
                        translate}}</a></h4>
                    <small>
                        <span translate>profile.company.fax</span>
                    </small>

                    <h4 ng-hide="editDisabled"><a ng-href="{{profileCompanyWebsite}}" target="_blank">
                        {{profileCompanyWebsite || 'profile.unknown' | translate}}</a>
                    </h4>
                    <h4 ng-show="editDisabled"><a editable-text="profileCompanyWebsite" onaftersave="update()" oncancel="disableEdit()">
                        {{profileCompanyWebsite || 'profile.unknown' | translate}}</a>
                    </h4>
                    <a ng-click="enableEdit()" title="{{'profile.company.websiteTitle' | translate}}"><i class="fa fa-pencil"></i></a>
                    <small>
                        <span translate>profile.company.website</span>
                    </small>
                </div>
            </div>
        </li>
    </ul>
</section>
