@using System.Web.UI.WebControls
@model  Chruch.Net.Models.NewVisitorViewClass
@{
    ViewBag.Title = "NLCC-歡迎新朋友";
    Layout = "~/Views/Shared/_LayoutEmpty.cshtml";
}
<section class="g-flex-centered g-bg-pos-center g-bg-img-hero g-pos-rel g-z-index-1 g-overflow-hidden g-height-100vh" style="background-image: url(/Images/IceBreak/img14.jpg);" data-calc-target="#js-header">
    <div class="g-pos-abs g-top-0 g-left-0" data-animation="fadeInDown" data-animation-delay="100" data-animation-duration="1500">
        <img class="img-fluid" src="/Images/IceBreak/img15.png" alt="Image Description">
    </div>
    <div class="g-pos-abs g-bottom-0 g-right-0" data-animation="fadeInUp" data-animation-delay="1800" data-animation-duration="1500">
        <img class="img-fluid" src="/Images/IceBreak/img16.png" alt="Image Description">
    </div>
    <div class="container text-center g-z-index-1">
        <div class="mb-4">
            <h1 class="h2 d-inline-block g-color-black g-font-weight-700 g-font-size-40 g-font-size-75--md text-uppercase g-line-height-1" data-animation="fadeInDown" data-animation-delay="1000" data-animation-duration="1500">NLCC</h1>
            <h2 class="h2 d-inline-block g-color-black g-font-weight-700 g-font-size-40 g-font-size-75--md text-uppercase g-line-height-1" data-animation="fadeInDown" data-animation-delay="1200" data-animation-duration="1500">歡迎</h2>
            <h2 class="h2 d-inline-block g-color-red g-font-weight-700 g-font-size-40 g-font-size-75--md text-uppercase g-line-height-1" data-animation="fadeInDown" data-animation-delay="1400" data-animation-duration="1500">新朋友</h2>
        </div>
        <div class="mx-auto g-max-width-600 g-overflow-hidden">
            <p class="g-color-black g-font-size-18 g-font-size-24--md g-mb-40" data-animation="fadeInDown" data-animation-delay="1600" data-animation-duration="1500">
                請輸入要顯示新朋友資訊的日期區間
            </p>
        </div>
        <div data-animation="fadeInDown" data-animation-delay="2000" data-animation-duration="1500">

            @using (Html.BeginForm())
            {
            <div class="row">
                <div class="col">
                    <label class="g-font-weight-700 g-mb-20 h5">開始日期</label>
                    @Html.EditorFor(m => m.BeginDate, new { htmlAttributes = new { @class = "border-0 form-control g-color-gray-dark-v4 g-placeholder-gray-dark-v3 g-px-20", type = "date" } })
                </div>
                <div class="col">
                    <label class="g-font-weight-700 g-mb-20 h5">結束日期</label>
                    @Html.EditorFor(m => m.EndDate, new { htmlAttributes =  new { @class = "border-0 form-control g-color-gray-dark-v4 g-placeholder-gray-dark-v3 g-px-20", type = "date" }})
                </div>
                <div class="col">

                    <button class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-20 text-uppercase g-rounded-50 mx-2 g-px-25 g-py-15" type="submit">產生新朋友清單</button>
                </div>
            </div>

            }

        </div>
    </div>
</section>