@model Plataforma.ViewModels.SubscriptionViewModel

@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/PreSubscriptionLayout.cshtml";
}
<link rel="stylesheet" href="~/Content/myStyle.css">
@*<div class="error-messages">
        <h2 class="isa_error" style="color: #D8000C; background-color: #FFBABA; padding: 20px;">
            <i class="fa fa-times-circle"></i>
            Ocorreu um Erro!
        </h2>
        <h2 class="isa_warning" style="color: #9F6000; background-color: #FEEFB3; padding: 10px; font-size: 11pt">
            <i class="fa fa-warning"></i> ATENÇÃO: A operação não foi efetuada com sucesso!
            <br />
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;Por favor, tente novamente!
        </h2>
        <br />
        <br />
</div>*@
<div class="container">
    <div class="">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        @*@Html.ActionLink("Academy Platform", "Index", "Home", new { area = "" }, new { @class = "navbar-brand", @style = "" })*@
    </div>
    <div class="navbar-collapse collapse">
        <div class=""></div>
        <ul class="nav navbar-nav">
            <li class="navbar">@Html.ActionLink("Academy Platform", "Index", "Home", new { area = "" }, new { @class = "navbar navbar-brand" })</li>
            <li>@Html.ActionLink("Pré-Inscrição", "Create", "PreSubscription")</li>
            <li>@Html.ActionLink("Sobre", "About", "Home")</li>
            <li>@Html.ActionLink("Contactos", "Contact", "Home")</li>
        </ul>
        @Html.Partial("_LoginPartial")

    </div>

</div>
<div style="padding-bottom: 50px;"></div>

@using (Html.BeginForm("Create", "PreSubscription", FormMethod.Post))
{
    <div id="this-form">
        <div class="form-horizontal">
            <h4 style="padding-left: 30px;">Informação do Aluno</h4>
            <hr />
            @Html.ValidationSummary(true, "", new { @class = "text-danger" })
            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Nome</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.Entity.Name, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Entity.Name, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Email</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.Entity.Email, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Entity.Email, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Data Nascimento</label>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-10">
                    <div class='input-group date datetimepicker1'>
                        @Html.EditorFor(model => model.Entity.BirthDate, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.Entity.BirthDate, "", new { @class = "text-danger" })
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
                <label class="control-label col-md-1 col-sm-2 col-xs-10">Telemóvel</label>
                <div class="col-lg-4 col-md-4 col-xs-10 col-sm-3">
                    @Html.EditorFor(model => model.Entity.PhoneNumber, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Entity.PhoneNumber, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-md-2 col-sm-2 col-xs-10">Escola/colégio</label>
                <div class="col-lg-4 col-md-4 col-xs-10 col-sm-4">
                    @Html.EditorFor(model => model.Student.School, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Student.School, "", new { @class = "text-danger" })
                </div>
                <label class="control-label col-md-1 col-sm-2 col-sm-10">Ano escolar</label>
                <div class="col-md-4 col-lg-4 col-sm-3 col-xs-10">
                    @Html.EditorFor(model => model.Student.SchoolYear, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Student.SchoolYear, "", new { @class = "text-danger" })
                </div>

            </div>


            <div class="form-group">
                <label class="control-label col-md-2 col-sm-2 col-xs-10">Distrito</label>
                <div class="col-md-4 col-xs-10 col-sm-4">
                    @Html.DropDownListFor(model => model.SelectedDistrict.DistrictCode, new SelectList(Model.District, "DistrictCode", "DistrictName"), new { @class = "select2-results__group x_content span.section form-group form-control", @id = "ddldistrict", @name = "ddldistrict", @onchange = "javascript:GetCity(this.value);" })
                </div>

                <label class="control-label col-md-1 col-sm-2 col-xs-10">Concelho</label>
                <div class="col-md-4 col-xs-10 col-sm-3">
                    @Html.DropDownListFor(model => model.SelectedCounty.CountyCode, new SelectList(Model.County, "CountyCode", "CountyName"), new { @class = "select2-results__group x_content span.section form-group form-control", @id = "ddlcity", @name = "ddlcity", @onchange = "javascript:GetLocality(this.value);" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-md-2 col-sm-2 col-xs-10">Localidade</label>
                <div class="col-md-4 col-xs-10 col-sm-4">
                    @Html.DropDownListFor(model => model.SelectedLocality, new SelectList(Model.Locality, "LocalityCode", "LocalityName"), new { @class = "select2-results__group x_content span.section form-group form-control", @id = "ddlLocality", @name = "ddlLocality", @onchange = "javascript:GetPostalCode(this.value);" })
                </div>
                <label class="control-label col-md-1 col-sm-2 col-xs-10">Cód. Postal</label>
                <div class="col-md-4 col-xs-10 col-sm-3">
                    @Html.DropDownListFor(model => model.SelectedPostalCode.PostalCodeId, new SelectList(Model.PostalCode, "PostalCodeId", "Code"), new { @class = "select2-results__group x_content span.section form-group form-control", @id = "ddlPostal", @name = "ddlPostal" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-md-2 col-sm-2 col-xs-10">Morada</label>
                <div class="col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.Entity.Adress.StreetName, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Entity.Adress.StreetName, "", new { @class = "text-danger" })
                </div>
            </div>
            <div style="padding-bottom: 30px;"></div>
            <h4 style="padding-left: 30px;">Informação dos Pais</h4>
            <hr />
            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Nome da Mãe</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.EntityMother.Name, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.EntityMother.Name, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Email</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.EntityMother.Email, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.EntityMother.Email, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Data Nascimento</label>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-10">
                    <div class='input-group date datetimepicker1'>
                        @Html.EditorFor(model => model.EntityMother.BirthDate, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.EntityMother.BirthDate, "", new { @class = "text-danger" })
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
                <label class="control-label col-md-1 col-sm-2 col-xs-10">Telemóvel</label>
                <div class="col-lg-4 col-md-4 col-xs-10 col-sm-3">
                    @Html.EditorFor(model => model.EntityMother.PhoneNumber, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.EntityMother.PhoneNumber, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Profissão</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.Mother.Employment, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Mother.Employment, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Habilitações</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.EntityMother.Qualification, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.EntityMother.Qualification, "", new { @class = "text-danger" })
                </div>
            </div>





            <div style="padding-bottom: 50px;"></div>






            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10" style="text-wrap: none">Nome do Pai</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.EntityFather.Name, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.EntityFather.Name, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10" style="text-wrap: none">Email</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.EntityFather.Email, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.EntityFather.Email, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Data Nascimento</label>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-10">
                    <div class='input-group date datetimepicker1'>
                        @Html.EditorFor(model => model.EntityFather.BirthDate, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.EntityFather.BirthDate, "", new { @class = "text-danger" })
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
                <label class="control-label col-md-1 col-sm-2 col-xs-10">Telemóvel</label>
                <div class="col-lg-4 col-md-4 col-xs-10 col-sm-3">
                    @Html.EditorFor(model => model.EntityFather.PhoneNumber, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.EntityFather.PhoneNumber, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Profissão</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.Father.Employment, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Father.Employment, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-2 col-md-2 col-sm-2 col-xs-10">Habilitações</label>
                <div class="col-lg-9 col-md-9 col-xs-10 col-sm-9">
                    @Html.EditorFor(model => model.EntityFather.Qualification, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.EntityFather.Qualification, "", new { @class = "text-danger" })
                </div>
            </div>


            <div style="padding-bottom: 30px;"></div>
            <h4 style="padding-left: 30px;">Disponibilidade</h4>
            <hr />
            <div>
                <table class="centerSchedule">
                    <div id="head_nav">
                        <tr class="trr">
                            <th class="thh col-md-2 col-lg-2 col-xs-2">Horas</th>
                            <th class="thh">Segunda</th>
                            <th class="thh">Terça</th>
                            <th class="thh">Quarta</th>
                            <th class="thh">Quinta</th>
                            <th class="thh">Sexta</th>
                            <th class="thh">Sábado</th>
                        </tr>
                    </div>

                    @for (var i = 0; i < Model.Times.Count(); i += 6)
                    {
                        <tr class="trr">
                            <th class="thh">@Html.DisplayFor(model => Model.Times[i].Times.BeginHour) - @Html.DisplayFor(model => Model.Times[i].Times.FinishHour)</th>

                            <td class="tdd"><input name="gender" type="checkbox" id="@Model.Times[i].ScheduleTime.ScheduleTimeId" class="chkclass" value="@Model.Times[i].ScheduleTime.ScheduleTimeId" /></td>
                            <td class="tdd"><input name="gender" type="checkbox" id="@Model.Times[i+1].ScheduleTime.ScheduleTimeId" class="chkclass" value="@Model.Times[i+1].ScheduleTime.ScheduleTimeId" /></td>
                            <td class="tdd"><input name="gender" type="checkbox" id="@Model.Times[i+2].ScheduleTime.ScheduleTimeId" class="chkclass" value="@Model.Times[i+2].ScheduleTime.ScheduleTimeId" /></td>
                            <td class="tdd"><input name="gender" type="checkbox" id="@Model.Times[i+3].ScheduleTime.ScheduleTimeId" class="chkclass" value="@Model.Times[i+3].ScheduleTime.ScheduleTimeId" /></td>
                            <td class="tdd"><input name="gender" type="checkbox" id="@Model.Times[i+4].ScheduleTime.ScheduleTimeId" class="chkclass" value="@Model.Times[i+4].ScheduleTime.ScheduleTimeId" /></td>
                            <td class="tdd"><input name="gender" type="checkbox" id="@Model.Times[i+5].ScheduleTime.ScheduleTimeId" class="chkclass" value="@Model.Times[i+5].ScheduleTime.ScheduleTimeId" /></td>
                        </tr>
                    }
                </table>
            </div>

            <br />
            <br />
            <div class="form-group">
                <div class="col-md-offset-6 col-sm-offset-6 col-xs-offset-4 col-md-4 col-sm-4 col-xs-7">
                    <div class="form-group">
                        <input type="reset" value="Limpar" onclick='form.reset();' class="btn btn-primary" />
                        <input type="submit" value="Submeter" class="btn btn-success" />
                        @*@Html.ActionLink(" Submeter", "SuccessfullPreSubscription", new { id = Model.PreSubscription.PreSubscriptionId })*@
                        @*@Html.ActionLink(" ", "SuccessfullPreSubscription", new { id = Model.PreSubscription.PreSubscriptionId }, new { @class = "fa fa-pencil" })*@
                    </div>
                </div>
            </div>
        </div>
        <p style="font-weight: bold; padding-top: 30px;">
            <div>
                <div style="font-weight: bold; font-family: sans-serif; float:left">
                    <div style="float: left; display: inline-block;">@Html.ActionLink(" ", "Index", "Home", null, new { @class = "fa fa-chevron-left" })&nbsp;</div>
                    <div style="float: left; display: inline-block;">@Html.ActionLink("Voltar à Página Inicial", "Index", "Home", null, new { @class = "font-sans-serif" })&nbsp;</div>
                </div>
            </div>
        </p>
    </div>
    <div style="padding-bottom: 120px"></div>
}
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}