@using NzbDrone.Web.Helpers
@model NzbDrone.Web.Models.UpcomingEpisodesModel

@{ViewBag.Title = "Upcoming";}
@section HeaderContent
{
    @Html.IncludeCss("Grid.css")
    
    <style>
        .gridControls {
            float: right;
            padding: 0px 5px 20px 0px;
            visibility: hidden;
        }
    </style>
}
@section ActionMenu{
    <ul class="sub-menu">
        <li>@Ajax.ActionLink("Start RSS Sync", "RssSync", "Command", null, null)</li>
    </ul>
}

<div class="gridControls">
    @Html.CheckBox("showDownloaded", true)
    <label for="showDownloaded">Show Downloaded</label>
</div>

<table class="seriesTable">
    <colgroup>
        <col/>
        <col style="width:90px" />
        <col style="width:300px" />
        <col style="width:160px" />
        <col style="width:100px" />
    </colgroup>
    <thead>
        <tr>
            <th>Series Title</th>
            <th>Episode</th>
            <th>Episode Title</th>
            <th>Air Time</th>
        
            @*Commands/Status Column*@
            <th>
                Status
            </th>
        </tr>
    </thead>
    <tbody>
        <tr class="title-row">
            <td colspan="6">
                Yesterday
            </td>
        </tr>
    
        @for (int i = 0; i < Model.Yesterday.Count; i++)
        {
            var episode = Model.Yesterday[i];
        
            if (i % 2 == 0)
            {
                Html.RenderPartial("UpcomingEpisode", episode);
            }

            else
            {
                Html.RenderPartial("UpcomingEpisode", episode, new ViewDataDictionary { new KeyValuePair<string, object>("AltRow", true) });
            }
        }
        <tr class="title-row">
            <td colspan="6">
                Today
            </td>
        </tr>
    
        @for (int i = 0; i < Model.Today.Count; i++)
        {
            var episode = Model.Today[i];
        
            if (i % 2 == 0)
            {
                Html.RenderPartial("UpcomingEpisode", episode);
            }

            else
            {
                Html.RenderPartial("UpcomingEpisode", episode, new ViewDataDictionary { new KeyValuePair<string, object>("AltRow", true) });
            }
        }
        <tr class="title-row">
            <td colspan="6">
                Tomorrow
            </td>
    
        @for (int i = 0; i < Model.Tomorrow.Count; i++)
        {
            var episode = Model.Tomorrow[i];
        
            if (i % 2 == 0)
            {
                Html.RenderPartial("UpcomingEpisode", episode);
            }

            else
            {
                Html.RenderPartial("UpcomingEpisode", episode, new ViewDataDictionary { new KeyValuePair<string, object>("AltRow", true) });
            }
        }
        <tr class="title-row">
            <td colspan="6">
                Future Forecast
            </td>
        </tr>
    
        @for (int i = 0; i < Model.Week.Count; i++)
        {
            var episode = Model.Week[i];
        
            if (i % 2 == 0)
            {
                Html.RenderPartial("UpcomingEpisode", episode);
            }

            else
            {
                Html.RenderPartial("UpcomingEpisode", episode, new ViewDataDictionary { new KeyValuePair<string, object>("AltRow", true) });
            }
        }
    </tbody>
</table>

@section Scripts{
    <script type="text/javascript">
        $(document).ready(function () {
            var cookieValue = $.cookie("showDownloaded");

            if (cookieValue == "false") {
                $('#showDownloaded').attr('checked', false);
                toggleDownloaded(false);
            }

            else {
                $('#showDownloaded').attr('checked', true);
                toggleDownloaded(true);
            }

            $('#showDownloaded').button();
            $('.gridControls').css('visibility', 'visible');
        });

        $('#showDownloaded').on('change', function () {
            var checked = $(this).attr('checked');
            toggleDownloaded(checked);
            toggleHideDownloadedCookie(checked);
        });

        function toggleDownloaded(show) {
            var ready = $('.statusImage[title="Ready"]');

            ready.each(function () {
                if (show) {
                    $(this).parents('tr').show();
                }

                else {
                    $(this).parents('tr').hide();
                }
            });
        }

        function toggleHideDownloadedCookie(show) {
            if (show)
                $.cookie("showDownloaded", true, { expires: 365 });
            
            else
                $.cookie("showDownloaded", false, { expires: 365 });
        }
    </script>
}