@page
@model IndexModel
@using DNTPersianUtils.Core
@{
    Layout = "_Layout";
}

@section Head {
    <meta name="description" content="جستجو در شعر فارسی">
}

@if (Model.OfflineMode)
{
    <div class="notice">
        <p>
            از آنجا که شما با شبکهٔ داخلی اطلاعات ایران وصل شده‌اید در حال مشاهدهٔ یک نسخهٔ آفلاین از گنجور هستید.
        </p>
        <p>
            این یک نسخهٔ آفلاین با اطلاعات قدیمی از سایت گنجور است که برای ایرانیان داخل کشور که اینترنتشان قطع است در دسترس قرار گرفته است.
        </p>
        <p>
            بعضی امکاناتِ نیازمند اینترنت حذف شده و برخی قابلیتها نیز ممکن است به درستی کار نکند.
        </p>
        <p>
            امکانات نام‌نویسی و درج حاشیه نیز در آن غیرفعال است. اگر می‌توانید جایی اطلاعاتی وارد کنید انتظار ذخیرهٔ آن را به طور دائم نداشته باشید.
        </p>
        <p>
            نسخهٔ به‌روز گنجور روی اینترنت تا پایان قطعی اینترنت در ایران برای آی.پی‌های خارج از ایران در دسترس است.
        </p>
    </div>
}
else if (Model.ReadOnlyMode)
{
    <div class="notice">
        <p>
            گنجور در حال حاضر در وضعیت فقط‌خواندنی است.
        </p>
        <p>
            امکانات نام‌نویسی و درج حاشیه نیز در آن غیرفعال است. اگر می‌توانید جایی اطلاعاتی وارد کنید انتظار ذخیرهٔ آن را به طور دائم نداشته باشید.
        </p>
    </div>
}

@if (!string.IsNullOrEmpty(Model.LastError))
{
    <div class="poem">
        @Model.LastError
    </div>
}
else
{
    <div id="hdr">
        <h1><a href="/" title="گنجور"><img src="/image/gdap.png" alt="گنجور" class="home-logo"></a></h1>
    </div>

    <div id="fa">

        <div class="actionbox">
            <form action="/search" method="get" id="searchhorm">
                <span class="home-search-input-wrap">
                    <input type="text" name="s" id="s" placeholder="جستجو" class="inputText" size="35" value="" autocomplete="off" oninput="onHomeSearchInput(this.value)">
                    <span id="home-search-clear" class="home-search-clear" style="display:none" title="پاک‌کردن" onclick="clearHomeSearch()">×</span>
                </span>
                <input type="hidden" name="es" id="es" value="1">
                <select name="author" id="author">
                    <option value="0" selected>در آثار همهٔ سخنوران</option>
                    @{
                        foreach (RMuseum.Models.Ganjoor.ViewModels.GanjoorPoetViewModel poet in Model.Poets)
                        {
                            <option value="@poet.Id">@poet.Nickname</option>
                        }
                    }
                </select>
                <input type="submit" value="بیاب">
            </form>
        </div>

        <div class="spacer" id="home-found-poets" style="display:none"></div>
        <p class="up-hint" id="home-search-hint" style="display:none"><small>برای جستجوی کامل در شعرها کلید اینتر را بزنید یا روی «بیاب» کلیک کنید؛ فهرست زیر فقط جستجوی نام سخنوران است.</small></p>

        <partial name="_InlineLoginPartial" model="Model" />

            <div id="main">
                <div id="guides">

                    <div id="home-popular-poets-row">
                        <div class="century">
                            سخنوران پرمخاطب
                        </div>

                        @{
                            var popularGroup = Model.PoetGroups.Where(g => g.Id == 0).Single();

                            if (popularGroup.ShowInTimeLine)
                            {
                                <div class="century">
                                    @popularGroup.Name
                                </div>
                            }
                            <div class="spacer">
                                @foreach (var poet in popularGroup.Poets)
                                {
                                    <div class="poet" data-value="@poet.Nickname">
                                        <a href="@poet.FullUrl" title="@poet.Name">
                                            <img src="@(GanjooRazor.APIRoot.InternetUrl+poet.ImageUrl)" alt="@poet.Name">
                                        </a>
                                        <div class="caption">
                                            <a href="@poet.FullUrl">@poet.Nickname</a>
                                        </div>
                                    </div>
                                }
                            </div>
                        }
                    </div>

                    @{
                        <div class="century" id="cl">
                            دسته‌بندی بر اساس قرن
                        </div>

                        <div id="real-centuries">
                            <div class="circled-number-container">
                                @foreach (var g in Model.PoetGroups)
                                {
                                    if (g.Id != 0)
                                    {
                                        <a href="#pg-@g.Id">
                                            <div class="circled-number">
                                                @((g.HalfCenturyOrder + 2).ToPersianNumbers())
                                            </div>
                                        </a>
                                    }
                                }
                                <a href="#gmap">
                                    <div class="circled-number">
                                        <i class="notranslate noindent-info-button map-icon"></i>
                                    </div>
                                </a>
                            </div>

                            @foreach (var poetGroup in Model.PoetGroups)
                            {
                                if (poetGroup.Id == 0) continue;
                                if (poetGroup.ShowInTimeLine)
                                {
                                    <div class="century" id="pg-@poetGroup.Id">
                                        @poetGroup.Name
                                    </div>
                                }
                                <div class="spacer">
                                    @foreach (var poet in poetGroup.Poets)
                                    {
                                        <div class="poet" data-value="@poet.Nickname">
                                            <a href="@poet.FullUrl" title="@poet.Name">
                                                <img src="@(GanjooRazor.APIRoot.InternetUrl+poet.ImageUrl)" alt="@poet.Name">
                                            </a>
                                            <div class="caption">
                                                <a href="@poet.FullUrl">@poet.Nickname</a>
                                            </div>
                                        </div>
                                    }
                                </div>
                                @if (poetGroup.Id == 0)
                                {
                                    <div class="century" id="cl">
                                        دسته‌بندی بر اساس قرن
                                    </div>
                                    <div class="circled-number-container">
                                        @foreach (var g in Model.PoetGroups)
                                        {
                                            if (g.Id != 0)
                                            {
                                                <a href="#pg-@g.Id">
                                                    <div class="circled-number">
                                                        @((g.HalfCenturyOrder + 2).ToPersianNumbers())
                                                    </div>
                                                </a>
                                            }
                                        }
                                    </div>
                                }
                            }
                        </div>
                    }



                    <div class="century" id="gmap">
                        <a href="/map">
                            نقشهٔ خاستگاه سخنوران
                        </a>
                    </div>
                    <div class="spacer">
                        <div class="poet">
                            <a href="/map"><img src="/image/map.gif" alt="نقشهٔ گنجور"></a>
                        </div>
                    </div>

                    <div class="century" id="books-shelf-caption">
                        مرور کتابها
                    </div>
                    <div id="books-shelf-outer">
                        <button type="button" class="books-shelf-handle books-shelf-handle-right" aria-label="نمایش کتابهای بیشتر در سمت راست" onclick="scrollBooksShelf(220)">‹</button>
                        <div id="books-shelf-wrap">
                            <div id="books-shelf" aria-label="مرور کتابها"></div>
                        </div>
                        <button type="button" class="books-shelf-handle books-shelf-handle-left" aria-label="نمایش کتابهای بیشتر در سمت چپ" onclick="scrollBooksShelf(-220)">›</button>
                    </div>

                </div>

            </div>

            <partial name="_FooterPartial" model=@(new _FooterPartialModel(){StickyEnabled = true}) />

            </div>
}

@if (ViewData["TrackingScript"] != null && !string.IsNullOrEmpty(ViewData["TrackingScript"].ToString()))
{
    @Html.Raw(ViewData["TrackingScript"])
}

@section Scripts {
    <script>
        initHomeBooksShelf();
    </script>
}