@model Church.Net.Entity.HappinessGroup
@{
    ViewBag.returnUrl = @Url.Action("Index");
    ViewBag.returnUrlTitle = "HappinessGroup List";
}
@{
    ViewBag.Title = "Details HappinessGroup";
}

<h2>Details</h2>

<div class="text-center g-mb-50--md">
    <h2 class="h2 g-mb-0">
        <span class="g-color-primary g-ml-5">@Model.Name</span>
    </h2>
</div>

<div class="g-bg-img-hero g-bg-pos-top-center g-pos-rel g-z-index-1 g-mt-minus-100" style="background-image: url(/Images/svg/svg-bg5.svg);">
    <div class="container g-pt-150 g-pb-30">
        <div class="row">
            <div class="col-md-6 g-mb-20--md">
                @Html.LabelFor(model => model.BeginTime, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })
                <label class="d-block g-font-size-20 g-pl-30">
                    @Html.DisplayFor(model => model.BeginTime)
                </label>
            </div>

            <div class="col-md-6 g-mb-20--md">
                @Html.LabelFor(model => model.Address, htmlAttributes: new { @class = "g-font-weight-500 g-font-size-15 g-pl-30" })
                <label class="d-block g-font-size-20 g-pl-30">
                    @Html.DisplayFor(model => model.Address)
                </label>
            </div>


        </div>


        <table class="table w-100 g-mb-25">

            <thead class="g-hidden-sm-down g-color-gray-dark-v6">
                <tr>
                    <th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
                        <div class="d-flex align-items-center justify-content-between">
                            Best
                            <!--                     <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
                              <i class="hs-admin-arrows-vertical g-font-size-15"></i>
                            </a> -->
                        </div>
                    </th>
                    <th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
                        <div class="d-flex align-items-center justify-content-between">
                            Email
                            <!--                     <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
                              <i class="hs-admin-arrows-vertical g-font-size-15"></i>
                            </a> -->
                        </div>
                    </th>
                    <th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
                        <div class="d-flex align-items-center justify-content-between">
                            Phone
                            <!--                     <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
                              <i class="hs-admin-arrows-vertical g-font-size-15"></i>
                            </a> -->
                        </div>
                    </th>
                    <th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15 g-pr-25"></th>
                </tr>
            </thead>

            <tbody class="g-font-size-default g-color-black" id="accordion-09" role="tablist" aria-multiselectable="true">
                @foreach (var item in Model.BestList)
                {
                    <tr>
                        <td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
                            @Html.DisplayFor(modelItem => item.Name)
                        </td>
                        <td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
                            @Html.DisplayFor(modelItem => item.Email)
                        </td>
                        <td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
                            @Html.DisplayFor(modelItem => item.Phone)
                        </td>

                        <td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm g-pr-25">
                            <div class="d-flex align-items-center g-line-height-1">

                                <button class="btn clipBtn" data-clipboard-text="@Url.Action("Best","Happiness",new { id=item.BestId,area = ""}, Request.Url.Scheme)" onclick="@Html.Raw($"swal('已複製邀請函連結','可以直接貼給 <strong>{item.Name}</strong> 囉!','success')")">
                                    複製邀請函網址
                                </button>

                                @*<a href="@Url.Action("Details", new { id=item.BestId })" class="u-link-v5 g-color-gray-light-v6 g-color-lightblue-v4--hover g-mr-15">
            <i class="hs-admin-pencil g-font-size-18"></i>
        </a>
        <a href="@Url.Action("Edit", new { id=item.BestId })" class="u-link-v5 g-color-gray-light-v6 g-color-lightblue-v4--hover g-mr-15">
            <i class="hs-admin-pencil g-font-size-18"></i>
        </a>
        <a href="@Url.Action("Delete", new { id=item.BestId })" class="u-link-v5 g-color-gray-light-v6 g-color-lightblue-v4--hover">
            <i class="hs-admin-trash g-font-size-18"></i>
        </a>*@
                            </div>
                        </td>

                    </tr>
                }

            </tbody>
        </table>
    </div>




    <div class="row">

        <div class="col-sm-6 g-mt-30 g-mb-30">
            @using (Html.BeginForm())
            {
                <div class="d-flex">

                    @Html.AntiForgeryToken()
                    <a class="btn btn-block u-shadow-v32 g-brd-black g-brd-2 g-color-black g-color-white--hover g-bg-transparent g-bg-black--hover g-font-size-16 g-rounded-30 g-py-10 mr-2 g-mt-0" href="@Url.Action("Index")">Back to List</a>
                    <a class="btn btn-block u-shadow-v32 g-brd-none g-color-white g-bg-black g-bg-primary--hover g-font-size-16 g-rounded-30 g-py-10 ml-2 g-mt-0" href="@Url.Action("Create","HappinessBESTs", new { id = Model.GroupId })">建立Best</a>

                </div>
            }
        </div>
    </div>
</div>