using System;
using System.Collections.Generic;
using System.Linq;
using Microsoft.AspNetCore.Mvc;
using MvcExplorer.Models;

namespace MvcExplorer.Controllers
{
    public partial class CalendarController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.DemoSettings = true;
            ViewBag.DemoSettingsModel = new ClientSettingsModel
            {
                Settings = CreateSettings()
            };
            return View();
        }

        private static IDictionary<string, object[]> CreateSettings()
        {
            var settings = new Dictionary<string, object[]>
            {
                {"FirstDayOfWeek", Enum.GetValues(typeof(DayOfWeek)).Cast<object>().ToArray()},
                {"ShowHeader", new object[]{true, false}},
                {"MonthView", new object[]{true, false}},
                {"RepeatButtons", new object[]{true, false}},
                {"ShowYearPicker", new object[]{true, false}},
                {"HandleWheel", new object[]{true, false}}
            };

            return settings;
        }
    }
}

@{
    var today = DateTime.Now.Date;
    var minDate = new DateTime(today.Year - 1, 1, 1);
    var maxDate = new DateTime(today.Year, 12, 31);
    var format = CalendarRes.Index_DateFormat;

    ClientSettingsModel settings = ViewBag.DemoSettingsModel;
}

<div>
    <label>Bound Calendar with Min &amp; Max</label>
    <c1-calendar id="@settings.ControlId" value="@today" min="@minDate" max="@maxDate" month-view="true" width="300px">
    </c1-calendar>
</div>
<p><b>@Html.Raw(CalendarRes.Index_ValidRange) <span>@minDate.ToString(format)</span> @Html.Raw(CalendarRes.Index_To) <span>@maxDate.ToString(format)</span></b></p>

<ul>
    <li>@Html.Raw(CalendarRes.Index_FirstDayOfWeek)</li>
    <li>@Html.Raw(CalendarRes.Index_ShowHeader)</li>
    <li>@Html.Raw(CalendarRes.Index_MonthView)</li>
    <li>@Html.Raw(CalendarRes.Index_RepeatButtons)</li>
    <li>@Html.Raw(CalendarRes.Index_ShowYearPicker)</li>
    <li>@Html.Raw(CalendarRes.Index_MonthsCount)</li>
    <li>@Html.Raw(CalendarRes.Index_WeeksBefore)</li>
    <li>@Html.Raw(CalendarRes.Index_WeeksAfter)</li>
    <li>@Html.Raw(CalendarRes.Index_HandleWheel)</li>
</ul>

@section Settings{
    <div style="padding: 4px 8px">
        <p style="display:inline-block; width: 100px">@Html.Raw(CalendarRes.Index_MonthCount)</p>
        <c1-input-number width="150px" min="1" max="10" step="1" value="1" format="n0" value-changed="monthCountChange">
        </c1-input-number>
    </div>

    <div style="padding: 4px 8px">
        <p style="display:inline-block; width: 100px"> @Html.Raw(CalendarRes.Index_WeekBefore)</p>
        <c1-input-number width="150px" min="0" max="10" step="1" value="0" format="n0" value-changed="weekBeforeChanged">
        </c1-input-number>
    </div>

    <div style="padding: 4px 8px">
        <p style="display:inline-block; width: 100px">@Html.Raw(CalendarRes.Index_WeekAfter)</p>
        <c1-input-number width="150px" min="0" max="10" step="1" value="0" format="n0" value-changed="weekAfterChanged">
        </c1-input-number>
    </div>
}

@section Scripts{
    <script>
        function monthCountChange(sender, args) {

            var calenderControl = wijmo.Control.getControl('#DemoControl');
            if (calenderControl != null) {
                calenderControl.monthCount = sender.value;
                calenderControl.invalidate();
                if (sender.value === 1) {
                    document.querySelector('#DemoControl').style.width = "315px";
                } else {
                    document.querySelector('#DemoControl').style.width = "100%";
                }
            }
        }

        function weekBeforeChanged(sender, args) {

            var calenderControl = wijmo.Control.getControl('#DemoControl');
            if (calenderControl != null) {
                calenderControl.weeksBefore = sender.value;
                calenderControl.invalidate();
            }
        }

        function weekAfterChanged(sender, args) {

            var calenderControl = wijmo.Control.getControl('#DemoControl');
            if (calenderControl != null) {
                calenderControl.weeksAfter = sender.value;
                calenderControl.invalidate();
            }
        }
    </script>
}

@section Description{
    @Html.Raw(CalendarRes.Index_Text0)
}