<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category   design_default
 * @package    Mage
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
		<head>
			<title><?php echo Mage::helper('adminhtml')->__('Magento Commerce - Administrative Panel') ?></title>
			<style type="text/css" media="all">
				/*<![CDATA[*/ @import "<?php echo $this->getSkinUrl('styles.css') ?>"; /*]]>*/
			</style>
			<link rel="stylesheet" type="text/css" media="screen, projection" href="<?php echo $this->getSkinUrl('menu-top.css') ?>" />
			<!--[if IE]> <link rel="stylesheet" href="<?php echo $this->getSkinUrl('iestyles.css') ?>" type="text/css" media="all" /> <![endif]-->
			<!--[if lt IE 7]><script defer type="text/javascript" src="<?php echo $baseUrl ?>js/lib/ds-sleight.js"></script><![endif]-->
			<script type="text/javascript" src="<?php echo $baseUrl ?>js/lib/dropdown.js"></script>
		</head>
		<body>
			<div class="header">
				<a href="#"><img src="<?php echo $this->getSkinUrl('images/logo.gif') ?>" alt="Magento logo" class="logo"/></a>
				<div class="header-right">
					<p>Today is: June 01, 2007<span class="separator">|</span><strong>Minu Oh</strong> (Administrator)<span class="separator">|</span><a href="#">Logout</a></p>
					<fieldset>
						<input type="text" class="input-text" value="Search by Keyword"/>
					</fieldset>
				</div>
				<div class="clear"></div>

				<?php echo $this->getLayout()->createBlock('adminhtml/page_menu')->toHtml() ?>

			</div>
			<div class="middle">
				<ul class="breadcrumbs">
					<li><a href="#">Home</a> &raquo;</li>
					<li><a href="#">Customer</a> &raquo;</li>
					<li>#0011234</li>
				</ul>
				<div class="container"><!-- accomodates the section-menu by border width (for IE bug) -->
					<div class="main">
						<div class="content-container"><!-- content positioning -->
							<div class="content"><!-- content presentation -->
								<div class="head">
									<table cellspacing="0">
										<tr>
											<td style="width:50%;"><h2>Minu Oh - Customer View</h2></td>
											<td class="buttons"><strong class="button"><span>Save</span></strong></td>
										</tr>
									</table>
								</div>
								<div class="box-left customer-personal">
									<h3>Personal Information</h3>
									<div class="box">
										<p><strong>Last Logged in:</strong> June, 16, 2007 ( Currently <strong>OFFLINE</strong> )</p>
										<p><strong>Account Created:</strong> April 1, 2001</p>
										<address>
										<strong>Contact Information</strong><br/>Minu Oh ( <a href="mailto:minu@varien.com">minu@varien.com</a>)<br/>
										3402  Motor Ave Suite B<br/>
										Los Angeles, CA 90034<br/>
										United States<br/>
										<small><strong>T</strong> |</small> (310) 123-1234</address>
									</div>
								</div>
								<div class="box-right sales-tally">
									<h3>Sales Tally</h3>
									<div class="box">
										<table cellspacing="0" class="data">
											<thead>
												<tr>
													<th>&nbsp;</th>
													<th>Lifetime Sales</th>
													<th>Average Sale</th>
												</tr>
											</thead>
											<tfoot>
												<tr>
													<td class="label"><big>Total</big></td>
													<td><big>$9000.82</big></td>
													<td><big>$400.99</big></td>
												</tr>
											</tfoot>
											<tbody>
												<tr>
													<td class="label">Site 1</td>
													<td>$1899.82</td>
													<td>$82.99</td>
												</tr>
												<tr class="even">
													<td class="label">Site 1</td>
													<td>$1899.82</td>
													<td>$82.99</td>
												</tr>
												<tr>
													<td class="label">Site 1</td>
													<td>$1899.82</td>
													<td>$82.99</td>
												</tr>
												<tr class="even">
													<td class="label">Site 1</td>
													<td>$1899.82</td>
													<td>$82.99</td>
												</tr>
												<tr>
													<td class="label">Site 1</td>
													<td>$1899.82</td>
													<td>$82.99</td>
												</tr>
												<tr class="even">
													<td class="label">Site 1</td>
													<td>$1899.82</td>
													<td>$82.99</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
								<div class="clear"></div>
								<br/>
								<h3>Sales Stat</h3>
								<dl class="accordion">
									<dt><a href="#"><img src="<?php echo $this->getSkinUrl('images/accordion_open.png') ?>" alt="" class="v-mid"/></a><strong>Last 5 Orders</strong></dt>
									<dd></dd>
									<dt><a href="#"><img src="<?php echo $this->getSkinUrl('images/accordion_open.png') ?>" alt="" class="v-mid"/></a><strong>Wishlist</strong> (5 items)</dt>
									<dd class="grid open">
										<table cellspacing="0" class="data">
											<thead>
												<tr>
													<th>Product ID</th>
													<th>Product Name</th>
													<th>Price</th>
												</tr>
											</thead>
											<tfoot>
												<tr>
													<td colspan="2" class="a-right"><strong>Total</strong></td>
													<td><strong>$400.99</strong></td>
												</tr>
											</tfoot>
											<tbody>
												<tr>
													<td>00212</td>
													<td>Some sort of product name goes here</td>
													<td class="price">$82.99</td>
												</tr>
												<tr class="even">
													<td>00212</td>
													<td>Some sort of product name goes here</td>
													<td class="price">$82.99</td>
												</tr>
												<tr>
													<td>00212</td>
													<td>Some sort of product name goes here</td>
													<td class="price">$82.99</td>
												</tr>
												<tr class="even">
													<td>00212</td>
													<td>Some sort of product name goes here</td>
													<td class="price">$82.99</td>
												</tr>
												<tr>
													<td>00212</td>
													<td>Some sort of product name goes here</td>
													<td class="price">$82.99</td>
												</tr>
												<tr class="even">
													<td>00212</td>
													<td>Some sort of product name goes here</td>
													<td class="price">$82.99</td>
												</tr>
											</tbody>
										</table></dd>
									<dt><a href="#"><img src="<?php echo $this->getSkinUrl('accordion_open.png') ?>" alt="" class="v-mid"/></a><strong>Gift Registries</strong> (0 items)</dt>
									<dd></dd>
									<dt><a href="#"><img src="<?php echo $this->getSkinUrl('images/accordion_open.png') ?>" alt="" class="v-mid"/></a><strong>Shopping Cart</strong> (1 item)</dt>
									<dd></dd>
								</dl>





							<br/><br/><!-- The two <br/>s exist only for example show. Erase during production -->
<!-- [starts] address list -->
								<div class="head">
									<table cellspacing="0">
										<tr>
											<td style="width:50%;"><h2>Minu Oh - Addresses</h2></td>
											<td class="buttons">
												<strong class="button-alt"><span>Delete</span></strong>
												<strong class="button"><span>Save</span></strong>
												<strong class="button"><span>New Address</span></strong>
												</td>
										</tr>
									</table>
								</div>
								<div class="address-list">
									<h3>Customer Addresses</h3>
									<ul>
										<li class="on">
											<address>Minu Oh<br/>
												3402 Motor Ave Suite B<br/>
												Los Angeles, CA 90034<br/>
												T | 310-123-1234
											</address>
										</li>
										<li>
											<address>Minu Oh<br/>
												3402 Motor Ave Suite B<br/>
												Los Angeles, CA 90034<br/>
												T | 310-123-1234
											</address>
										</li>
										<li class="over">
											<address>Minu Oh<br/>
												3402 Motor Ave Suite B<br/>
												Los Angeles, CA 90034<br/>
												T | 310-123-1234
											</address>
										</li>
										<li>
											<address>Minu Oh<br/>
												3402 Motor Ave Suite B<br/>
												Los Angeles, CA 90034<br/>
												T | 310-123-1234
											</address>
										</li>
									</ul>
								</div>
								<div class="entry-edit">
									<h3>Edit Address Entry</h3>
									<form method="post" action="#">
										<fieldset>
											<ul>
												<li><label for="input_name_0">Input item label</label><input type="text" class="input-text" name="input_name_0" id="input_name_0"/></li>
												<li><label for="input_name_1">Input item label</label><input type="text" class="input-text" name="input_name_1" id="input_name_1"/></li>
												<li><label for="input_name_2">Input item label</label><input type="text" class="input-text" name="input_name_2" id="input_name_2"/></li>
												<li><label for="input_name_3">Input item label</label><input type="text" class="input-text" name="input_name_3" id="input_name_3"/></li>
												<li><label for="input_name_4">Input item label</label><input type="text" class="input-text" name="input_name_4" id="input_name_4"/></li>
												<li><label for="input_name_5">Input item label</label><input type="text" class="input-text" name="input_name_5" id="input_name_5"/></li>
											</ul>
										</fieldset>
									</form>
								</div>
<!-- [ends] address list -->





							</div>
						</div>
	<!--[ends] .content-container -->

						<div class="section-menu">
							<h2>Customer Insight</h2>
							<ul>
								<li><a href="#"><span>Customer View</span></a></li>
								<li><a href="#"><span>Account Information</span></a></li>
								<li><a href="#"><span>Addresses</span></a></li>
								<li><a href="#"><span>Orders</span></a></li>
								<li><a href="#"><span>Gift Registries</span></a></li>
								<li><a href="#"><span>Product Reviews</span></a></li>
								<li><a href="#"><span>Wishlist</span></a></li>
								<li><a href="#"><span>Shopping Cart</span></a></li>
								<li><a href="#"><span>Newsletter</span></a></li>
							</ul>
							<div class="bottom"></div>
						</div>
<!--[ends] .section-menu -->
					</div>
				</div>
			</div>
<!--[ends] .middle -->

			<div class="footer">
				<p>Copyright &copy; 2008 Magento Commerce. All Right Reserved.<br/>
				<strong>Version 1.0</strong> | Powered by <a href="http://www.varien.com" target="varien">Varien</a></p>
			</div>
    </body>
</html>
