MiniDigger/Hangar

@import ore.models.project.{Page, Project}
@import ore.OreConfig
@import ore.db.Model
@import views.html.helper.CSPNonce
@import util.syntax._

@(model: Project, rootPages: Seq[Model[Page]])(implicit messages: Messages, request: RequestHeader, config: OreConfig)

<script type="text/javascript" src="@routes.Assets.versioned("javascripts/pageEdit.js")"></script>
<script @CSPNonce.attr>
    PROJECT_OWNER = '@model.ownerName';
    PROJECT_SLUG = '@model.slug';
</script>

<div class="modal fade" id="new-page" tabindex="-1" role="dialog" aria-labelledby="new-page-label">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <
                <button type="button" class="close" data-dismiss="modal" aria-label="@messages("general.close")">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="new-page-label">@messages("page.new.title")</h4>
                    <h4 class="modal-title" id="new-page-label-error" style="display: none;
                        color: red">
                    @messages("page.new.error")
                    </h4>
            </div>
            <div class="modal-body input-group">
                <div class="setting">
                    <div class="setting-description">
                        <h4>@messages("project.page.name")</h4>
                        <p>@messages("project.page.name.info")</p>
                    </div>
                    <div class="setting-content">
                        <input class="form-control" type="text" id="page-name" name="page-name">
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="setting setting-no-border">
                    <div class="setting-description">
                        <h4>@messages("project.page.parent")</h4>
                        <p>@messages("project.page.parent.info")</p>
                    </div>
                    <div class="setting-content">
                        <select class="form-control select-parent">
                            <option selected value="-1">&lt;none&gt;</option>
                            @rootPages.filter(_.name != Page.homeName).map { page =>
                              <option value="@page.id" data-slug="@page.slug">@page.name</option>
                            }
                        </select>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">@messages("general.close")</button>
                <button id="continue-page" type="button" class="btn btn-primary">@messages("general.continue")</button>
            </div>
        </div>
    </div>
</div>