@using Pilotfish.Afx.ComponentModel
@using Pilotfish.Afx.Security
@using Pilotfish.Afx.Mvc
@using System.Linq;
@using Neo.Legitimate.Common;
@{
    var userSecurables = (Profile != null && ((Pilotfish.Afx.Security.UserProfile)Profile).Securables != null) ? ((Pilotfish.Afx.Security.UserProfile)Profile).Securables.ToList() : null;
}
@{
    ViewBag.Title = "Issuing Expiries";
    Layout = "~/Views/Shared/_OperatingLicencesLayout.cshtml";
}

@Html.Partial("Scripts/IssuingExpiries-Init")
@Html.Partial("Scripts/IssuingExpiries-Events")

<script language="javascript">
    $(document).ready(function () {
        $('#ThirtyDaysAwaitingDocumentsDiv').hide();
        $('#ThirtyDaysSentLettersDiv').hide();
        $('#SixtyDaysAwaitingDocumentsDiv').hide();
        $('#NinetyDaysAwaitingDocumentsDiv').hide();
    });
</script>

<div class="contentBlock">
    <div class="header">
        <h2>
            Issuing Expiries
            <span style="float:right;"><select data-bind="options: Regions, optionsText: 'Description', optionsValue: 'RegionID', value: CurrentRegionID" style="width: 200px;"></select></span>
        </h2>
    </div>
    <div>
        @if (SecurityHelper.UserHasAccessToSecurable(userSecurables.ToList(), Securable.OperatingLicencesModule_Issuing_IssuingExpiries))
        {
            <div class="applicationBlock" style="padding-top:15px;padding-bottom:15px;text-align:left;height:60px" data-bind="click: function(){Toggle30DaysWaitingSending()}">
                <span>30 Day reminder letters awaiting sending</span>
                <br />
                <span data-bind="text: Toggle30DaysWaitingSendingCount" style="font-size:2em;"></span>
                <br />
                <br />
            </div>
            <div class="applicationBlock" style="padding-top:15px;padding-bottom:15px;text-align:left;height:60px" data-bind="click: function(){Toggle30DaysSent()}">
                <span>30 Day reminder letters sent</span>
                <br />
                <span data-bind="text: Toggle30DaysSentCount" style="font-size:2em;"></span>
                <br />
                <br />
            </div>
            <div class="applicationBlock" style="padding-top:15px;padding-bottom:15px;text-align:left;height:60px" data-bind="click: function(){Toggle60DaysWaitingSending()}">
                <span>60 Day cancellation letters awaiting sending</span>
                <br />
                <span data-bind="text: Toggle60DaysWaitingSendingCount" style="font-size:2em;"></span>
                <br />
                <br />
            </div>
            <div class="applicationBlock" style="padding-top:15px;padding-bottom:15px;text-align:left;height:60px" data-bind="click:Toggle90DaysWaitingSending">
                <span>90 Day cancellation letters awaiting sending</span>
                <br />
                <span data-bind="text: Toggle90DaysWaitingSendingCount" style="font-size:2em;"></span>
                <br />
                <br />
            </div>
        }
    </div>
</div>

<div class="contentBlock" id="ThirtyDaysAwaitingDocumentsDiv">
    <div class="header"><h2>30 Day reminder letters awaiting sending</h2></div>
    <div>
        <div data-bind="visible: Toggle30DaysWaitingSendingList().length > 0">
            <table class="fill-content">
                <thead>
                    <tr>
                        <th>Reference Number</th>
                        <th>Application Number</th>
                        <th>Application Type</th>
                        <th>Member</th>
                        <th>Association</th>
                        <th>Operating Licence Number</th>
                        <th>Date of Issue</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: Toggle30DaysWaitingSendingList">
                    <tr>
                        <td><a data-bind="click: $root.OpenLicenceWorkflow.bind($data), html: LicenceReferenceNumber" href="#"></a></td>
                        <td><a data-bind="click: $root.OpenRequestWorkflow.bind($data), html: ApplicationReferenceNumber" href="#"></a></td>
                        <td data-bind="html: ApplicationDescription"></td>
                        <td data-bind="html: SurnameOrCompanyName"></td>
                        <td data-bind="html: Association"></td>
                        <td><a data-bind="click: $root.OpenOperatingLicenceConsole.bind($data), html: OperatingLicenceNumber" href="#"></a></td>
                        <td data-bind="html: FormatDate(DateOfIssue)"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: Searching()==true">Loading records...</div>
        <div data-bind="visible: Toggle30DaysWaitingSendingList().length == 0 && !Searching()">No licences found.</div>
        <div class="buttonDock" data-bind="visible: Toggle30DaysWaitingSendingList().length > 0">
            <button class="ui-button" data-bind="click: $root.DownloadLetter">Download letters</button>
            <button class="ui-button" data-bind="click: $root.ThirtyDayFlagLicencesAsSent">Flag as sent</button>
        </div>
    </div>
</div>

<div class="contentBlock" id="ThirtyDaysSentLettersDiv">
    <div class="header"><h2>30 Day reminder letters sent</h2></div>
    <div>
        <div data-bind="visible: Toggle30DaysSentList().length > 0">
            <table class="fill-content">
                <thead>
                    <tr>
                        <th>Reference Number</th>
                        <th>Application Number</th>
                        <th>Application Type</th>
                        <th>Member</th>
                        <th>Association</th>
                        <th>Operating Licence Number</th>
                        <th>Date of Issue</th>
                        <th>Extend</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: Toggle30DaysSentList">
                    <tr>
                        <td><a data-bind="click: $root.OpenLicenceWorkflow.bind($data), html: LicenceReferenceNumber" href="#"></a></td>
                        <td><a data-bind="click: $root.OpenRequestWorkflow.bind($data), html: ApplicationReferenceNumber" href="#"></a></td>
                        <td data-bind="html: ApplicationDescription"></td>
                        <td data-bind="html: SurnameOrCompanyName"></td>
                        <td data-bind="html: Association"></td>
                        <td><a data-bind="click: $root.OpenOperatingLicenceConsole.bind($data), html: OperatingLicenceNumber" href="#"></a></td>
                        <td data-bind="html: FormatDate(DateOfIssue)"></td>
                        @*<td><button class="ui-button" data-bind="click: $root.LetterExtend.bind($data), visible:!IssuingExpiryDateIsExtended">Extend</button></td>*@
                        <td><button class="ui-button" data-bind="click: $root.OpenLicenceUpliftmentRequestWorkflow.bind($data)">Extend</button></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: Searching()==true">Loading records...</div>
        <div data-bind="visible: Toggle30DaysSentList().length == 0 && !Searching()">No licences found.</div>
        <div class="buttonDock" data-bind="visible: Toggle30DaysSentList().length > 0">
        </div>
    </div>
</div>

<div class="contentBlock" id="SixtyDaysAwaitingDocumentsDiv">
    <div class="header"><h2>60 Day cancellation letters awaiting sending</h2></div>
    <div>
        <div data-bind="visible: Toggle60DaysWaitingSendingList().length > 0">
            <table class="fill-content">
                <thead>
                    <tr>
                        <th>Reference Number</th>
                        <th>Application Number</th>
                        <th>Application Type</th>
                        <th>Member</th>
                        <th>Association</th>
                        <th>Operating Licence Number</th>
                        <th>Date of Issue</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: Toggle60DaysWaitingSendingList">
                    <tr>
                        <td><a data-bind="click: $root.OpenLicenceWorkflow.bind($data), html: LicenceReferenceNumber" href="#"></a></td>
                        <td><a data-bind="click: $root.OpenRequestWorkflow.bind($data), html: ApplicationReferenceNumber" href="#"></a></td>
                        <td data-bind="html: ApplicationDescription"></td>
                        <td data-bind="html: SurnameOrCompanyName"></td>
                        <td data-bind="html: Association"></td>
                        <td><a data-bind="click: $root.OpenOperatingLicenceConsole.bind($data), html: OperatingLicenceNumber" href="#"></a></td>
                        <td data-bind="html: FormatDate(DateOfIssue)"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: Searching()==true">Loading records...</div>
        <div data-bind="visible: Toggle60DaysWaitingSendingList().length == 0 && !Searching()">No licences found.</div>
        <div class="buttonDock" data-bind="visible: Toggle60DaysWaitingSendingList().length > 0">
            <button class="ui-button" data-bind="click: $root.SixtyDayDownloadLetter">Download letters</button>
            <button class="ui-button" data-bind="click: $root.SixtyDayFlagLicencesAsSent">Flag as sent</button>
        </div>
    </div>
</div>

<div class="contentBlock" id="NinetyDaysAwaitingDocumentsDiv">
    <div class="header"><h2>90 Day cancellation letters awaiting sending</h2></div>
    <div>
        <div data-bind="visible: Toggle90DaysWaitingSendingList().length > 0">
            <table class="fill-content">
                <thead>
                    <tr>
                        <th>Reference Number</th>
                        <th>Application Number</th>
                        <th>Application Type</th>
                        <th>Member</th>
                        <th>Association</th>
                        <th>Operating Licence Number</th>
                        <th>Date of Issue</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: Toggle90DaysWaitingSendingList">
                    <tr>
                        <td><a data-bind="click: $root.OpenLicenceWorkflow.bind($data), html: LicenceReferenceNumber" href="#"></a></td>
                        <td><a data-bind="click: $root.OpenRequestWorkflow.bind($data), html: ApplicationReferenceNumber" href="#"></a></td>
                        <td data-bind="html: ApplicationDescription"></td>
                        <td data-bind="html: SurnameOrCompanyName"></td>
                        <td data-bind="html: Association"></td>
                        <td><a data-bind="click: $root.OpenOperatingLicenceConsole.bind($data), html: OperatingLicenceNumber" href="#"></a></td>
                        <td data-bind="html: FormatDate(DateOfIssue)"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: Searching()==true">Loading records...</div>
        <div data-bind="visible: Toggle90DaysWaitingSendingList().length == 0 && !Searching()">No licences found.</div>
        <div class="buttonDock" data-bind="visible: Toggle90DaysWaitingSendingList().length > 0">
            <button class="ui-button" data-bind="click: $root.NinetyDayDownloadLetter">Download letters</button>
            <button class="ui-button" data-bind="click: $root.NinetyDayFlagLicencesAsSent">Flag as sent</button>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $(document).ready(function () {
            //viewModel.CurrentRegionID() = viewModel.CurrentRegionID();
            viewModel.CurrentRegionID.subscribe(function () {
                document.location.href = '@Url.Content("~/OperatingLicences/IssuingExpiries/?regionid=")' + viewModel.CurrentRegionID();
            });
        });
    });
</script>