187 lines
8.9 KiB
HTML
187 lines
8.9 KiB
HTML
{extends file="layout.tpl"}
|
|
|
|
{* Security *}
|
|
{block name="no-return-functions" prepend}
|
|
{check_auth role="CUSTOMER" login_tpl="login"}
|
|
{check_cart_not_empty}
|
|
{/block}
|
|
|
|
{* Body Class *}
|
|
{block name="body-class"}page-order-delivery{/block}
|
|
|
|
{* Breadcrumb *}
|
|
{block name='no-return-functions' append}
|
|
{$breadcrumbs = [
|
|
['title' => {intl l="Cart"}, 'url'=>{url path="/cart"}],
|
|
['title' => {intl l="Billing and delivery"}, 'url'=>{url path="/order/delivery"}]
|
|
]}
|
|
{/block}
|
|
|
|
|
|
{block name="main-content"}
|
|
|
|
<div class="main">
|
|
<article id="cart" class="col-main" role="main" aria-labelledby="main-label">
|
|
|
|
<h1 id="main-label" class="page-header">{intl l="Billing and delivery"}</h1>
|
|
|
|
{include file="misc/checkout-progress.tpl" step="delivery"}
|
|
|
|
{hook name="order-delivery.top"}
|
|
|
|
{form name="thelia.order.delivery"}
|
|
{assign var="isPost" value={$smarty.post|count}}
|
|
<form id="form-cart-delivery" action="{url path="/order/delivery"}" method="post" {form_enctype}>
|
|
|
|
{form_hidden_fields}
|
|
|
|
{if $form_error}<div class="alert alert-danger">{$form_error_message}</div>{/if}
|
|
|
|
{hook name="order-delivery.form-top"}
|
|
|
|
{form_field field='delivery-address'}
|
|
|
|
<div id="delivery-address" class="panel panel-default">
|
|
<div class="panel-heading clearfix">
|
|
<a href="{url path="/address/create" next={navigate to='current'} }" class="btn btn-link pull-right"><i class="fa fa-plus"></i> {intl l="Add a new address"}</a>
|
|
{intl l="Choose your delivery address"}
|
|
{if $error}
|
|
<span class="help-block"><span class="fa fa-remove"></span> {$message}</span>
|
|
{/if}
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table table-address" role="presentation" summary="Address Books">
|
|
<tbody>
|
|
{loop type="address" name="customer.addresses" customer="current"}
|
|
{assign var="isDeliveryAddressChecked" value="0"}
|
|
{if $isPost}
|
|
{if $value == $ID}
|
|
{assign var="isDeliveryAddressChecked" value="1"}
|
|
{/if}
|
|
{elseif $delivery_address_id == $ID}
|
|
{assign var="isDeliveryAddressChecked" value="1"}
|
|
{/if}
|
|
<tr>
|
|
<th>
|
|
<div class="radio">
|
|
<label for="delivery-address_{$ID}">
|
|
<input type="radio" class="js-change-delivery-address" data-country="{$COUNTRY}" name="{$name}" value="{$ID}"{if $isDeliveryAddressChecked} checked="checked"{/if} id="delivery-address_{$ID}">
|
|
{if $isDeliveryAddressChecked}
|
|
{$LABEL|default:{intl l='Address %nb' nb={$LOOP_COUNT}}}
|
|
<span class="label label-info ">{intl l="Main Address"}</span>
|
|
{else}
|
|
{$LABEL|default:{intl l='Address %nb' nb={$LOOP_COUNT}}}
|
|
{/if}
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<td>
|
|
<ul class="list-address list-unstyled row">
|
|
<li class="col-sm-4">
|
|
<span class="fn">{loop type="title" name="customer.title.info" id=$TITLE}{$SHORT}{/loop} {$LASTNAME|upper} {$FIRSTNAME|ucwords}</span>
|
|
<span class="org">{$COMPANY}</span>
|
|
</li>
|
|
<li class="col-sm-4">
|
|
<address class="adr">
|
|
<span class="street-address">{$ADDRESS1}</span>
|
|
{if $ADDRESS2 != ""}
|
|
<br><span class="street-address">{$ADDRESS2}</span>
|
|
{/if}
|
|
{if $ADDRESS3 != ""}
|
|
<br><span class="street-address">{$ADDRESS3}</span>
|
|
{/if}
|
|
<br><span class="postal-code">{$ZIPCODE}</span>
|
|
<span class="locality">{$CITY},
|
|
<span class="country-name">{loop type="country" name="customer.country.info" id=$COUNTRY}{$TITLE}{/loop}</span></span>
|
|
{if $STATE}, <span class="state-name">{loop type="state" name="customer.state.info" id=$STATE}{$TITLE}{/loop}</span></span>{/if}
|
|
</address>
|
|
</li>
|
|
<li class="col-sm-4">
|
|
{if $CELLPHONE != ""}
|
|
<span class="tel">{$CELLPHONE}</span>
|
|
{/if}
|
|
{if $PHONE != ""}
|
|
<br><span class="tel">{$PHONE}</span>
|
|
{/if}
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<div class="group-btn">
|
|
<a href="{url path="/address/update/%id" id=$ID next={navigate to="current"}}" class="btn btn-primary" data-toggle="tooltip" title="{intl l="Edit this address"}"><i class="fa fa-pencil"></i> {intl l="Edit"}</a>
|
|
{if $DEFAULT != 1}
|
|
<a href="{url path="/address/delete/%id" id=$ID}" class="btn btn-primary" data-confirm="{intl l="Do you really want to delete this address ?"}" data-confirm-callback="address.delete" title="{intl l="Remove this address"}" data-toggle="tooltip"><i class="fa fa-remove"></i> {intl l="Delete"}</a>
|
|
{/if}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{/loop}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
{/form_field}
|
|
|
|
{form_field field='delivery-module'}
|
|
|
|
<div id="delivery-method" class="panel panel-default">
|
|
<div class="panel-heading">
|
|
{intl l="Choose your delivery method"}
|
|
{if $error}
|
|
<span class="help-block"><span class="fa fa-remove"></span> {$message}</span>
|
|
{/if}
|
|
</div>
|
|
<div class="panel-body" id="delivery-module-list-block"></div>
|
|
</div>
|
|
|
|
{/form_field}
|
|
|
|
{hook name="order-delivery.form-bottom"}
|
|
|
|
<a href="{url path="/cart"}" role="button" class="btn btn-default"><i class="fa fa-chevron-left"></i> {intl l="Back"}</a>
|
|
<button type="submit" class="btn btn-primary pull-right"><i class="fa fa-chevron-right"></i> {intl l="Next Step"}</button>
|
|
|
|
</form>
|
|
{/form}
|
|
|
|
{hook name="order-delivery.bottom"}
|
|
|
|
</article>
|
|
</div>
|
|
|
|
|
|
{/block}
|
|
|
|
{block name="javascript-initialization"}
|
|
|
|
<script type="text/javascript">
|
|
jQuery(function($) {
|
|
$('.js-change-delivery-address').change(function(e) {
|
|
if (this.checked) {
|
|
$('#delivery-module-list-block').load(
|
|
'{url path="/order/deliveryModuleList"}',
|
|
{literal}
|
|
{
|
|
country_id: $(this).data('country'),
|
|
address_id: $(this).attr('value')
|
|
}
|
|
{/literal}
|
|
);
|
|
}
|
|
});
|
|
|
|
$('.js-change-delivery-address:checked').change();
|
|
});
|
|
</script>
|
|
{hook name="order-delivery.javascript-initialization"}
|
|
{/block}
|
|
|
|
{block name="stylesheet"}
|
|
{hook name="order-delivery.stylesheet"}
|
|
{/block}
|
|
|
|
{block name="after-javascript-include"}
|
|
{hook name="order-delivery.after-javascript-include"}
|
|
{/block}
|