<!-- Add New Work Order tpl -->
<script type="text/javascript" src="js/jquery-1.2.1.pack.js"></script>
{literal}
<script type="text/javascript">
	function lookup(scope) {
		if(scope.length == 0) {
			// Hide the suggestion box.
			$('#suggestions').hide();
		} else {
			$.post("modules/workorder/autosuggest.php", {queryString: ""+scope+""}, function(data){
				if(data.length >0) {
					$('#suggestions').show();
					$('#autoSuggestionsList').html(data);
				}
			});
		}
	} // lookup

	function fill(thisValue) {
		$('#scope').val(thisValue);
		setTimeout("$('#suggestions').hide();", 200);
	}
</script>

<style type="text/css">
	body {
		font-family: Helvetica;
		font-size: 11px;
		color: #000;
	}

	h3 {
		margin: 0px;
		padding: 0px;
	}

	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;
		color: #fff;
	}

	.suggestionList {
		margin: 0px;
		padding: 0px;
	}

	.suggestionList li {

		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}

	.suggestionList li:hover {
		background-color: #659CD8;
	}
</style>


<script type="text/javascript">
    //<![CDATA[
    function validate_new_workorder(frm) {
        var value = '';
        var errFlag = new Array();
        var _qfGroups = {};
        _qfMsg = '';
        value = frm.elements['scope'].value;
        if (value == '' && !errFlag['scope']) {
            errFlag['scope'] = true;
            _qfMsg = _qfMsg + '\n - Please enter the  Work Order Scope';
            frm.elements['scope'].className = 'error';
        }
        value = frm.elements['scope'].value;
        if (value != '' && value.length > 40 && !errFlag['scope']) {
            errFlag['scope'] = true;
            _qfMsg = _qfMsg + '\n - The Work Order Scope cannot be more than 40 characters';
            frm.elements['scope'].className = 'error';
        }
        if (_qfMsg != '') {
            _qfMsg = 'Invalid information entered.' + _qfMsg;
            _qfMsg = _qfMsg + '\nPlease correct these fields.';
            alert(_qfMsg);
            return false;
        }
        return true;
    }
    //]]>
</script>
{/literal}
<table width="100%">
       <tr>
        <td>{if $error_msg != ""}{include file="core/error.tpl"}{/if}
            <br> <!-- Gives me some room at the top -->
            <div id="tabs_container">
                <ul class="tabs">
                    <li class="active"><a href="#" rel="#tab_1_contents" class="tab">Work Order Details</a></li>
                    <li><a href="#" rel="#tab_2_contents" class="tab">Customer Details</a></li>                

                </ul>

                <!-- This is used so the contents don't appear to the
                     right of the tabs -->
                <div class="clear"></div>

                <!-- This is a div that hold all the tabbed contents -->
                <div class="tab_contents_container">
                    <!-- Tab 1 Contents -->
                    <div id="tab_1_contents" class="tab_contents tab_contents_active">
                      <table width="700" cellpadding="5" cellspacing="0" border="0" >
                            <tr>{section name=i loop=$customer_details}
                                <td class="menuhead2" width="80%">{$translate_workorder_new_title} for {$customer_details[i].CUSTOMER_DISPLAY_NAME}</td>
                                <td class="menuhead2" width="10%" align="right">

                            </tr>
                            <tr>
                                <td class="menutd2" colspan="2">{if $error_msg != ""}{include file="core/error.tpl"}{/if}
                                    <table width="100%" class="olotable" cellpadding="5" cellspacing="0" border="0" >
                                        <tr>
                                            <td width="100%" valign="top" >                                               
                                            {$form.javascript}
                                                <!-- New Work Order Form -->								{literal}
                                                <form method="POST"  action="index.php?page=workorder:new" name="new_workorder" id="new_workorder" onsubmit="try { var myValidator = validate_new_workorder; } catch(e) { return true; } return myValidator(this);">								{/literal}
                                                    <input type="hidden" name="customer_ID" value="{$customer_details[i].CUSTOMER_ID}">
                                                    <input type="hidden" name="page" value="workorder:new">
                                                    <!--<input type="hidden" name="create_by" value="{$login_id}"> -->
                                                    <table class="olotable" width="100%" border="0"  cellpadding="4" cellspacing="0" summary="Work order display">
                                                        <tr>
                                                            <td class="olohead">{$translate_workorder_opened}</td>
                                                            <td class="olohead">{$translate_workorder_customer}</td>
                                                            <td class="olohead">{$translate_workorder_scope}</td>
                                                            <td class="olohead">{$translate_workorder_status}</td>
                                                            <td class="olohead">{$translate_workorder_enter_by}</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="olotd4">{$smarty.now|date_format:"$date_format"}</td>
                                                            <td class="olotd4">{$customer_details[i].CUSTOMER_DISPLAY_NAME}</td>
                                                            <td class="olotd4"><input size="40" id="scope" name="scope" type="text" value="" onkeyup="lookup(this.value);" onblur="fill();">
                                                                <div class="suggestionsBox" id="suggestions" style="display: none;">
                                                            <img src="images/upArrow.png" style="position: relative; top: -12px; left: 1px;" alt="upArrow" />
                                                            <div class="suggestionList" id="autoSuggestionsList">
                                                                &nbsp;
                                                            </div>
                                                    </div></td>
                                                            <td class="olotd4">{$translate_workorder_created}</td>
                                                            <td class="olotd4">{$login}</td>
                                                        </tr>
                                                    </table>
                                                    
                                                    <br>
                                                    <!-- Display Work Order Discription -->
                                                    <table class="olotable" width="100%" border="0" summary="Work order display">
                                                        <tr>
                                                            <td class="olohead">{$translate_workorder_description_title}</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="olotd">
                                                                <textarea  class="olotd4" rows="15" cols="70" name="work_order_discription"></textarea></td>
                                                        </tr>
                                                    </table>
                                                    <br>
                                                    <input type="submit" name="submit" value="{$translate_workorder_submit}"/>
                                                    <!--<input type="submit" name="email" value="Email"/> -->
                                                    <br>
                                                    <br>
                                                    <table class="olotable" width="100%" border="0" summary="Work order display">
                                                        <tr>
                                                            <td class="olohead">{$translate_workorder_comments_title}</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="olotd">
                                                                <textarea class="olotd4" rows="15" cols="70" name="work_order_comments"></textarea></td>
                                                        </tr>
                                                    </table>
                                                    <br>
                                                    <input type="submit" name="submit" value="{$translate_workorder_submit}"/>
                                                    <br>
                                                    <br>
                                                    <!-- Work Order Notes -->
                                                    <table class="olotable" width="100%" border="0" summary="Work order display">
                                                        <tr>
                                                            <td class="olohead">{$translate_workorder_notes}</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="olotd">
                                                                <textarea class="olotd4" rows="15" cols="70" name="work_order_notes"></textarea></td>
                                                        </tr>
                                                    </table>
                                                    <br>
                                                    <input type="submit" name="submit" value="{$translate_workorder_submit}"/>

                                                </form>
                                            {/section}
                                            <br>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    </div>

                    <!-- Tab 2 Contents -->
                    <div id="tab_2_contents" class="tab_contents">
                    <!-- Display Customer Contact Infromation -->
                        {section name=i loop=$customer_details}
                        <table class="olotable" border="0" cellpadding="2" cellspacing="0" width="80%" summary="Customer Contact">
                            <tr>
                                <td class="olohead" colspan="4">
                                    <table width="100%">
                                        <tr>
                                            <td class="menuhead2" width="80%">{$translate_workorder_cutomer_contact_title}</td>
                                            <td class="menuhead2" width="20%" align="right">
                                                <a href="?page=customer:edit&amp;customer_id={$customer_details[i].CUSTOMER_ID}"<img src="images/icons/16x16/small_edit.gif" border="0" alt="" /></a>													</td>
                                        </tr>
                                    </table>										</td>
                            </tr>
                            <tr>
                                <td class="menutd"><b>{$translate_workorder_contact}</b></td>
                                <td class="menutd"> {$customer_details[i].CUSTOMER_FIRST_NAME} {$customer_details[i].CUSTOMER_LAST_NAME}</td>
                                <td class="menutd"><b>{$translate_workorder_email}</b></td>
                                <td class="menutd"> {$customer_details[i].CUSTOMER_EMAIL}</td>
                            </tr>
                            <tr>
                                <td class="menutd"><b>{$translate_workorder_customer_first}</b></td>
                                <td class="menutd">{$customer_details[i].CUSTOMER_FIRST_NAME}</td>
                                <td class="menutd"><b>{$translate_workorder_customer_last}</b>
                                <td class="menutd">{$customer_details[i].CUSTOMER_LAST_NAME}</td>
                            </tr>
                            <tr>
                                <td class="row2" colspan="4">&nbsp;</td>
                            </tr>
                            <tr>
                                <td class="menutd"><b>{$translate_workorder_address}</b></td>
                                <td class="menutd"></td>
                                <td class="menutd"><b>{$translate_workorder_phone_1}</b></td>
                                <td class="menutd">{$customer_details[i].CUSTOMER_PHONE}</td>
                            </tr>
                            <tr>
                                <td class="menutd" colspan="2">{$customer_details[i].CUSTOMER_ADDRESS}</td>
                                <td class="menutd"><b>{$translate_workorder_phone_2}</b></td>
                                <td class="menutd"> {$customer_details[i].CUSTOMER_WORK_PHONE}</td>
                            </tr>
                            <tr>
                                <td class="menutd"> {$customer_details[i].CUSTOMER_CITY},</td>
                                <td class="menutd">{$customer_details[i].CUSTOMER_STATE} {$customer_details[i].CUSTOMER_ZIP}</td>
                                <td class="menutd"><b>{$translate_workorder_phone_3}</b></td>
                                <td class="menutd"> {$customer_details[i].CUSTOMER_MOBILE_PHONE}</td>
                            </tr>
                            <tr>
                                <td class="row2" colspan="4">&nbsp;</td>
                            </tr>
                            <tr>
                                <td class="menutd"><b>{$translate_workorder_type}</b></td>
                                <td class="menutd">
                                    {if $customer_details[i].CUSTOMER_TYPE ==1}{$translate_workorder_type_1}{/if}
                                    {if $customer_details[i].CUSTOMER_TYPE ==2}{$translate_workorder_type_2}{/if}
                                    {if $customer_details[i].CUSTOMER_TYPE ==3}{$translate_workorder_type_3}{/if}
                                    {if $customer_details[i].CUSTOMER_TYPE ==4}{$translate_workorder_type_4}{/if}
                                    {if $customer_details[i].CUSTOMER_TYPE ==5}{$translate_workorder_type_5}{/if}
                                    {if $customer_details[i].CUSTOMER_TYPE ==6}{$translate_workorder_type_6}{/if}
                                    {if $customer_details[i].CUSTOMER_TYPE ==7}{$translate_workorder_type_7}{/if}
                                    {if $customer_details[i].CUSTOMER_TYPE ==8}{$translate_workorder_type_8}{/if}
                                    {if $customer_details[i].CUSTOMER_TYPE ==9}{$translate_workorder_type_9}{/if}
                                    {if $customer_details[i].CUSTOMER_TYPE ==10}{$translate_workorder_type_10}{/if}
                                </td>
                                <td class="menutd"></td>
                                <td class="menutd"></td>
                            </tr>
                            <tr>
                                <td class="row2" colspan="4">&nbsp;</td>
                            </tr>
                        </table>{/section}
                    </div>
                </div>
                </div>
             </td>
    </tr>
</table>

																													