{include file="header.tpl.html" extra_title="Issue #$issue_id - Add Phone Entry"}

{if $add_phone_result != ''}
    <br />
    <center>
        <span class="default"><b>
    {if $add_phone_result == -1}
        An error occurred while trying to run your query
    {elseif $add_phone_result == 1}
        Thank you, the phone entry was added successfully.
    {/if}
    </b></span>
    </center>
    <script language="JavaScript">
    <!--
    {if $current_user_prefs.close_popup_windows == '1'}
    setTimeout('closeAndRefresh()', 2000);
    {/if}
    //-->
    </script>
    <br />
    {if not $current_user_prefs.close_popup_windows}
    <center>
      <span class="default"><a class="link" href="javascript:void(null);" onClick="javascript:closeAndRefresh();">Continue</a></span>
    </center>
    {/if}
{else}
{literal}
<script language="JavaScript">
<!--
function validatePhoneSupportForm(f)
{
    if (!isValidDate(f, 'date')) {
        alert('Please select a valid date for when the phone call took place.');
        return false;
    }
    if ((isWhitespace(f.call_length.value)) || (!isNumberOnly(f.call_length.value))) {
        selectField(f, 'call_length');
        alert('Please enter integers (or floating point numbers) on the time spent field.');
        return false;
    }
    if (isWhitespace(f.description.value)) {
        selectField(f, 'description');
        alert('Please enter the description for this new phone support entry.');
        return false;
    }
    if (getSelectedOption(f, 'phone_category') == -1) {
        selectField(f, 'phone_category');
        alert('Please choose the category for this new phone support entry.');
        return false;
    }
    return true;
}
//-->
</script>
{/literal}
<table align="center" width="100%" cellpadding="3">
  <tr>
    <td>
      <table width="100%" bgcolor="{$cell_color}" border="0" cellspacing="0" cellpadding="0" align="center">
      <form name="add_phone_form" onSubmit="javascript:return validatePhoneSupportForm(this);" method="post" action="{$smarty.server.PHP_SELF}">
      <input type="hidden" name="cat" value="add_phone">
      <input type="hidden" name="issue_id" value="{$issue_id}">
        <tr>
          <td>
            <table bgcolor="#FFFFFF" width="100%" cellspacing="1" cellpadding="2">
              {if $current_role > $roles.customer}
              <tr>
                <td colspan="2" class="default"><b>Record Phone Call:</b></td>
              </tr>
              <tr>
                <td bgcolor="{$internal_color}" class="default_white" width="190" nowrap><b>Date of Call:</b></td>
                <td bgcolor="{$light_color}" width="100%">
                  {html_select_date start_year='-1' day_value_format='%02d' field_array='date' prefix='' all_extra=' class="default"'}&nbsp;
                  {html_select_time minute_interval=5 field_array='date' prefix='' all_extra=' class="default"' display_seconds=false}
                  <a href="javascript:void(null);" onClick="javascript:updateTimeFields('add_phone_form', 'date[Year]', 'date[Month]', 'date[Day]', 'date[Hour]', 'date[Minute]');"><img src="images/icons/refresh.gif" border="0"></a>
                </td>
              </tr>
              <tr>
                <td bgcolor="{$internal_color}" class="default_white" width="190" nowrap><b>Reason:</b></td>
                <td bgcolor="{$light_color}" width="100%">
                  <select name="phone_category" class="default">
                    {html_options options=$phone_categories selected=5}
                  </select>
                  {include file="error_icon.tpl.html" field="phone_category"}
                </td>
              </tr>
              <tr>
                <td bgcolor="{$internal_color}" class="default_white" width="190" nowrap><b>Call From:</b></td>
                <td bgcolor="{$light_color}" width="100%">
                  <input type="text" class="default" name="from_lname" value="last name" onFocus="javascript:if (this.value == 'last name') this.value='';"><span class="default">,</span>
                  <input type="text" class="default" name="from_fname" value="first name" onFocus="javascript:if (this.value == 'first name') this.value='';">
                </td>
              </tr>
              <tr>
                <td bgcolor="{$internal_color}" class="default_white" width="190" nowrap><b>Call To:</b></td>
                <td bgcolor="{$light_color}" width="100%">
                  <input type="text" class="default" name="to_lname" value="last name" onFocus="javascript:if (this.value == 'last name') this.value='';"><span class="default">,</span>
                  <input type="text" class="default" name="to_fname" value="first name" onFocus="javascript:if (this.value == 'first name') this.value='';">
                </td>
              </tr>
              <tr>
                <td bgcolor="{$internal_color}" class="default_white" width="190" nowrap><b>Type:</b></td>
                <td bgcolor="{$light_color}" width="100%">
                  <select class="default" name="type">
                    <option value="incoming">Incoming</option>
                    <option value="outgoing">Outgoing</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td bgcolor="{$internal_color}" class="default_white" width="190" nowrap><b>Customer Phone Number:</b></td>
                <td bgcolor="{$light_color}" width="100%">
                  <input type="text" size="20" maxlength="32" name="phone_number" class="default">
                  {include file="error_icon.tpl.html" field="phone_number"}
                  <select class="default" name="phone_type">
                    <option value="office">Office</option>
                    <option value="home">Home</option>
                    <option value="mobile">Mobile</option>
                    <option value="temp">Temp Number</option>
                    <option value="other">Other</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td bgcolor="{$internal_color}" class="default_white" width="190" nowrap><b>Time Spent:</b></td>
                <td bgcolor="{$light_color}" width="100%"><input type="text" size="5" name="call_length" class="default"> {include file="error_icon.tpl.html" field="call_length"} <span class="small_default"><i>(in minutes)</i></span></td>
              </tr>
              <tr>
                <td bgcolor="{$internal_color}" class="default_white" width="190" nowrap><b>Description:</b></td>
                <td bgcolor="{$light_color}">
                  <textarea name="description" rows="8" style="width: 97%"></textarea>
                  {include file="error_icon.tpl.html" field="description"}
                </td>
              </tr>
              <tr>
                <td colspan="2" bgcolor="{$internal_color}" align="center">
                  <input type="submit" value="Save Phone Call" class="button">
                </td>
              </tr>
              {/if}
            </table>
          </td>
        </tr>
      </form>
      </table>
    </td>
  </tr>
</table>
<script language="JavaScript">
<!--
updateTimeFields('add_phone_form', 'date[Year]', 'date[Month]', 'date[Day]', 'date[Hour]', 'date[Minute]');
//-->
</script>
{include file="app_info.tpl.html"}
{/if}
{include file="footer.tpl.html"}