<div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
    <form class="form-sport" name="form.sportForm" ng-submit="submit()" novalidate>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Edit Sport</h3>
                </div>
                <div class="modal-body form">
                    <div class="form-group" ng-class="{ 'has-error': form.sportForm.name.$dirty && form.sportForm.name.$invalid }">
                        <label class="control-label" for="name">Name</label>
                        <div class="">
                            <input id="name" name="name" ng-model="fields.name" ng-change="slugify()" type="text" class="form-control" required>
                        </div>
                    </div>
                    <!-- Text input-->
                    <div class="form-group" ng-class="{ 'has-error': form.sportForm.slug.$dirty && form.sportForm.slug.$invalid }">
                        <label class="control-label" for="slug">Slug</label>
                        <div class="">
                            <input id="slug" name="slug" ng-model="fields.slug" type="text" class="form-control" required fsa-slugify>
                        </div>
                    </div>
                    <!-- Text input-->
                    <div class="form-group">
                        <label class="control-label" for="description">Description</label>
                        <div class="">
                            <textarea id="description" name="description" ng-model="fields.description" class="form-control" rows="10"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="submit" name="submit" class="btn btn-labeled btn-primary" ng-disabled="form.sportForm.$invalid || isSubmitted"><span class="btn-label"><i class="fa fa-upload"></i></span> Submit</button>
                    <button class="btn btn-default btn-labeled" type="button" ng-click="modalEditActions.hide()"><span class="btn-label"><i class="fa fa-times"></i></span> Cancel</button>
                </div>
            </div>
        </div>
    </form>
</div>