﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../Styles/Crmstyle.css" />
    <script type="text/javascript" src="../Scripts/jquery1.9.1.js"></script>
    <script src="../../../ClientGlobalContext.js.aspx"></script>
    <script type="text/javascript">

        var webApiUrl = window.parent.Xrm.Page.context.getClientUrl() + "/api/data/v8.0/";

        function RetrieveEmailTemplates() {

            var filterQuery = "templates?$select=title,templatetypecode&$filter=templatetypecode eq 'incident'";
            var httpReq = new XMLHttpRequest();
            httpReq.open( "GET", webApiUrl + filterQuery, false );
            httpReq.setRequestHeader( "Accept", "application/json" );
            httpReq.setRequestHeader( "Content-Type", "application/json; charset=utf-8" );
            httpReq.setRequestHeader( "OData-MaxVersion", "4.0" );
            httpReq.setRequestHeader( "OData-Version", "4.0" );
            httpReq.send( null );
                        
            if ( httpReq.status === 200 ) {
               var templateColl = JSON.parse( httpReq.responseText ).value;

               for ( var i = 0; i < templateColl.length; i++ ) {
                   $( '#SelectAutoResponseExternal' ).append( '<option value="' + templateColl[i].templateid + '">' + templateColl[i].title + '</option>' )
                   $( '#SelectAutoResponseInternal' ).append( '<option value="' + templateColl[i].templateid + '">' + templateColl[i].title + '</option>' )
                   $( '#SelectRegOpenCaseInternalTemplate' ).append( '<option value="' + templateColl[i].templateid + '">' + templateColl[i].title + '</option>' )
                }
            }
            
            if (window.parent.Xrm.Page.getAttribute('iotap_newcaseextemailtemplate').getValue() != null) {
                $('#SelectAutoResponseExternal').val(window.parent.Xrm.Page.getAttribute('iotap_newcaseextemailtemplate').getValue().toLowerCase());
            }

            if (window.parent.Xrm.Page.getAttribute('iotap_newcaseintemailtemplate').getValue() != null) {
                $('#SelectAutoResponseInternal').val(window.parent.Xrm.Page.getAttribute('iotap_newcaseintemailtemplate').getValue().toLowerCase());
            }

            if (window.parent.Xrm.Page.getAttribute('iotap_regopencaseintemailtemplate').getValue() != null) {
                $('#SelectRegOpenCaseInternalTemplate').val(window.parent.Xrm.Page.getAttribute('iotap_regopencaseintemailtemplate').getValue().toLowerCase());
            }           
        }             

        function UpdateAttribute() {
            var selectedAckTemplateExt = SelectAutoResponseExternal.value;
            var selectedAckTemplateInt = SelectAutoResponseInternal.value;
            var selectedRegOpenCaseTemplate = SelectRegOpenCaseInternalTemplate.value;
            var ackTemplateIdExt = "iotap_newcaseextemailtemplate";
            var ackTemplateIdInt = "iotap_newcaseintemailtemplate";
            var regOpenCaseTemplateId = "iotap_regopencaseintemailtemplate";
            window.parent.Xrm.Page.getAttribute(ackTemplateIdExt).setValue(selectedAckTemplateExt);
            window.parent.Xrm.Page.getAttribute(ackTemplateIdInt).setValue(selectedAckTemplateInt);
            window.parent.Xrm.Page.getAttribute(regOpenCaseTemplateId).setValue(selectedRegOpenCaseTemplate);
        }

    </script>
    <style type="text/css">
        .label
        {
            font-family: Segoe UI, Tahoma, Arial;
            font-size: 11px;
            font-weight: normal;
        }
        .label1
        {
            font-family: Segoe UI, Tahoma, Arial;
            font-size: 11px;
            font-weight: normal;
            color: Red;
        }
        .body
        {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            background-color: White;
            padding: 0px;
        }
        .style6
        {
            height: 26px;
        }
        .style7
        {
            width: 8%;
        }
        #SelectAutoResponseExternal
        {
            margin-left: 0px;
        }
    </style>
</head>
<body onload="RetrieveEmailTemplates()" style="width: 100%; margin: 0 0 0 0; padding: 0 0 0 0;height:auto">
    <table style="width: 100%; border-style: none; table-layout: fixed;" cellpadding="0"
        cellspacing="0">
        <colgroup>
            <col width="108">
            <col>
            <col width="123" style="padding-left:10px">
            <col>
            <tbody>
                <tr>
                    <td class="ms-crm-Text" align="left" colspan="4">
                        New Case Creation
                    </td>
                </tr>
                <tr>
                    <td align="left" style="width: 92px">
                        <label class="label">
                            External Email Template</label>&nbsp;
                    </td>
                    <td align="right" width="42%">
                        <select id="SelectAutoResponseExternal" class="ms-crm-SelectBox" name="D1" onchange="UpdateAttribute()">
                            <option></option>
                        </select>
                    </td>
                    <td align="left" style="padding-left: 10px; width: 92px;">
                        <label class="label">
                            Internal Email Template</label>&nbsp;
                    </td>
                    <td align="right" width="42%">
                        <select id="SelectAutoResponseInternal" class="ms-crm-SelectBox" name="D2" onchange="UpdateAttribute()">
                            <option></option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td style="height: 10px" align="left" colspan="4">
                    </td>
                </tr>
                <tr>
                    <td class="ms-crm-Text" align="left" colspan="4">
                        <label>
                            New Communication received regarding existing open case</label>
                    </td>
                </tr>
                <tr>
                    <td style="width: 92px" align="left">
                        <label class="label">
                            Internal Email Template</label>
                    </td>
                    <td align="right" width="42%">
                        <select id="SelectRegOpenCaseInternalTemplate" class="ms-crm-SelectBox" name="D3"
                            onchange="UpdateAttribute()">
                            <option></option>
                        </select>
                    </td>
                    <td class="style7" align="left">
                    </td>
                    <td align="right" class="style6">
                    </td>
                </tr>
            </tbody>
    </table>
</body>
</html>
