<md-dialog>
    <form ng-cloak>

        <!-- dialog box title -->
        <md-toolbar>
            <div class="md-toolbar-tools">
                <h2>Update Broker</h2>
            </div>
        </md-toolbar>

        <md-dialog-content>
            <div class="md-dialog-content">

                <!-- dialog box input fields with editable product information -->
                <md-input-container class="md-block">
                    <label>Broker ID</label>
                    <input ng-model="broker_id">
                </md-input-container>

                <md-input-container class="md-block">
                    <label>Brokerage</label>
                    <input ng-model="brokerage">
                </md-input-container>

            </div>
        </md-dialog-content>

        <!-- dialog box buttons -->
        <md-dialog-actions layout="row">
            <md-button ng-click="cancel()">Cancel</md-button>
            <md-button ng-click="updateBroker()" class="md-primary">Update</md-button>
        </md-dialog-actions>
    </form>
</md-dialog>