<div id="content_contact">
    <form id="contact_form" class="common_form" method="post" action="/Kontakt/?sent=true">
        <div class="full_box canvas_box default_padding default_form clearfix">
            <div class="title_wrapper">
                <div class="title">
                    <h1>Kontakt</h1>
                </div>
            </div>

            {if $contactSTATUS}
                <div class="form_message_row">
                    {if $contactSTATUS == 1}
                        <div class="ok">
                            Vielen Dank f&uuml;r Ihre Nachricht. Wir werden sie schnellstm&ouml;glich bearbeiten.
                        </div>
                    {elseif $contactSTATUS == 2}
                        <div class="error">
                            Leider ist ein unvorhergesehener Fehler aufgetreten. Bitte versuchen Sie es zu einem
                            sp&auml;teren Zeitpunkt erneut.
                        </div>
                    {elseif $contactSTATUS == 3}
                        <div class="error">
                            Bitte f&uuml;llen Sie alle fett markierten Felder aus.
                        </div>
                    {/if}
                </div>
            {/if}

            {if $contactSTATUS != 1}
                <div class="clearfix mainBox">
                    <div class="leftBox">
                        <p>
                            <label for="company">Firma</label><br />
                            <input id="company" name="contact[company]" value="{if $contactdata.company}{$contactdata.company}{elseif $customer->company}{$customer->company}{/if}" type="text" />
                            <input id="knr" name="contact[number]" value="{if $contactdata.number}{$contactdata.number}{elseif $customer->number}{$customer->number}{/if}" type="hidden" />
                        </p>

                        <div class="row clearfix">
                            <div class="half_box obligatory">
                                <label for="forename">Vorname *</label><br />
                                <input id="forename" name="contact[forename]" value="{if $contactdata.forename}{$contactdata.forename}{elseif $customer->firstname}{$customer->firstname}{/if}" type="text" />

                            </div>
                            <div class="half_box obligatory">
                                <label for="surname">Nachname *</label><br />
                                <input id="surname" name="contact[surname]" value="{if $contactdata.surname}{$contactdata.surname}{elseif $customer->surname}{$customer->surname}{/if}" type="text" />
                            </div>
                        </div>

                        <div class="row clearfix">
                            <div class="obligatory">
                                <label for="call_number_private">Telefon *</label><br />
                                <input id="call_number_private" name="contact[call_number_private]" value="{if $contactdata.call_number_private}{$contactdata.call_number_private}{elseif $customer->phone}{$customer->phone}{/if}" type="text" />
                            </div>
{*							<div class="half_box">
                                <label for="callback">R&uuml;ckruf gew&uuml;nscht?</label><br />
                                <input class="datepicker" id="callback" name="contact[callback]" value="{$contactdata.callback}" type="date" />
                            </div>
*}						</div>

                        <p class="obligatory">
                            <label for="e_mail">E-Mail Adresse *</label><br />
                            <input id="e_mail" name="contact[e_mail]" value="{if $contactdata.e_mail}{$contactdata.e_mail}{elseif $customer->email}{$customer->email}{/if}" type="text" />
                        </p>

                        <p>
                            <label for="message">Nachricht</label><br />
                            <textarea id="message" name="contact[message]" cols="" rows="">{$contactdata.message}</textarea>
                        </p>

                        <div>
                            <label for="accept-ds" style="font-weight:bold;color:#f00;">
                                <input type="checkbox" id="accept-ds" name="contact[accept-datenschutz]" value="1" required />
                                Ich habe die <a href="/Datenschutz/" target="_blank"><u>Datenschutzerkl&auml;ung</u></a> gelesen und akzeptiert *
                            </label>
                        </div>
						<div>
							<div class="g-recaptcha" data-sitekey="6LfR26UZAAAAAPtLKYjzWSz_6genzowdDSAtA8tu"></div>
						</div>

                        <div class="row clearfix">
                            <div class="half_box">
                                <strong>Pflichtangabe *</strong>
                            </div>
                            <div class="half_box">
                                <button type="submit">Jetzt abschicken</button>
                            </div>
                        </div>
                    </div>

                    <div class="rightBox">
                        <div class="logo"></div>
                        {$system_configuration.shop_address_contact}

                        <div class="mapBox">
                            <label>Anfahrt</label>
                            <a href="/Anfahrt/">
                                <img src="http://maps.googleapis.com/maps/api/staticmap?center=Sachsenring+48,94315+Straubing&zoom=10&size=205x105&maptype=roadmap&markers=color:red|label:A|48.880945,12.611336&sensor=false" /><br />
                            </a>
                        </div>
                    </div>
                </div>
            {/if}
        </div>

        <input type="hidden" name="account_contact" value="ready_to_fly" />
    </form>
</div>


{*
<div id="content_contact">
<div class="full_box">
<div class="title_wrapper">
<div class="title"><h1>Kontakt</h1></div>
<div class="clear"></div>
</div>

<div class="box_content">
<div class="box_padder">


<div style="float:left;width:350px;">
<form id="contact_form" class="common_form" method="post" action="/Kontakt/?sent=true">
<div style="padding:20px;background:transparent url({$THEME_DIR}/media/images/contact_bg.png) no-repeat;height:300px;">
<div style="width:298px;">
{if $contactSTATUS}
{if $contactSTATUS == 1}
<div style="background:#009900;padding:10px;color:#ffffff;font-weight:bold;">
Vielen Dank f&uuml;r Ihre Nachricht. Wir werden sie schnellstm&ouml;glich bearbeiten.
</div>
{elseif $contactSTATUS == 2}
<div style="background:#990000;padding:10px;color:#ffffff;font-weight:bold;">
Leider ist ein unvorhergesehener Fehler aufgetreten. Bitte versuchen Sie es zu einem
sp&auml;teren Zeitpunkt erneut.
</div>
{elseif $contactSTATUS == 3}
<div style="background:#990000;padding:10px;color:#ffffff;font-weight:bold;">
Bitte f&uuml;llen Sie alle fett markierten Felder aus.
</div>
{/if}
{/if}

<div>
<label for="company">Firma</label><br />
<input id="company" name="contact[company]" value="{$contactdata.company}" style="width:100%;" />
</div><br />

<div style="float:left;width:140px;">
<label for="forename" style="font-weight:bold;color:#ff0000;">Vorname*</label><br />
<input id="forename" name="contact[forename]" value="{$contactdata.forename}" style="width:100%;" />
</div>
<div style="float:right;width:140px;">
<label for="surname" style="font-weight:bold;color:#ff0000;">Nachname*</label><br />
<input id="surname" name="contact[surname]" value="{$contactdata.surname}" style="width:100%;" />
</div>
<br style="clear:both;" /><br />

<div>
<label for="call_number_private">Telefon</label><br />
<input id="call_number_private" name="contact[call_number_private]" value="{$contactdata.call_number_private}" style="width:100%;" />
</div>
<br />

<div>
<label for="callback">R&uuml;ckruf gew&uuml;nscht?</label><br />
<input class="datepicker" id="callback" name="contact[callback]" value="{$contactdata.callback}" style="width:100%;" />
</div>
<br />
<div>
<label for="e_mail" style="font-weight:bold;color:#ff0000;">E-Mail Adresse*</label><br />

<input id="e_mail" name="contact[e_mail]" value="{$contactdata.e_mail}" style="width:100%;" />
</div>
<br />			
<div>
<label for="message">Ihre Nachricht an uns</label><br />
<textarea id="message" name="contact[message]" cols="" rows="" style="width:100%;height:130px;">{$contactdata.message}</textarea>
</div><br />

<div style="float:left;">
<div id="send_container" style="width:172px;height:44px;overflow:hidden;position:relative;cursor:pointer;color:#999999;">
<div style="position:absolute;width:172px;height:44px;left:0px;background:#cccccc;text-align:center;font-weight:bold;font-size:16px;line-height:44px;">Senden</div>
</div>
</div>
<div style="float:right;line-height:11px;font-size:10px;">
<strong>*Pflichtangabe</strong><br />
</div>
<br style="clear:both;" /><br />
</div>
</div>

<input type="hidden" name="account_contact" value="" />
</form>
</div>

<div style="float:left;width:150px;">
<div style="position:relative;">
<br /><br />
<font style="font-weight:bold;">Kontaktdaten:</font><br>
<div style="line-height:1.2em;">
{$system_configuration.shop_address|replace:"\n":"<br />"}
</div>
</div>
</div>

<br style="clear:both;" />
</div>

</div>
</div>
</div>

<script type="text/javascript">
$(document).ready(function() {

$('#forename, #surname, #e_mail').keyup(function() {
if ($('#forename').val() != '' && $('#surname').val() != '' && $('#e_mail').val() != '') {
$('#send_container').css('color', '#000000');
}
else {
$('#send_container').css('color', '#999999');
}
});


$('#send_container').click(function() {
if ($('#forename').val() != '' && $('#surname').val() != '' && $('#e_mail').val() != '') {
$("input[name='account_contact']").val('ready_to_fly');
$('#contact_form').trigger('submit');
}
});
});
</script>
*}
