@model GCI.PortalCondomino.Models.BudgetsViewModel

<section id="formulario">

    <div id="form-banner">

        <a role="button" data-toggle="collapse" href="#collapseForm" aria-expanded="false" aria-controls="collapseExample" class="open-form-bt clearfix collapsed">
            <h3 class="oswald">
                PEDIDO DE ORÇAMENTO
            </h3>
            <div class="form-icon"><img src="~/Content/images/seta-circulo.png"></div>
        </a>

    </div>

    <div class="collapse" id="collapseForm">
        <div class="container">
            <div>
                <p class="ac mb50">
                    <b>Preencha o máximo de informação possível para que o nosso orçamento seja o mais adequado às necessidades do condomínio.</b><br>
                    Os campos assinalados com * são de preenchimento obrigatório!
                </p>
            </div>

            @using (Html.BeginForm("Index", "Home", null, FormMethod.Post, new { role = "form" }))
            {
                @Html.AntiForgeryToken()
            <div>
                <input type="hidden" id="success" value="@TempData["success"]" />
                <input type="hidden" id="error" value="@TempData["error"]" />

                @Html.HiddenFor(x => x.RecaptchaResponse, new { id = "g-recaptcha-response" })

                <div class="col-xs-12 col-md-6">
                    <h6>Dados pessoais</h6>

                    <div class="form-group">
                        @Html.LabelFor(m => m.Applicant.Name)
                        @Html.EditorFor(m => m.Applicant.Name, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(m => m.Applicant.Name)
                    </div>

                    <div class="form-group">
                        @Html.LabelFor(m => m.Applicant.PhoneNumber)
                        @Html.EditorFor(m => m.Applicant.PhoneNumber, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(m => m.Applicant.PhoneNumber)
                    </div>

                    <div class="form-group">
                        @Html.LabelFor(m => m.Applicant.Email)
                        @Html.EditorFor(m => m.Applicant.Email, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(m => m.Applicant.Email)
                    </div>
                </div>

                <div class="col-xs-12 col-md-6">
                    <h6>Informação geral do condomínio</h6>

                    <div class="form-group">
                        @Html.LabelFor(m => m.Details.Name)
                        @Html.EditorFor(m => m.Details.Name, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(m => m.Details.Name)
                    </div>

                    <div class="form-group">
                        @Html.LabelFor(m => m.Details.Address)
                        @Html.TextAreaFor(m => m.Details.Address, new { @class = "form-control", @rows = "3" })
                        @Html.ValidationMessageFor(m => m.Details.Address)
                    </div>
                </div>

            </div><!-- /.row -->


                <div class="row mt30">

                    <div class="col-xs-12 col-md-6">
                        <h6>Número de fracções</h6>

                        <div>
                            <div class="form-group col-xs-12 col-sm-6 col-md-4">
                                @Html.LabelFor(m => m.Details.Fractions.Habitations)
                                @Html.EditorFor(m => m.Details.Fractions.Habitations, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(m => m.Details.Fractions.Habitations)
                            </div>
                            <div class="form-group col-xs-12 col-sm-6 col-md-4">
                                @Html.LabelFor(m => m.Details.Fractions.Garages)
                                @Html.EditorFor(m => m.Details.Fractions.Garages, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(m => m.Details.Fractions.Garages)
                            </div>
                            <div class="form-group col-xs-12 col-sm-6 col-md-4">
                                @Html.LabelFor(m => m.Details.Fractions.Storage)
                                @Html.EditorFor(m => m.Details.Fractions.Storage, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(m => m.Details.Fractions.Storage)
                            </div>
                            <div class="form-group col-xs-12 col-sm-6 col-md-4">
                                @Html.LabelFor(m => m.Details.Fractions.Offices)
                                @Html.EditorFor(m => m.Details.Fractions.Offices, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(m => m.Details.Fractions.Offices)
                            </div>
                            <div class="form-group col-xs-12 col-sm-6 col-md-4">
                                @Html.LabelFor(m => m.Details.Fractions.Others)
                                @Html.EditorFor(m => m.Details.Fractions.Others, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(m => m.Details.Fractions.Others)
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-md-6">
                        <h6>Características do condomínio</h6>
                        <div>
                            <div class="form-group col-xs-12 col-md-6">
                                @Html.LabelFor(m => m.Details.Age)
                                @Html.EditorFor(m => m.Details.Age, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(m => m.Details.Age)
                            </div>
                            <div class="form-group col-xs-12 col-md-6">
                                @Html.LabelFor(m => m.Details.Stories)
                                @Html.EditorFor(m => m.Details.Stories, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(m => m.Details.Stories)
                            </div>
                            @*<div class="form-group col-xs-12 col-md-6">
                            <label>Com elevador?</label><br>
                            <label class="radio-inline">
                                <input type="radio" name="elevador" id="elevador-sim" value="sim"> SIM
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="elevador" id="elevador-nao" value="nao"> NÃO
                            </label>
                        </div>*@
                            <div class="form-group col-xs-12 col-md-6">
                                @Html.LabelFor(m => m.Details.Elevators)
                                @Html.EditorFor(m => m.Details.Elevators, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(m => m.Details.Elevators)
                            </div>
                        </div>
                    </div>

                </div><!-- /.row -->


                <div class="row mt30">

                    <div class="col-xs-12 col-md-6">
                        <div id="informacoes" class="form-group">
                            @Html.LabelFor(m => m.OtherInformation, new { @class = "special-h6" })
                            @Html.TextAreaFor(m => m.OtherInformation, new { @class = "form-control", rows = 4 })
                            @Html.ValidationMessageFor(m => m.OtherInformation)
                        </div>
                    </div>

                    @*<div class="col-xs-12 col-md-6">
                    <div class="form-group">
                        <label class="special-h6" for="f_dados-envio">De que forma pretende receber o orçamento?</label>
                        <div class="form-group ac">
                            <label class="radio-inline">
                                <input type="radio" name="modo-envio" id="envio-email" value="email"> EMAIL
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="modo-envio" id="envio-fax" value="fax"> FAX
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="modo-envio" id="envio-correio" value="correio"> CORREIO
                            </label>
                        </div>
                        <textarea class="form-control" id="f_dados-envio" rows="4"></textarea>
                    </div>
                </div>*@

                </div><!-- /.row -->

                <div class="row mt40 ac">
                    <button type="submit" class="btn btn-default btn-lg">Enviar</button>
                </div><!-- /.row -->
            }
        </div>
    </div>

</section>