@using Keoghs.Tracker
@using Keoghs.Tracker.Data.Domain.ReferenceValues
@using Keoghs.Tracker.Web.Controls
@using Keoghs.Tracker.Web.UI.Extensions
@model Keoghs.Tracker.Web.UI.Controllers.Instruction.InstructionViewModel
@{ var chrome = new HtmlModalChromeParams()
       .WithTitle("ADD / MAINTAIN INSTRUCTION")
       .WithButton("Cancel", "button-cancel", "red")
       .WithButton("OK", "button-ok", "green")
       .WithOuterChromeCss("small");
}

@using (Html.ModalChrome(chrome))
{

    using (Html.BeginForm("AddMaintainInstruction", "Instruction", FormMethod.Post, new { id = "addMaintainInstructionForm" }))
    {

    @Html.HiddenFor(model => model.MatterId)
    @Html.HiddenFor(model => model.IsEdit)
    @Html.HiddenFor(model => model.SystemSuggestedPriority)
    @Html.HiddenFor(model => model.MatterRef)
    @Html.HiddenFor(model => model.DuplicateSearchId)
        if (!Model.FileMigrationReasonId.HasValue)
        {
    @Html.HiddenFor(model => model.FileMigrationReasonId)
    @Html.HiddenFor(model => model.OtherReason)
        }
    <div class="grid">
        @Html.ValidationSummary(true)
        @Html.Toasts("toaster")
        <div class="row">
            <div class="span3">
                @Html.Label("Instructing Client", new { @class = "form-required" })
            </div>
            <div class="span6">
                @Html.TextBoxFor(model => model.ClientName, "")
                <br />
                @Html.ValidationMessageFor(model => model.ClientName)
                @Html.HiddenFor(model => model.ClientAndBrandIds)
            </div>
        </div>

        <div class="row">
            <div class="span3">
                @Html.LabelFor(model => model.Division, new { @class = "form-required" })
            </div>
            <div class="span6">
                @Html.RadioButtonFor(model => model.Division, 1)CFS
                @Html.RadioButtonFor(model => model.Division, 2)CMS
                @Html.RadioButtonFor(model => model.Division, 3)TCS
                @Html.ValidationMessageFor(model => model.Division)
            </div>
        </div>

        <div class="row">
            <div class="span3">
                @Html.LabelFor(model => model.ProductNameId, new { @class = "form-required" })
                <img src="../../Scripts/styles/images/icons/info_transparent_icon.png" title="Only select if the matter belongs to a specific product which attracts a different fee to other areas of work. This field is used to identify the appropriate Client Number to assign the record in Elite." class="information right" />
            </div>
            <div class="span6 fill-control">
                @Html.DropDownListFor(model => model.ProductNameId, Model.ProductNameList, @Settings.Mvc.DropDownDefaultSelectPrompt)
                @Html.ValidationMessageFor(model => model.ProductNameId)
            </div>
        </div>

        <div class="row">
            @*            <div class="span3">
                @Html.Label("Work Types", new { @class = "form-required" })
                <img src="../../Scripts/styles/images/icons/info_transparent_icon.png" title="These fields are used to identify the charging rate to apply to the record in Elite. In some cases, it is also used to identify the Client Number to assign the record in Elite." class="information right" />
            </div>*@
            <div class="span9">
                @Html.HiddenFor(model => model.WorkTypeId)
                @Html.PartialFor(model => model.WorkTypeViewModel, "TreeDataMenu")
                @Html.ValidationMessageFor(model => model.WorkTypeId)
            </div>
        </div>

        <div class="row">
            <div class="span3">
                @Html.LabelFor(model => model.IsDelegatedAuthority, new { @class = "form-required" })
                <img src="../../Scripts/styles/images/icons/info_transparent_icon.png" title="This field is used to assign the appropriate charging rate in Elite." class="information right" />
            </div>
            <div class="span6">
                @Html.RadioButtonFor(model => model.IsDelegatedAuthority, true)DA
                @Html.RadioButtonFor(model => model.IsDelegatedAuthority, false)NDA
                @Html.ValidationMessageFor(model => model.IsDelegatedAuthority)
            </div>
        </div>

        <div class="row">
            <div class="span3">
                @Html.LabelFor(model => model.EstimatedValue)
            </div>
            <div class="span6">
                @Html.DropDownListFor(model => model.EstimatedValue, Model.EstimatedValuesList, @Settings.Mvc.DropDownDefaultSelectPrompt)
            </div>
        </div>

        <div class="row">

            <div class="span3">
                <div style="height: 25px">@Html.LabelFor(model => model.InstructionReceivedDateTime, new { @class = "form-required" })</div>
                @Html.Label("Time", new { @class = "form-required" })
            </div>
            <div class="span6">
                @Html.HiddenFor(model => model.InstructionReceivedDateTime)
                @Html.ValidationMessageFor(model => model.InstructionReceivedDateTime)
            </div>
        </div>

        <div class="row">
            <div class="span3">
                @Html.Label("Client File Received same as Instruction Received?")
            </div>
            <div class="span6">
                @Html.CheckBoxFor(model => model.ClientFileReceivedIsEqualInstructionReceived, new { @class = "chkBox" })
            </div>
        </div>

        <div class="row">
            <div class="span3">
                <div style="height: 25px">@Html.LabelFor(model => model.ClientFileReceivedDateTime)</div>
                @Html.Label("Time")
            </div>
            <div class="span6">
                @Html.HiddenFor(model => model.ClientFileReceivedDateTime)
                @Html.ValidationMessageFor(model => model.ClientFileReceivedDateTime)
            </div>
        </div>


        <div class="row">
            <div class="span3">
                @Html.LabelFor(model => model.WasNomination)
            </div>
            <div class="span6">
                @Html.CheckBoxFor(model => model.WasNomination)
            </div>
        </div>

        <div class="row">
            <div class="span3">
                @Html.LabelFor(model => model.CriticalDate)
            </div>
            <div class="span6">
                @Html.HiddenFor(model => model.CriticalDate)
                <br />
                @Html.ValidationMessageFor(model => model.CriticalDate)
            </div>
        </div>
        <div class="row priority-logic">
            <div class="span3">
                @Html.LabelFor(model => model.Priority)
            </div>
            <div class="span6">
                @Html.RadioButtonFor(model => model.Priority, InstructionPriorities.High)High
                    @Html.RadioButtonFor(model => model.Priority, InstructionPriorities.Medium)Medium
                    @Html.RadioButtonFor(model => model.Priority, InstructionPriorities.Standard)Standard
                    <div id="priorityUserOverride"><i class="x-small icon-magenta-alert cursor_auto"></i>User Override</div>
            </div>

        </div>




        @if (Model.FileMigrationReasonId.HasValue)
        {
            <div class="row">
                <div class="span3">
                    @Html.Label("Migration Reason", new { @class = "form-required" })
                </div>
                <div class="span6">
                    @Html.DropDownListFor(model => Model.FileMigrationReasonId, Model.MigrationReasons)
                    @Html.ValidationMessageFor(model => Model.FileMigrationReasonId)
                </div>
            </div>
            <div class="row" id="divOtherReason">
                <div class="span3">
                    @Html.Label("Other Reason", new { @class = "form-required" })
                </div>
                <div class="span6">
                    @Html.TextBoxFor(model => Model.OtherReason, new { @class = "dirtyTrackable" })
                    @Html.ValidationMessageFor(model => Model.OtherReason)
                </div>
            </div>
        }
    </div>
    }
}

<script type="text/javascript" src="~/Scripts/models/matter.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //attachStandardFormEvents();
        document.isDirty = false;

        // Hook up toast container
        $("#toaster").toast();

        setInstructionControls($("#FileMigrationReasonId").val());

        $("#FileMigrationReasonId").change(function () {
            var value = $("#FileMigrationReasonId").val();
            setInstructionControls(value);
        });

        $("SELECT, INPUT").change(function () {
            document.isDirty = true;
        });

        if ('@Model.IsEdit' == 'True') {
            $('input[name=Division]').attr("disabled", true);
            $("#ClientName").attr("readonly", true);
        }

        $("input[name='Division']:radio").change(function() {

            var divId = $("input[name='Division']:checked").val();

            clearWorkTypeDropDownLists();

            if (divId == '@Divisions.CFS' || divId == '@Divisions.CMS' || divId == '@Divisions.TCS') {

                var formData = { divisionId: divId };
                ajax.getResponse("/api/ProductNames/GetProductNames", formData, function(list) {
                    var listItems = "";

                    for (var i = 0; i < list.length; i++) {
                        listItems += "<option value='" + list[i].Value + "' selected='" + list[i].Selected + "'>" + list[i].Text + "</option>";
                    }

                    $("#ProductNameId").html(listItems);

                    $("#ProductNameId").prepend("<option value=''>Select...</option>");

                    if (list.length > 1)
                        $("#ProductNameId").val('');

                });
            } else {
                $("#ProductNameId").empty();
                $("#ProductNameId").prepend("<option value=''>Select...</option>");
            }
        });

        $("#button-cancel").click(function (e) {
            if (document.isDirty) {
                $("#toaster").toastConfirm('@Settings.Mvc.ToastConfirmation',
                     ["No", "Yes"],
                     function (result) {
                         if (result == "No") {
                             return;
                         }
                         if (result == "Yes") {
                             document.isDirty = false;
                             e.preventDefault();
                             e.stopPropagation();
                             xdomain.hostMessage({ type: "xdomain.closeModal" });
                         }
                         ;
                     });
            } else {
                e.preventDefault();
                e.stopPropagation();
                xdomain.hostMessage({ type: "xdomain.closeModal" });
            }
        });

        $("#ClientName").watermark("Search Client");
        if ($.browser.mozilla) {

        $('#InstructionReceivedDateTime').dateandtime({ includeTime: true, watermark: "DD / MM / YYYY", dateAttributes: "class='priorityChecker'", timeAttributes: "class='priorityChecker'" });
        $('#ClientFileReceivedDateTime').dateandtime({ includeTime: true, watermark: "DD / MM / YYYY", dateAttributes: "class='dateDirty'", timeAttributes: "class='dateDirty'" });
        $('#CriticalDate').dateandtime({ includeTime: false, watermark: "DD / MM / YYYY", dateAttributes: "class='priorityChecker'", timeAttributes: "Class='priorityChecker'" });
        }
        $("#ClientName").autocomplete({ minChars: 2, url: "/api/ClientAutoComplete/Search", hiddenFieldId: "ClientAndBrandIds" });

        $("#ClientName").blur(function () {
            var defaults = {
                minChars: 3,
                url: '',
                hiddenFieldId: ''
            };

            var settings = $.extend(defaults, { minChars: 2, url: "/api/ClientAutoComplete/Search", hiddenFieldId: "ClientAndBrandIds" });

            var searchText;
            if ($("#ClientName").val().indexOf('-') != -1) {
                searchText = $("#ClientName").val().split('-')[1].trim() != '' ? $("#ClientName").val().split('-')[1].trim() : $("#ClientName").val().split('-')[0].trim();
            }
            else {
                searchText = $("#ClientName").val().trim();
            }
            $.get("/api/ClientAutoComplete/Search", { searchData: searchText }, function (data) {
                var item = data[0];
                $("input[id='" + settings.hiddenFieldId + "']").val(item.Id);
                $("#ClientName").val(item.SelectedDisplayString);
                $("input#selectedClientId").val(item.Id).trigger('change');
            });
        });

        $("#ClientName").bind('keyup change', function () {

            if ($(this).val() == '' || $(this).val() == null) {
                $("input#selectedClientId").val('').trigger('change');
            }
        });

        $('#ClientFileReceivedIsEqualInstructionReceived').change(function () {

            if (this.checked) {
                var time = $("#@Html.IdFor(m => m.InstructionReceivedDateTime)TimeInput").val();
                $("#@Html.IdFor(m => m.ClientFileReceivedDateTime)TimeInput").removeClass('watermark').val(time);

                var date = $("#@Html.IdFor(m => m.InstructionReceivedDateTime)DateInput").val();
                $("#@Html.IdFor(m => m.ClientFileReceivedDateTime)DateInput").removeClass('watermark').val(date).trigger('change');
            } else {
                $("#@Html.IdFor(m => m.ClientFileReceivedDateTime)DateInput").val("").trigger('change');
                $("#@Html.IdFor(m => m.ClientFileReceivedDateTime)TimeInput").val("").trigger('change');
            }
        });


        $('#ProductNameId').change(function () {
            // The following method is in the WorkType component
            workTypeProductChangeTrigger($("#ProductNameId").val());

            var productName = $("#@Html.IdFor(m => m.ProductNameId)").val();

            if (productName != "") {
                GetproductDefaults(productName);
            } else {
                $("#@Html.IdFor(m => m.EstimatedValue)").val("Select...");

                var newIsDelegatedAuthority = $("#@Html.IdFor(m => m.IsDelegatedAuthority)").val();
                $("input:radio[name='IsDelegatedAuthority'][value='" + newIsDelegatedAuthority + "']").prop('checked', false);
            }
        });

        $("#button-ok").click(function () {
            $("input.watermark").val('');
            consolidateWorkTypeId();
            $("#addMaintainInstructionForm").submit();
        });

        $(".dateDirty").change(function (event) {
            document.isDirty = true;
        });

        $(".priorityChecker").change(function (event) {
            document.isDirty = true;
            setPriority();
        });

        setPriorityOverideLabel($("input:radio[name='Priority']:checked").val());

        $("#menuButton").click(function () {
            document.isDirty = true;
        });

        $('#ClientFileReceivedDateTimeDateInput').change(function () {
            var timeLabel = $('label[for="Time2"]');

            if ($(this).val() != '') {
                timeLabel.addClass("form-required");
            }
            else
                timeLabel.removeClass("form-required");
        });
    });



    function GetproductDefaults(prodNameId) {
        $.get("/api/ProductNames/GetProductNameValues", { productNameId: prodNameId }, function (result) {

            $("#@Html.IdFor(m => m.IsDelegatedAuthority)").val(result.DefaultIsAuthority);
            $("input:radio[name='IsDelegatedAuthority'][value='" + result.DefaultIsAuthority + "']").prop('checked', true);
            $("#@Html.IdFor(m => m.EstimatedValue)").val(result.DefaultEstimatedValue);

            resolveDelegatedAuthority(result.DefaultIsAuthority);

            $("#@Html.IdFor(m => m.WorkTypeId)").val(result.DefaultWorkTypeId);
        });
    }

    function resolveDelegatedAuthority(val) {
        var authority = null;

        if (val === true || val === 'True') {
            authority = true;
            $("input:radio[name='IsDelegatedAuthority']")[0].checked = true;
            $("input:radio[name='IsDelegatedAuthority']")[1].checked = false;
        }
        else if (val === false || val === 'False') {
            authority = false;
            $("input:radio[name='IsDelegatedAuthority']")[0].checked = false;
            $("input:radio[name='IsDelegatedAuthority']")[1].checked = true;
        } else {
            $("input:radio[name='IsDelegatedAuthority']")[0].checked = false;
            $("input:radio[name='IsDelegatedAuthority']")[1].checked = f;alse;
        }
        $("input:radio[name='IsDelegatedAuthority']").val(authority);
    }

    $("input:radio[name='IsDelegatedAuthority']").click(function () {
        var authority = null;
        if ($("input:radio[name='IsDelegatedAuthority']")[0].checked) {
            authority = true;
            $("input:radio[name='IsDelegatedAuthority']")[1].checked = false;
        }
        if ($('input[name=IsDelegatedAuthority]')[1].checked) {
            authority = false;
            $("input:radio[name='IsDelegatedAuthority']")[0].checked = false;
        }

        $("input:radio[name='IsDelegatedAuthority']").val(authority);
    });


    function setInstructionControls(value) {

        if (value == '@FileMigrationReasons.Other') {
            $("#divOtherReason").removeClass('hidden');
        } else {
            $("#divOtherReason").addClass('hidden');
        }
    }

</script>