125 lines
6.8 KiB
HTML
125 lines
6.8 KiB
HTML
{extends file="layout.tpl"}
|
|
|
|
{* Breadcrumb *}
|
|
{block name='no-return-functions' append}
|
|
{$breadcrumbs = [['title' => {intl l="Contact Us"}, 'url'=>{url path="/contact"}]]}
|
|
{/block}
|
|
|
|
{block name="main-content"}
|
|
<div class="main">
|
|
<article class="col-main" role="main" aria-labelledby="main-label">
|
|
<h1 id="main-label" class="page-header">{intl l="Contact Us"}</h1>
|
|
|
|
{ifhook rel="contact.top"}
|
|
{hook name="contact.top"}
|
|
{/ifhook}
|
|
{elsehook rel="contact.top"}
|
|
<div id="google-map">
|
|
{assign var="address" value="{config key="store_address1"} {config key="store_address2"} {config key="store_address3"}, {config key="store_city"}, {config key="store_country"}"}
|
|
<iframe class="map" width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&geocode=&q={$address|escape:'url'}&output=embed"></iframe>
|
|
</div><!-- / #google-map-->
|
|
{/elsehook}
|
|
|
|
{block name="contact-form"}
|
|
{form name="thelia.front.contact"}
|
|
<form id="form-contact" action="{url path="/contact"}" method="post">
|
|
{form_hidden_fields}
|
|
|
|
{hook name="contact.form-top"}
|
|
|
|
<fieldset id="contact-info" class="panel panel-default">
|
|
<div class="panel-heading">
|
|
{intl l="Send us a message"}
|
|
</div>
|
|
<div class="panel-body">
|
|
{if $form_error}<div class="alert alert-danger">{$form_error_message}</div>{/if}
|
|
<div class="row">
|
|
{form_field field="name"}
|
|
<div class="form-group group-name col-sm-6{if $error} has-error{/if}">
|
|
<label class="control-label" for="{$label_attr.for}">{$label}{if $required} <span class="required">*</span>{/if}</label>
|
|
<div class="control-input">
|
|
<input type="text" name="{$name}" id="{$label_attr.for}" class="form-control" maxlength="255" placeholder="{intl l="Placeholder contact name"}" value="{$value}"{if $required} aria-required="true" required{/if}{if !isset($error_focus) && $error} autofocus{/if}>
|
|
{if $error }
|
|
<span class="help-block">{$message}</span>
|
|
{assign var="error_focus" value="true"}
|
|
{elseif $value != "" && !$error}
|
|
<span class="help-block"><i class="fa fa-check"></i></span>
|
|
{/if}
|
|
</div>
|
|
</div><!--/.form-group-->
|
|
{/form_field}
|
|
{form_field field="email"}
|
|
<div class="form-group group-email col-sm-6{if $error} has-error{/if}">
|
|
<label class="control-label" for="{$label_attr.for}">{$label}{if $required} <span class="required">*</span>{/if}</label>
|
|
<div class="control-input">
|
|
<input type="email" name="{$name}" id="{$label_attr.for}" class="form-control" maxlength="255" placeholder="{intl l="Placeholder contact email"}" value="{$value}"{if $required} aria-required="true" required{/if}{if !isset($error_focus) && $error} autofocus{/if}>
|
|
{if $error }
|
|
<span class="help-block">{$message}</span>
|
|
{assign var="error_focus" value="true"}
|
|
{/if}
|
|
</div>
|
|
</div><!--/.form-group-->
|
|
{/form_field}
|
|
</div>
|
|
{form_field field="subject"}
|
|
<div class="form-group group-firstname{if $error} has-error{/if}">
|
|
<label class="control-label" for="{$label_attr.for}">{$label}{if $required} <span class="required">*</span>{/if}</label>
|
|
<div class="control-input">
|
|
<input type="text" name="{$name}" id="{$label_attr.for}" class="form-control" maxlength="255" placeholder="{intl l="Placeholder contact subject"}" value="{$value}" {if $required} aria-required="true" required{/if}{if !isset($error_focus) && $error} autofocus{/if}>
|
|
{if $error }
|
|
<span class="help-block">{$message}</span>
|
|
{assign var="error_focus" value="true"}
|
|
{/if}
|
|
</div>
|
|
</div><!--/.form-group-->
|
|
{/form_field}
|
|
{form_field field="message"}
|
|
<div class="form-group group-message{if $error} has-error{/if}">
|
|
<label class="control-label" for="{$label_attr.for}">{$label}{if $required} <span class="required">*</span>{/if}</label>
|
|
<div class="control-input">
|
|
<textarea name="{$name}" id="{$label_attr.for}" placeholder="{intl l="Placeholder contact message"}" rows="6" class="form-control"{if $required} aria-required="true" required{/if}>{$value}</textarea>
|
|
{if $error }
|
|
<span class="help-block">{$message}</span>
|
|
{assign var="error_focus" value="true"}
|
|
{/if}
|
|
</div>
|
|
</div><!--/.form-group-->
|
|
{/form_field}
|
|
</div>
|
|
</fieldset>
|
|
|
|
<div>
|
|
{hook name="recaptcha.check"}
|
|
<br>
|
|
</div>
|
|
|
|
{hook name="contact.form-bottom"}
|
|
|
|
<div class="form-group group-btn">
|
|
<div class="control-btn">
|
|
<button type="submit" class="btn btn-primary"><i class="fa fa-chevron-right"></i> {intl l="Send"}</button>
|
|
</div>
|
|
</div><!--/.form-group-->
|
|
|
|
</form>
|
|
{/form}
|
|
{/block}
|
|
|
|
{hook name="contact.bottom"}
|
|
|
|
</article>
|
|
</div>
|
|
{/block}
|
|
|
|
{block name="stylesheet"}
|
|
{hook name="contact.stylesheet"}
|
|
{/block}
|
|
|
|
{block name="after-javascript-include"}
|
|
{hook name="contact.after-javascript-include"}
|
|
{/block}
|
|
|
|
{block name="javascript-initialization"}
|
|
{hook name="contact.javascript-initialization"}
|
|
{/block}
|