@{
    ViewData["Title"] = "Account Registration";
}


<style>
    iframe {
        position: fixed;
        background: #000;
        border: none;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    label.form-control {
        width: 90%;
    }
</style>

@section scripts{
    <script src="~/lib/angular-base64-upload/angular-base64-upload.js"></script>
    <script src="~/app/Models/enums.js"></script>
    <script src="~/app/Models/AccountRegisterModel.js"></script>
    <script src="~/app/controllers/AccountRegisterController.js"></script>

    <script>
        angular.element(document).ready(function () {
            angular.bootstrap(document.getElementById("registration"), ['accountRegister']);
        });
    </script>
}
<div class="container" id="registration" ng-controller="RegistrationController">
    <h3 class="page-header">Account Registration</h3>
    <div ng-view ng-cloak></div>
    <div class="clearfix" style="padding-top: 25px;"></div>
</div>

<div class="modal fade" id="previewModal" tabindex="-1" role="dialog" aria-labelledby="previewModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="previewModalLabel">Preview Document</h4>
            </div>
            <div class="modal-body" id="previewContent" style="min-height: 500px">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">close</button>
            </div>
        </div>
    </div>
</div>