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

@{
    ViewBag.Title = "Default";
    Layout = "Console.cshtml";
}

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

<div class="contentBlock">
    <div class="header"><h2>Details</h2></div>
    <div>   
        <div>
            <table class="borderless">
                <tr>
                    <td style="width: 200px"><b>Gazette Number</b></td>
                    <td><input data-bind="value: GazetteDetail.GazetteNumber, enable: false" maxlength="20" /></td>
                    <td style="width: 25px;">&nbsp;</td>
                    <td style="width: 200px"><b>Province</b></td>
                    <td><select data-bind="enable: false, options: Provinces, optionsText: 'Description', optionsValue: 'ProvinceID', value: GazetteDetail.ProvinceID" style="width: 100%"></select></td>
                </tr>
                <tr>
                    <td><b>Print Date</b></td>
                    <td><input id="printDate" data-bind="enable: false, enableDatepicker: false, datepicker: GazetteDetail.GazettePrintDate" maxlength="20" /></td>
                    <td>&nbsp;</td>
                    <td><b>Notice Expiry Date</b></td>
                    <td><input id="expiryDate" data-bind="enable: false, enableDatepicker: false, datepicker: GazetteDetail.GazetteNoticeExpiryDate" maxlength="20" /></td>
                </tr>
            </table>
        </div>
        <div class="buttonDock">
            @*<button data-bind="click: SaveGazetteDetail">Save</button>*@
        </div>
    </div>
</div>
<div id="RegionDialog">        
        <select data-bind="options: Regions, optionsText: 'Description', optionsValue: 'RegionID', value: viewModel.RegionID" style="width: 100%"></select>
        <button data-bind="click: PrintGazetteForRegion">Print</button>
</div>
<script>
    $(function () {
        $('#RegionDialog').dialog({
            title: 'Choose A Region',
            hieght: 200,
            width: 200,
            autoOpen: false 
        });
    });
</script>