<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* default/contact.html.twig */
class __TwigTemplate_c35e5278cf8d88ebeb90d97b44df7bd2 extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'title' => [$this, 'block_title'],
'seo' => [$this, 'block_seo'],
'body' => [$this, 'block_body'],
];
}
protected function doGetParent(array $context)
{
// line 1
return "base.html.twig";
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "default/contact.html.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "default/contact.html.twig"));
$this->parent = $this->loadTemplate("base.html.twig", "default/contact.html.twig", 1);
yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
// line 3
public function block_title($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
yield "Contact – OTropik Agence de voyage en Guadeloupe";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
return; yield '';
}
// line 4
public function block_seo($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "seo"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "seo"));
// line 5
yield " <meta name=\"description\" content=\"Contactez OTropik, agence de voyage en Guadeloupe, pour organiser votre séjour, circuit ou voyage sur mesure au départ des Antilles. Notre équipe vous accompagne.\" >
\t<meta property=\"og:title\" content=\"Contact – OTropik Agence de voyage en Guadeloupe\" />
\t<meta property=\"og:type\" content=\"Website\" />
\t<meta property=\"og:description\" content=\"Besoin d’un conseiller voyage en Guadeloupe ? Contactez OTropik pour organiser votre prochain séjour sur mesure.\" />
\t<meta property=\"og:url\" content=\"";
// line 10
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 10, $this->source); })()), "request", [], "any", false, false, false, 10), "uri", [], "any", false, false, false, 10)), "html", null, true);
yield "\" />
\t<meta property=\"og:image\" content=\"";
// line 11
yield "\" />
\t<meta name =\"twitter:card\" content=\"summary_large_image\" />
\t<meta name=\"twitter:title\" content=\"Contact – OTropik Agence de voyage en Guadeloupe\">
\t<meta name=\"twitter:description\" content=\"Besoin d’un conseiller voyage en Guadeloupe ? Contactez OTropik pour organiser votre prochain séjour sur mesure.\">
\t<meta name=\"twitter:image\" content=\"";
// line 16
yield "\">
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
return; yield '';
}
// line 18
public function block_body($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
// line 19
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 19, $this->source); })()), "flashes", [], "any", false, false, false, 19));
foreach ($context['_seq'] as $context["label"] => $context["messages"]) {
// line 20
yield " ";
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable($context["messages"]);
foreach ($context['_seq'] as $context["_key"] => $context["m"]) {
// line 21
yield " <div class=\"alert alert-";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["label"], "html", null, true);
yield " rounded-3 m-3\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["m"], "html", null, true);
yield "</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['m'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['label'], $context['messages'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 25
yield "<section class=\"position-relative text-white\">
<div class=\"ratio ratio-21x9\">
";
// line 27
if (CoreExtension::getAttribute($this->env, $this->source, (isset($context["banner"]) || array_key_exists("banner", $context) ? $context["banner"] : (function () { throw new RuntimeError('Variable "banner" does not exist.', 27, $this->source); })()), "img", [], "any", false, false, false, 27)) {
// line 28
yield " <img src=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/banner/"), "html", null, true);
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["banner"]) || array_key_exists("banner", $context) ? $context["banner"] : (function () { throw new RuntimeError('Variable "banner" does not exist.', 28, $this->source); })()), "img", [], "any", false, false, false, 28), "html", null, true);
yield "\" alt=\"Plage paradisiaque\" class=\"w-100 h-100 object-fit-cover\">
";
} else {
// line 30
yield " <img src=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/cta-tourist.jpg"), "html", null, true);
yield "\" alt=\"Plage paradisiaque\" class=\"w-100 h-100 object-fit-cover\">
";
}
// line 32
yield " </div>
<div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center text-center bg-dark bg-opacity-50\">
<div class=\"p-3\">
<h1 class=\"display-4 fw-bold mb-3\">Restons en contact 🌴</h1>
<p class=\"lead\">Une question, une envie d’évasion ou besoin d’un devis sur mesure ?
L’équipe <span class=\"fw-bold text-warning\">Otropik</span> est à votre écoute.</p>
</div>
</div>
</section>
";
// line 43
yield "<section class=\"container py-5\">
<div class=\"row g-5\">
";
// line 47
yield " <div class=\"col-12 col-lg-5\">
<h2 class=\"h4 fw-bold mb-4\">Nos coordonnées</h2>
<p class=\"text-muted mb-4\">
Passez nous voir, appelez-nous ou envoyez un message : nous répondons rapidement.
</p>
<ul class=\"list-unstyled\">
<li class=\"mb-3 d-flex align-items-start\">
<i class=\"bi bi-geo-alt txt-ot-green fs-4 me-3\"></i>
<div>
<strong>Adresse</strong><br>
";
// line 58
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 58, $this->source); })()), "adress", [], "any", false, false, false, 58), "html", null, true);
yield " <br> ";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 58, $this->source); })()), "zip", [], "any", false, false, false, 58), "html", null, true);
yield " ";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 58, $this->source); })()), "city", [], "any", false, false, false, 58), "html", null, true);
yield "
</div>
</li>
<li class=\"mb-3 d-flex align-items-start\">
<i class=\"bi bi-telephone txt-ot-green fs-4 me-3\"></i>
<div>
<strong>Téléphone</strong><br>
";
// line 65
if (CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 65, $this->source); })()), "phone", [], "any", false, false, false, 65)) {
yield "
Bureau : <a class=\"link-info\" href=\"tel:";
// line 66
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 66, $this->source); })()), "phone", [], "any", false, false, false, 66), "html", null, true);
yield "\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 66, $this->source); })()), "phone", [], "any", false, false, false, 66), "html", null, true);
yield "</a> ";
}
// line 67
yield " ";
if (CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 67, $this->source); })()), "mobile", [], "any", false, false, false, 67)) {
yield "
<br>Mobile : <a class=\"link-info\" href=\"tel:";
// line 68
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 68, $this->source); })()), "mobile", [], "any", false, false, false, 68), "html", null, true);
yield "\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 68, $this->source); })()), "mobile", [], "any", false, false, false, 68), "html", null, true);
yield "</a> ";
}
// line 69
yield " ";
if (CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 69, $this->source); })()), "mobileTwo", [], "any", false, false, false, 69)) {
yield "
<br>Mobile : <a class=\"link-info\" href=\"tel:";
// line 70
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 70, $this->source); })()), "mobileTwo", [], "any", false, false, false, 70), "html", null, true);
yield "\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 70, $this->source); })()), "mobileTwo", [], "any", false, false, false, 70), "html", null, true);
yield "</a> ";
}
// line 71
yield " </div>
</li>
<li class=\"mb-3 d-flex align-items-start\">
<i class=\"bi bi-envelope txt-ot-green fs-4 me-3\"></i>
<div>
";
// line 76
if (CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 76, $this->source); })()), "mail", [], "any", false, false, false, 76)) {
yield "
<strong>Email</strong><br>
<a class=\"link-info\" href=\"mailto:";
// line 78
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 78, $this->source); })()), "mail", [], "any", false, false, false, 78), "html", null, true);
yield "\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 78, $this->source); })()), "mail", [], "any", false, false, false, 78), "html", null, true);
yield "</a>
";
}
// line 80
yield " </div>
</li>
</ul>
<div class=\"map-container\" style=\"width: 100%; height: 400px; border-radius: 12px; overflow: hidden;\">
<iframe
width=\"100%\"
height=\"100%\"
frameborder=\"0\"
scrolling=\"no\"
marginheight=\"0\"
marginwidth=\"0\"
src=\"https://www.openstreetmap.org/export/embed.html?bbox=-61.5270%2C16.2570%2C-61.5070%2C16.2770&layer=mapnik&marker=16.2669%2C-61.5170\"
style=\"border:1px solid #ccc;\">
</iframe>
</div>
<p class=\"text-muted small text-center\">
<a href=\"https://www.openstreetmap.org/?mlat=16.2669&mlon=-61.5170#map=15/16.2669/-61.5170\" target=\"_blank\">
Voir la carte agrandie
</a>
</p>
</div>
";
// line 104
yield " <div class=\"col-12 col-lg-7\">
<div class=\"card border-0 shadow-lg rounded-4\">
<div class=\"card-body p-4\">
<h2 class=\"h5 fw-bold mb-4\">Envoyez-nous un message</h2>
<form method=\"post\" action=\"";
// line 108
yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("contact.send");
yield "\">
<div class=\"row g-3\">
<div class=\"col-md-6\">
<label class=\"form-label\">Nom</label>
<input type=\"text\" name=\"name\" class=\"form-control rounded-pill\" placeholder=\"Votre nom complet\" required>
</div>
<div class=\"col-md-6\">
<label class=\"form-label\">Email</label>
<input type=\"email\" name=\"email\" class=\"form-control rounded-pill\" placeholder=\"vous@email.com\" required>
</div>
<div class=\"col-md-6\">
<label class=\"form-label\">Téléphone</label>
<input type=\"tel\" name=\"phone\" class=\"form-control rounded-pill\" placeholder=\"+590 ...\" >
</div>
<div class=\"col-md-6\">
<label class=\"form-label\">Sujet</label>
<input type=\"text\" name=\"subject\" class=\"form-control rounded-pill\" placeholder=\"Ex: Demande de devis\">
</div>
<div class=\"col-12\">
<label class=\"form-label\">Message</label>
<textarea name=\"message\" rows=\"5\" class=\"form-control rounded-4\" placeholder=\"Votre message...\" required></textarea>
</div>
</div>
<div class=\"mt-4\">
<div class=\"h-captcha mb-3\" data-sitekey=\"";
// line 133
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["hcaptchaSiteKey"]) || array_key_exists("hcaptchaSiteKey", $context) ? $context["hcaptchaSiteKey"] : (function () { throw new RuntimeError('Variable "hcaptchaSiteKey" does not exist.', 133, $this->source); })()), "html", null, true);
yield "\"></div>
<div class=\"text-end\">
<button type=\"submit\" class=\"btn btn-primary rounded-pill px-4\">
<i class=\"bi bi-send me-1\"></i> Envoyer
</button>
</div>
</div>
</form>
<script src=\"https://js.hcaptcha.com/1/api.js\" async defer></script>
</div>
</div>
</div>
</div>
</section>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
return; yield '';
}
/**
* @codeCoverageIgnore
*/
public function getTemplateName()
{
return "default/contact.html.twig";
}
/**
* @codeCoverageIgnore
*/
public function isTraitable()
{
return false;
}
/**
* @codeCoverageIgnore
*/
public function getDebugInfo()
{
return array ( 328 => 133, 300 => 108, 294 => 104, 269 => 80, 262 => 78, 257 => 76, 250 => 71, 244 => 70, 239 => 69, 233 => 68, 228 => 67, 222 => 66, 218 => 65, 204 => 58, 191 => 47, 186 => 43, 174 => 32, 168 => 30, 161 => 28, 159 => 27, 155 => 25, 140 => 21, 135 => 20, 131 => 19, 121 => 18, 109 => 16, 102 => 11, 98 => 10, 91 => 5, 81 => 4, 61 => 3, 38 => 1,);
}
public function getSourceContext()
{
return new Source("{% extends 'base.html.twig' %}
{% block title %}Contact – OTropik Agence de voyage en Guadeloupe{% endblock %}
{% block seo %}
<meta name=\"description\" content=\"Contactez OTropik, agence de voyage en Guadeloupe, pour organiser votre séjour, circuit ou voyage sur mesure au départ des Antilles. Notre équipe vous accompagne.\" >
\t<meta property=\"og:title\" content=\"Contact – OTropik Agence de voyage en Guadeloupe\" />
\t<meta property=\"og:type\" content=\"Website\" />
\t<meta property=\"og:description\" content=\"Besoin d’un conseiller voyage en Guadeloupe ? Contactez OTropik pour organiser votre prochain séjour sur mesure.\" />
\t<meta property=\"og:url\" content=\"{{absolute_url( app.request.uri)}}\" />
\t<meta property=\"og:image\" content=\"{#{asset('img/asset/cardimg-fb.jpg')}#}\" />
\t<meta name =\"twitter:card\" content=\"summary_large_image\" />
\t<meta name=\"twitter:title\" content=\"Contact – OTropik Agence de voyage en Guadeloupe\">
\t<meta name=\"twitter:description\" content=\"Besoin d’un conseiller voyage en Guadeloupe ? Contactez OTropik pour organiser votre prochain séjour sur mesure.\">
\t<meta name=\"twitter:image\" content=\"{#{asset('img/asset/cardimg-fb.jpg')}#}\">
{% endblock %}
{% block body %}
{% for label, messages in app.flashes %}
{% for m in messages %}
<div class=\"alert alert-{{ label }} rounded-3 m-3\">{{ m }}</div>
{% endfor %}
{% endfor %}
{# --- Hero Banner --- #}
<section class=\"position-relative text-white\">
<div class=\"ratio ratio-21x9\">
{% if banner.img %}
<img src=\"{{ asset('img/banner/')}}{{banner.img}}\" alt=\"Plage paradisiaque\" class=\"w-100 h-100 object-fit-cover\">
{% else %}
<img src=\"{{ asset('img/cta-tourist.jpg')}}\" alt=\"Plage paradisiaque\" class=\"w-100 h-100 object-fit-cover\">
{% endif %}
</div>
<div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center text-center bg-dark bg-opacity-50\">
<div class=\"p-3\">
<h1 class=\"display-4 fw-bold mb-3\">Restons en contact 🌴</h1>
<p class=\"lead\">Une question, une envie d’évasion ou besoin d’un devis sur mesure ?
L’équipe <span class=\"fw-bold text-warning\">Otropik</span> est à votre écoute.</p>
</div>
</div>
</section>
{# --- Section principale --- #}
<section class=\"container py-5\">
<div class=\"row g-5\">
{# Infos de contact #}
<div class=\"col-12 col-lg-5\">
<h2 class=\"h4 fw-bold mb-4\">Nos coordonnées</h2>
<p class=\"text-muted mb-4\">
Passez nous voir, appelez-nous ou envoyez un message : nous répondons rapidement.
</p>
<ul class=\"list-unstyled\">
<li class=\"mb-3 d-flex align-items-start\">
<i class=\"bi bi-geo-alt txt-ot-green fs-4 me-3\"></i>
<div>
<strong>Adresse</strong><br>
{{infos.adress}} <br> {{infos.zip}} {{infos.city}}
</div>
</li>
<li class=\"mb-3 d-flex align-items-start\">
<i class=\"bi bi-telephone txt-ot-green fs-4 me-3\"></i>
<div>
<strong>Téléphone</strong><br>
{% if infos.phone %}
Bureau : <a class=\"link-info\" href=\"tel:{{infos.phone}}\">{{infos.phone}}</a> {% endif %}
{% if infos.mobile %}
<br>Mobile : <a class=\"link-info\" href=\"tel:{{infos.mobile}}\">{{infos.mobile}}</a> {% endif %}
{% if infos.mobileTwo %}
<br>Mobile : <a class=\"link-info\" href=\"tel:{{infos.mobileTwo}}\">{{infos.mobileTwo}}</a> {% endif %}
</div>
</li>
<li class=\"mb-3 d-flex align-items-start\">
<i class=\"bi bi-envelope txt-ot-green fs-4 me-3\"></i>
<div>
{% if infos.mail %}
<strong>Email</strong><br>
<a class=\"link-info\" href=\"mailto:{{infos.mail}}\">{{infos.mail}}</a>
{% endif %}
</div>
</li>
</ul>
<div class=\"map-container\" style=\"width: 100%; height: 400px; border-radius: 12px; overflow: hidden;\">
<iframe
width=\"100%\"
height=\"100%\"
frameborder=\"0\"
scrolling=\"no\"
marginheight=\"0\"
marginwidth=\"0\"
src=\"https://www.openstreetmap.org/export/embed.html?bbox=-61.5270%2C16.2570%2C-61.5070%2C16.2770&layer=mapnik&marker=16.2669%2C-61.5170\"
style=\"border:1px solid #ccc;\">
</iframe>
</div>
<p class=\"text-muted small text-center\">
<a href=\"https://www.openstreetmap.org/?mlat=16.2669&mlon=-61.5170#map=15/16.2669/-61.5170\" target=\"_blank\">
Voir la carte agrandie
</a>
</p>
</div>
{# Formulaire de contact #}
<div class=\"col-12 col-lg-7\">
<div class=\"card border-0 shadow-lg rounded-4\">
<div class=\"card-body p-4\">
<h2 class=\"h5 fw-bold mb-4\">Envoyez-nous un message</h2>
<form method=\"post\" action=\"{{ path('contact.send') }}\">
<div class=\"row g-3\">
<div class=\"col-md-6\">
<label class=\"form-label\">Nom</label>
<input type=\"text\" name=\"name\" class=\"form-control rounded-pill\" placeholder=\"Votre nom complet\" required>
</div>
<div class=\"col-md-6\">
<label class=\"form-label\">Email</label>
<input type=\"email\" name=\"email\" class=\"form-control rounded-pill\" placeholder=\"vous@email.com\" required>
</div>
<div class=\"col-md-6\">
<label class=\"form-label\">Téléphone</label>
<input type=\"tel\" name=\"phone\" class=\"form-control rounded-pill\" placeholder=\"+590 ...\" >
</div>
<div class=\"col-md-6\">
<label class=\"form-label\">Sujet</label>
<input type=\"text\" name=\"subject\" class=\"form-control rounded-pill\" placeholder=\"Ex: Demande de devis\">
</div>
<div class=\"col-12\">
<label class=\"form-label\">Message</label>
<textarea name=\"message\" rows=\"5\" class=\"form-control rounded-4\" placeholder=\"Votre message...\" required></textarea>
</div>
</div>
<div class=\"mt-4\">
<div class=\"h-captcha mb-3\" data-sitekey=\"{{ hcaptchaSiteKey }}\"></div>
<div class=\"text-end\">
<button type=\"submit\" class=\"btn btn-primary rounded-pill px-4\">
<i class=\"bi bi-send me-1\"></i> Envoyer
</button>
</div>
</div>
</form>
<script src=\"https://js.hcaptcha.com/1/api.js\" async defer></script>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
", "default/contact.html.twig", "/home/ladomitiyc/otropik/templates/default/contact.html.twig");
}
}