@using Pilotfish.Afx.ComponentModel
@using Pilotfish.Afx.Security
@using Pilotfish.Afx.Mvc

@{
    ViewBag.Title = "Expiries";
    Layout = "~/Views/Shared/_OperatingLicencesLayout.cshtml";
}

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

<script language="javascript">
    $(document).ready(function () {
        $('#overdueUpliftmentsDiv').hide();
        $('#upcomingExpiriesDiv').hide();
        $('#expiredLicencesDiv').hide();
    });
</script>

<div class="contentBlock">
    <div class="header">
        <h2>
            Expiry Status
        </h2>
    </div>
    <div>
        <div class="applicationBlock" style="padding-top:15px;padding-bottom:15px;text-align:left;height:60px" data-bind="click:ToggleOverdueUpliftments">
            <span>Licences in upliftment for more than 30 days</span>
            <br />
            <span data-bind="text: OverdueUpliftmentsCount" 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:ToggleUpcomingExpiries">
            <span>Licences expiring within the next 60 days</span>
            <br />
            <span data-bind="text: UpcomingExpiriesCount" 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:ToggleExpired">
            <span>Expired licences within the late renewal grace period</span>
            <br />
            <span data-bind="text: ExpiredLicencesCount" style="font-size:2em;"></span>
            <br />
            <br />
        </div>
    </div>
</div>



<div class="contentBlock" id="overdueUpliftmentsDiv">
    <div class="header"><h2>Overdue Upliftments</h2></div>
    <div>
        <div data-bind="visible: OverdueUpliftments().length > 0">
            <table class="fill-content" id="overdueupliftmentLicences">
                <thead>
                    <tr>
                        @*<th>Select</th>*@
                        <th width="150">Name On Licence</th>
                        <th>Operating Licence Number</th>
                        <th>Issue Date</th>
                        <th>SMS Date</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: OverdueUpliftments">
                    <tr>
                        @*<td><input data-bind="value: LicenceID" type="checkbox" /></td>*@
                        <td><a data-bind="click: $root.OpenMemberConsole.bind($data), html: NameOnLicence" href="#"></a></td>
                        <td><a data-bind="click: $root.OpenOperatingLicenceConsole.bind($data), html: OperatingLicenceNumber" href="#"></a></td>
                        <td data-bind="html: FormatDate(DateOfIssue)"></td>
                        <td data-bind="html: FormatDate(UpcomingExpiryNotificationSmsSentDate)"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: Searching()==true">Loading records...</div>
        <div data-bind="visible: OverdueUpliftments().length == 0 && !Searching()">There are currently no overdue upliftment licences.</div>
        @*<div data-bind="visible: ExpiredLicences.length > 0" class="buttonDock">
            <button data-bind="click: SendExpiredSmsReminder">Send SMS Reminder</button>
            <button data-bind="click: GenerateExpiredReminder">Generate Reminder Letter</button>
        </div>*@
    </div>
</div>


<div class="contentBlock" id="upcomingExpiriesDiv">
    <div class="header"><h2>Upcoming Expiries</h2></div>
    <div>
        <div data-bind="visible: UpcomingExpiries().length > 0">
            <table class="fill-content" id="upcomingExpiries">
                <thead>
                    <tr>
                        @*<th>Select</th>*@
                        <th width="150">Name On Licence</th>
                        <th>Operating Licence Number</th>
                        <th>Expiry Date</th>
                        <th>SMS Date</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: UpcomingExpiries">
                    <tr>
                        @*<td><input data-bind="value: LicenceID" type="checkbox" /></td>*@
                        <td><a data-bind="click: $root.OpenMemberConsole.bind($data), html: NameOnLicence" href="#"></a></td>
                        <td><a data-bind="click: $root.OpenOperatingLicenceConsole.bind($data), html: OperatingLicenceNumber" href="#"></a></td>
                        <td data-bind="html: FormatDate(DateOfExpiry)"></td>
                        <td data-bind="html: FormatDate(UpcomingExpiryNotificationSmsSentDate)"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: Searching()==true">Loading records...</div>
        <div data-bind="visible: UpcomingExpiries().length == 0 && !Searching()">There are currently no upcoming licence expiries.</div>
        @*<div data-bind="visible: UpcomingExpiries().length > 0" class="buttonDock">
                <button data-bind="click: SendUpcomingSmsReminder">Send SMS Reminder</button>
                <button data-bind="click: GenerateUpcomingReminder">Generate Reminder Letter</button>
            </div>*@
    </div>
</div>

<div class="contentBlock" id="expiredLicencesDiv">
    <div class="header"><h2>Expired Applications</h2></div>
    <div>
        <div data-bind="visible: ExpiredLicences().length > 0">
            <table class="fill-content" id="expiredLicences">
                <thead>
                    <tr>
                        @*<th>Select</th>*@
                        <th width="150">Name On Licence</th>
                        <th>Operating Licence Number</th>
                        <th>Expiry Date</th>       
                        <th>SMS Date</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: ExpiredLicences">
                    <tr>
                        @*<td><input data-bind="value: LicenceID" type="checkbox" /></td>*@
                        <td><a data-bind="click: $root.OpenMemberConsole.bind($data), html: NameOnLicence" href="#"></a></td>
                        <td><a data-bind="click: $root.OpenOperatingLicenceConsole.bind($data), html: OperatingLicenceNumber" href="#"></a></td>
                        <td data-bind="html: FormatDate(DateOfExpiry)"></td>   
                        <td data-bind="html: FormatDate(ExpiredNotificationSmsSentDate)"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: Searching()==true">Loading records...</div>
        <div data-bind="visible: ExpiredLicences().length == 0 && !Searching()">There are currently no expired licences.</div>
        @*<div data-bind="visible: ExpiredLicences.length > 0" class="buttonDock">
            <button data-bind="click: SendExpiredSmsReminder">Send SMS Reminder</button>
            <button data-bind="click: GenerateExpiredReminder">Generate Reminder Letter</button>
        </div>*@
    </div>
</div>