{extends file="admin-layout.tpl"}

{block name="page-title"}{intl l='Edit an order'}{/block}

{block name="check-permissions"}admin.order.edit{/block}

{block name="main-content"}
    <div class="orders edit-order">

        <div id="wrapper" class="container">

            <ul class="breadcrumb">
	            <li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
	            <li><a href="{url path='/admin/order'}">{intl l="Orders"}</a></li>
	        </ul>

	        <div class="row">
            	<div class="col-md-12">

					<div class="general-block-decorator">

                        {ifloop rel='the-order'}

                            {loop type="order" name="the-order" id=$order_id customer="*"}

                                {loop type="currency" name="order-currency" id=$CURRENCY}
                                    {assign "orderCurrency" $SYMBOL}
                                {/loop}

                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#cart" data-toggle="tab"><span class="glyphicon glyphicon-shopping-cart"></span> {intl l="Ordered products"}</a></li>
                                    <li><a href="#bill" data-toggle="tab"><span class="glyphicon glyphicon-list-alt"></span> {intl l="Invoice and Delivery"}</a></li>
                                    <li><a href="#supplements" data-toggle="tab"><span class="glyphicon glyphicon-info-sign"></span> {intl l="Further information"}</a></li>
                                </ul>

                                <div class="tab-content">
                                    <div class="tab-pane fade active in" id="cart">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-condensed table-left-aligned">
                                                <caption class="clearfix">
                                                   {intl l='Cart'}
                                                </caption>
                                                <thead>
                                                    <tr>
                                                       <th>{intl l="Product"}</th>
                                                       <th>{intl l="Price"}</th>
                                                       <th>{intl l="Quantity"}</th>
                                                       <th>{intl l="Total"}</th>
                                                    </tr>
                                                </thead>

                                                <tbody>
                                                    <tr>
                                                        <td><a href="#">T-Shirt F T1</a></td>
                                                        <td>20.00 &euro;</td>
                                                        <td>3</td>
                                                        <td>60.00 &euro;</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">T-Shirt F T1</a></td>
                                                        <td>20.00 &euro;</td>
                                                        <td>3</td>
                                                        <td>60.00 &euro;</td>
                                                    </tr>
                                                    <tr>
                                                        <td><a href="#">T-Shirt F T1</a></td>
                                                        <td>20.00 &euro;</td>
                                                        <td>3</td>
                                                        <td>60.00 &euro;</td>
                                                    </tr>
                                                </tbody>
                                                <tfoot>
                                                    <tr class="active">
                                                        <td colspan="3"><strong>Total</strong></td>
                                                        <td><strong>180.00 &euro;</strong></td>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>

                                        <div class="table-responsive">
                                            <table class="table table-striped table-condensed table-left-aligned">
                                                <caption class="clearfix">
                                                    {intl l='Payment information'}
                                                </caption>
                                                <tbody>
                                                <tr>
                                                    <th>{intl l="Payment module"}</th>
                                                    <td>{loop name="payment-module" type="module" id=$PAYMENT_MODULE}{$TITLE}{/loop}</td>
                                                </tr>
                                                <tr>
                                                    <th>{intl l="Transaction reference"}</th>
                                                    <td>{$TRANSACTION_REF}</td>
                                                </tr>
                                                <tr>
                                                    <th>{intl l="Total without discount"}</th>
                                                    <td>@TODO</td>
                                                </tr>
                                                <tr>
                                                    <th>{intl l="Discount"}</th>
                                                    <td>@TODO</td>
                                                </tr>
                                                <tr>
                                                    <th>{intl l="Coupon code"}</th>
                                                    <td>@TODO</td>
                                                </tr>
                                                <tr>
                                                    <th>{intl l="Total including discount"}</th>
                                                    <td>{$orderCurrency} {$TOTAL_TAXED_AMOUNT-$POSTAGE}</td>
                                                </tr>
                                                <tr>
                                                    <th>{intl l="Postage"}</th>
                                                    <td>{$orderCurrency} {$POSTAGE}</td>
                                                </tr>
                                                <tr>
                                                    <th>{intl l="Total"}</th>
                                                    <td>{$orderCurrency} {$TOTAL_TAXED_AMOUNT}</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>

                                    </div> <!-- #cart -->

                                    <div class="tab-pane fade clearfix" id="bill">

                                        <p class="title title-without-tabs">
                                            {intl l='Delivery module'}
                                        </p>

                                        {loop name="payment-module" type="module" id=$DELIVERY_MODULE}

                                        <dl class="dl-horizontal">
                                            <dt>{intl l="Name"}</dt>
                                            <dd>{$TITLE}</dd>
                                        </dl>
                                        <dl class="dl-horizontal">
                                            <dt>{intl l="Description"}</dt>
                                            <dd>{$DESCRIPTION}</dd>
                                        </dl>

                                        {/loop}

                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-striped table-condensed table-left-aligned">
                                                    <caption class="clearfix">
                                                        {intl l='Invoice informations'}
                                                        <div class="pull-right">
                                                            <a class="btn btn-default btn-primary" title="{intl l='Download invoice as PDF'}" href="#">
                                                                <span class="glyphicon glyphicon-cloud-download"></span> {intl l='PDF invoice'}
                                                            </a>
                                                            <a class="btn btn-default btn-primary" title="{intl l='Edit invoice address'}" href="#edit_address_dialog" data-toggle="modal">
                                                                <span class="glyphicon glyphicon-edit"></span>
                                                            </a>
                                                        </div>
                                                    </caption>
                                                    <tbody>
                                                    <tr>
                                                        <th>{intl l="Invoice reference"}</th>
                                                        <td>{$INVOICE_REF}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>{intl l="Invoice date"}</th>
                                                        <td>{format_date date=$INVOICE_DATE output="date"}</td>
                                                    </tr>

                                                    {loop type="order_address" name="order-invoice-address" id=$INVOICE_ADDRESS}
                                                        <tr>
                                                            <th>{intl l="Title"}</th>
                                                            <td>{loop type="title" name="order-invoice-address-title" id=$TITLE}{$LONG}{/loop}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Compagny"}</th>
                                                            <td>{$COMPANY}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Firstname"}</th>
                                                            <td>{$FIRSTNAME}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Lastname"}</th>
                                                            <td>{$LASTNAME}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Street address"}</th>
                                                            <td>{$ADDRESS1}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Additional address"}</th>
                                                            <td>{$ADDRESS2}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Additional address"}</th>
                                                            <td>{$ADDRESS3}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Zip code"}</th>
                                                            <td>{$ZIPCODE}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="City"}</th>
                                                            <td>{$CITY}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Country"}</th>
                                                            <td>{loop type="country" name="order-invoice-address-country" id=$COUNTRY}{$TITLE}{/loop}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Phone"}</th>
                                                            <td>{$PHONE}</td>
                                                        </tr>
                                                    {/loop}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-striped table-condensed table-left-aligned">
                                                    <caption class="clearfix">
                                                        {intl l='Delivery address'}
                                                        <div class="pull-right">
                                                            <a class="btn btn-default btn-primary" title="{intl l='Download purchase order as PDF'}" href="#">
                                                                <span class="glyphicon glyphicon-cloud-download"></span> {intl l='PDF purchase order'}
                                                            </a>
                                                            <a class="btn btn-default btn-primary" title="{intl l='Edit delivery address'}" href="#edit_address_dialog" data-toggle="modal">
                                                                <span class="glyphicon glyphicon-edit"></span>
                                                            </a>
                                                        </div>
                                                    </caption>
                                                    <tbody>
                                                    {loop type="order_address" name="order-delivery-address" id=$DELIVERY_ADDRESS}
                                                        <tr>
                                                            <th>{intl l="Title"}</th>
                                                            <td>{loop type="title" name="order-delivery-address-title" id=$TITLE}{$LONG}{/loop}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Compagny"}</th>
                                                            <td>{$COMPANY}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Firstname"}</th>
                                                            <td>{$FIRSTNAME}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Lastname"}</th>
                                                            <td>{$LASTNAME}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Street address"}</th>
                                                            <td>{$ADDRESS1}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Additional address"}</th>
                                                            <td>{$ADDRESS2}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Additional address"}</th>
                                                            <td>{$ADDRESS3}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Zip code"}</th>
                                                            <td>{$ZIPCODE}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="City"}</th>
                                                            <td>{$CITY}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Country"}</th>
                                                            <td>{loop type="country" name="order-delivery-address-country" id=$COUNTRY}{$TITLE}{/loop}</td>
                                                        </tr>
                                                        <tr>
                                                            <th>{intl l="Phone"}</th>
                                                            <td>{$PHONE}</td>
                                                        </tr>
                                                    {/loop}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>



                                    </div> <!-- #bill -->

                                    <div class="tab-pane fade clearfix" id="supplements">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-condensed table-left-aligned">
                                                <caption>
                                                    {intl l='Further information'}
                                                </caption>

                                                <tbody>
                                                    <tr>
                                                        <th><label for="">{intl l='Status'}</label></th>
                                                        <td>
                                                            <form action="" method="">
                                                                <div class="row">
                                                                    <div class="col-lg-4">
                                                                        <select name="" id="" class="form-control">
                                                                            <option value="">Status 1</option>
                                                                            <option value="">Status 2</option>
                                                                            <option value="">Status 3</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th><label for="">{intl l='Order Tracking'}</label></th>
                                                        <td>
                                                            <form action="" method="">
                                                                <div class="row">
                                                                    <div class="col-lg-4">
                                                                        <input type="text" id="" name="" class="form-control" value="" title="" placeholder="">
                                                                    </div>
                                                                    <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span></button>
                                                                </div>
                                                            </form>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th>{intl l='Bill'}</th>
                                                        <td><a href="#" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-cloud-download"></span> {intl l='Download bill to pdf'}</a></td>
                                                    </tr>
                                                    <tr>
                                                        <th>{intl l='Delivery'}</th>
                                                        <td><a href="#" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-cloud-download"></span> {intl l='Download delivery to pdf'}</a></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div> <!-- #supplements -->

                                </div>
                            {/loop}

                        {/ifloop}
                        {elseloop rel="the-order"}

                            DOES NOT EXISTS

                        {/elseloop}

					</div>

            	</div>
            </div>

        </div>
    </div>

	{* Update an Address *}

    {form name="thelia.address.update"}
        
        {* Capture the dialog body, to pass it to the generic dialog *}
        {capture "edit_address_dialog"}
            
            {form_hidden_fields form=$form}
                    
            {form_field form=$form field='label'}
                <div class="form-group {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{intl l="{$label}"}" placeholder="{intl l='Label'}">
                </div>
            {/form_field}

            {form_field form=$form field='company'}
                <div class="form-group {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{intl l="{$label}"}" placeholder="{intl l='Company'}">
                </div>
            {/form_field}
            
            {form_field form=$form field='title'}                
                <div class="form-group {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                    
                    <select name="{$name}" id="{$label_attr.for}" class="form-control">
                        {loop type="title" name="title1"}
                            <option value="{$ID}">{$LONG}</option>
                        {/loop}
                    </select>                    
                </div>
            {/form_field}

            {form_field form=$form field='firstname'}
                <div class="form-group {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{intl l="{$label}"}" placeholder="{intl l='Firstname'}">
                </div>
            {/form_field}

            {form_field form=$form field='lastname'}
                <div class="form-group {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{intl l="{$label}"}" placeholder="{intl l='Lastname'}">
                </div>
            {/form_field}

            {form_field form=$form field='address1'}
                <div class="form-group {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{intl l="{$label}"}" placeholder="{intl l='Address'}">                    
                </div>

                <div class="form-group">
                    {form_field form=$form field='address2'}
                        <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{intl l="{$label}"}" placeholder="{intl l='Additional address'}">
                    {/form_field}                    
                </div>

                <div class="form-group">
                    {form_field form=$form field='address3'}
                        <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{intl l="{$label}"}" placeholder="{intl l='Additional address'}">
                    {/form_field}
                </div>
            {/form_field}

            {form_field form=$form field='zipcode'}
                <div class="form-group {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{intl l="{$label}"}" placeholder="{intl l='Zip code'}">
                </div>
            {/form_field}

            {form_field form=$form field='city'}
                <div class="form-group {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{intl l="{$label}"}" placeholder="{intl l='City'}">
                </div>
            {/form_field}

            {form_field form=$form field='country'}
                <div class="form-group {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">{intl l="{$label}"} : </label>
                    <select name="{$name}" id="{$label_attr.for}" class="form-control">
                        {loop type="country" name="country1"}
                            <option value="{$ID}">{$TITLE}</option>
                        {/loop}
                    </select>
                </div>
            {/form_field}         

        {/capture}
    
        {include
            file = "includes/generic-create-dialog.html"

            dialog_id    = "edit_address_dialog"
            dialog_title = {intl l="Edit an address"}
            dialog_body  = {$smarty.capture.edit_address_dialog nofilter}

            dialog_ok_label     = {intl l="Edit this address"}
            dialog_cancel_label = {intl l="Cancel"}

            form_action        = {url path='/admin/address/update'}
            form_enctype       = {form_enctype form=$form}
            form_error_message = $form_error_message
        }

    {/form}
    
{/block}