@{
/*********************************************************
 * Linked Operating Licences Start
 *********************************************************/
 }
    <fieldset data-section-id="LOL">
        <legend data-role="request-header">Linked Operating Licences</legend>        
        <section data-role="field-container" class="field-container">
            <span data-bind="visible: value.LinkedOperatingLicences() == null || (value.LinkedOperatingLicences() != null && value.LinkedOperatingLicences().length == 0)">There are no licences linked to this route.</span>
            <span data-bind="visible: value.LinkedOperatingLicences() != null && value.LinkedOperatingLicences().length > 0" style="color: red; padding-top:10px;">The following licence(s) are linked to this route.<br/><br/>Please note that the route definitions for these licences will be updated once this route request is approved.</span>            
            <table data-bind="visible: value.LinkedOperatingLicences() != null && value.LinkedOperatingLicences().length > 0" style="width: 100%;" class="fill-content clickable">
                <tr>
                    <th>Operating Licence Number</th>
                    <th>Member</th>
                    <th>Association</th>
                    <th>Licence Status</th>                    
                </tr>
                <tbody data-bind="visible: value.LinkedOperatingLicences() != null && value.LinkedOperatingLicences().length != 0, foreach: value.LinkedOperatingLicences()">
                    <tr data-bind="click: $root.OpenOperatingLicenceConsole.bind($data)">
                        <td data-bind="html: OperatingLicenceNumber"></td>
                        <td data-bind="html: NameOnLicence"></td>
                        <td data-bind="html: AssociationName"></td>
                        <td data-bind="html: LicenceStatus"></td>
                    </tr>
                </tbody>
            </table>
        </section>
    </fieldset>

    <script type="text/javascript">
        $.extend(ViewModel.prototype, {            
            LOLIsEnabled: function () {
                return true;
            },

            LOLIsHidden: function () {
                return false;
            },

            LOLIsCollapsed: function () {
                return false;
            }                       
        });
    </script>
@{
 /*********************************************************
 * Related Application Details End
 *********************************************************/
 }