222 lines
12 KiB
PHP
222 lines
12 KiB
PHP
@extends('layouts.frontend')
|
||
@section('title', __('Nous contacter'))
|
||
@section('description', __("Découvrez DOUX, des produits de volailles françaises."))
|
||
|
||
@section('content')
|
||
|
||
<section class="jumbotron">
|
||
<p class="maintitle ttu animate__animated fadeIn animate__slow">{{ __('Nous contacter') }}</p>
|
||
<img class="img-zoom" src="{{ asset('assets/images/contact.jpg') }}" alt="Nous contacter">
|
||
<div class="banner">
|
||
<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1919.76 59.99">
|
||
<defs>
|
||
<style>
|
||
.cls-1 {
|
||
fill: #ffffff;
|
||
}
|
||
|
||
.cls-2 {
|
||
fill: transparent;
|
||
}
|
||
</style>
|
||
</defs>
|
||
<path class="cls-1" d="M1919.67,58c-.42.62,1,2.12-1,2-1.17-.07-2.34,0-3.5,0H0V55c3-.06,6,.08,9-.22,28.32-2.84,56.61-6,85-8.6q59.19-5.38,118.44-10c46.65-3.58,93.32-7,140-9.88,49.7-3.05,99.43-5.85,149.18-7.9,68.4-2.81,136.83-5,205.26-7.06,38.63-1.14,77.28-1.58,115.92-1.94,78.47-.74,156.93-.9,235.39.32,37.81.59,75.62,1.2,113.42,2.09q64.44,1.5,128.85,4,76.89,2.85,153.71,6.91,63.36,3.32,126.66,7.44,43.86,2.85,87.7,6,33.13,2.4,66.22,5.17,38.82,3.23,77.61,6.72c20.06,1.79,40.11,3.73,60.16,5.6Z" />
|
||
<path class="cls-2" d="M1919.67,58l-47.21-4.36c-20-1.87-40.1-3.81-60.16-5.6q-38.79-3.47-77.61-6.72-33.09-2.74-66.22-5.17-43.83-3.18-87.7-6-63.3-4.11-126.66-7.44-76.83-4-153.71-6.91-64.41-2.4-128.85-4c-37.8-.89-75.61-1.5-113.42-2.09-78.46-1.22-156.92-1.06-235.39-.32-38.64.36-77.29.8-115.92,1.94-68.43,2-136.86,4.25-205.26,7.06-49.75,2-99.48,4.85-149.18,7.9-46.7,2.87-93.37,6.3-140,9.88q-59.27,4.54-118.44,10c-28.35,2.58-56.64,5.76-85,8.6-3,.3-6,.16-9,.22V0H1919.67Z" />
|
||
</svg>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="container has-bckg--grey is-flex horizontal-center">
|
||
<svg id="picto-localisation" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 34">
|
||
<path class="cls-1" d="M13,34H12L0,16V9A17.57,17.57,0,0,1,9,0h7a17.86,17.86,0,0,1,9,9v7Zm-.32-15.79c3.8-.16,5.87-2.45,5.88-6s-2.46-5.7-6-6C9.31,6,6,9.41,6.39,12.6,6.86,16.09,8.82,18.3,12.68,18.21Z" />
|
||
<path class="cls-2" d="M0,16,12,34H0Z" />
|
||
<path class="cls-2" d="M13,34,25,16V34Z" />
|
||
<path class="cls-2" d="M25,9a17.86,17.86,0,0,0-9-9h9Z" />
|
||
<path class="cls-2" d="M9,0A17.57,17.57,0,0,0,0,9V0Z" />
|
||
<path class="cls-2" d="M12.67,18.2c-3.85.1-5.81-2.11-6.28-5.6C6,9.41,9.31,6,12.56,6.25c3.54.31,6,2.4,6,6S16.48,18.05,12.67,18.2Z" />
|
||
</svg>
|
||
<p> <strong>{{ __('Adresse') }}</strong><br /><br />
|
||
DOUX FARMOR<br />
|
||
450 Route de Rosporden<br />
|
||
Le Grand Guelen<br />
|
||
28000 QUIMPER, France
|
||
</p>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="wrapper">
|
||
<div class="breadcrumb is-flex">
|
||
<a href="{{ route($routeprefixer . 'home') }}" class="link">{{ __('Accueil') }}</a>
|
||
</div>
|
||
<h2 class="sectiontitle align-center animate__animated fadeInUp animate__slow">{!! __('Une question ? Une idée ? Un conseil ?<br>Des informations sur nos produits ?') !!}</h2>
|
||
<p class="align-center">{!! __('N’hésitez-pas à nous contacter en renseignant le formulaire ci-dessous.<br>Nous traiterons votre demande avec la plus grande attention dans les meilleurs délais.') !!}</p>
|
||
{{-- IF MAIL IS SENT --}}
|
||
@if(!is_null($status))
|
||
@if(session()->get('status'))
|
||
<div class="form-result form-result_confirm">
|
||
<div class="form-result__title title title_small">{{ __('Votre message a bien été envoyé !') }}</div>
|
||
<div class="form-result__text">{{ __('Nos services mettent tout en oeuvre pour y répondre au plus vite.') }}</div>
|
||
</div>
|
||
@else
|
||
<div class="form-result form-result_fail">
|
||
<div class="form-result__title title">{{ __('Oups ! Une erreur s’est produite...') }}</div>
|
||
<div class="form-result__text">{{ __('Votre message n’a pas pu être envoyé.<br>Nous en sommes désolés et vous prions<br>de bien vouloir réessayer plus tard.') }}</div>
|
||
</div>
|
||
@endif
|
||
@endif
|
||
|
||
<form action="{{route($routeprefixer . 'contact.submit')}}" method="post" class="form contact__form" enctype="multipart/form-data">
|
||
@csrf
|
||
@if ($errors->any())
|
||
@foreach ($errors->all() as $error)
|
||
<div class="field__error">{{ $error }}</div>
|
||
@endforeach
|
||
@endif
|
||
<fieldset>
|
||
<legend>{{ __('Vos coordonnées') }} :</legend>
|
||
|
||
<label class="radio-label">{{ __('Monsieur') }}
|
||
<input type="radio" checked="checked" name="civilite" value="monsieur" @if (old('civilite')=="monsieur" ) checked @endif>
|
||
<span class="checkmark"></span>
|
||
</label>
|
||
<label class="radio-label">{{ __('Madame') }}
|
||
<input type="radio" name="civilite" value="madame" @if (old('civilite')=="madame" ) checked @endif>
|
||
<span class="checkmark"></span>
|
||
</label>
|
||
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="name">{{ __('Nom') }}* : </label>
|
||
<input type="text" name="name" id="name" required value="{{old('name')}}">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="lastname">{{ __('Prénom') }}* : </label>
|
||
<input type="text" name="lastname" id="lastname" value="{{ old('lastname') }}" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="address">{{ __('Adresse') }}* : </label>
|
||
<input type="text" name="address" id="address" value="{{ old('address') }}" autocomplete="street-address" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="country">{{ __('Code postal') }}* : </label>
|
||
<input type="number" name="postcode" id="postcode" value="{{ old('postcode') }}" autocomplete="postal-code" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="city">{{ __('Ville') }}* : </label>
|
||
<input type="text" name="city" id="city" value="{{ old('city') }}" autocomplete="address-level2" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="phone">{{ __('Téléphone') }}* : </label>
|
||
<input type="number" name="phone" id="phone" value="{{ old('phone') }}" autocomplete="tel" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="email">{{ __('Email') }}* : </label>
|
||
<input type="mail" name="email" id="email" value="{{ old('email') }}" autocomplete="email" required>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
<fieldset>
|
||
<legend>{{ __('Préciser votre demande') }} :</legend>
|
||
<div class="ck-button">
|
||
<label>
|
||
<input type="radio" value="Réclamation" name="topic" onclick="javascript:showReclaFields();" @if (old('topic')=="Réclamation") checked @endif><span>{{ __('Réclamation produit') }}</span>
|
||
</label>
|
||
<label>
|
||
<input type="radio" value="La marque" name="topic" onclick="javascript:hideReclaFields();" @if (old('topic')=="La marque") checked @endif><span>{{ __('La marque') }}</span>
|
||
</label>
|
||
<label>
|
||
<input type="radio" value="Contact Commercial" onclick="javascript:hideReclaFields();" name="topic" @if (old('topic')=="Contact Commercial") checked @endif><span>{{ __('Contact commercial') }}</span>
|
||
</label>
|
||
<label>
|
||
<input type="radio" value="Autre" name="topic" onclick="javascript:hideReclaFields();" @if (old('topic')=="Autre") checked @endif><span>{{ __('Autre demande') }}</span>
|
||
</label>
|
||
</div>
|
||
<div class="form-row recla_field">
|
||
<div class="form-group">
|
||
<label for="address">{{ __('Nom du produit') }}* : </label>
|
||
<input type="text" name="product_name" id="product_name" value="{{ old('product_name') }}">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="barcode">{{ __('Code barre') }}* : </label>
|
||
<input type="number" name="barcode" id="barcode" value="{{ old('barcode') }}">
|
||
</div>
|
||
</div>
|
||
<div class="form-row recla_field">
|
||
<div class="form-group">
|
||
<label for="shop">{{ __("Lieu d'achat") }}* : </label>
|
||
<input type="text" name="shop" id="shop" value="{{ old('shop') }}">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="lot">{{ __('Numéro de lot') }}* : </label>
|
||
<input type="number" name="lot" id="lot" value="{{ old('lot') }}">
|
||
</div>
|
||
</div>
|
||
<div class="form-row recla_field">
|
||
<div class="form-group">
|
||
<label for="limit_date">{{ __('Date Limite de Consommation') }}* : </label>
|
||
<input type="date" name="limit_date" id="limit_date" value="{{ old('limit_date') }}">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="consumption_date">{{ __('Date de consommation') }}* : </label>
|
||
<input type="date" name="consumption_date" id="consumption_date" value="{{ old('consumption_date') }}">
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<label for="message">{{ __('Message') }}* : </label>
|
||
<textarea name="message" id="message" cols="30" rows="10">{{ old('message') }}</textarea>
|
||
</div>
|
||
<div>
|
||
<input type="file" name="file" id="file" @if ('topic'=="Réclamation" ) required @endif>
|
||
<label for="file">
|
||
@if ('topic'=="Réclamation" )
|
||
{{ __("Photo de l'emballage") }}
|
||
@else
|
||
{{ __('Insérer une pièce jointe') }}
|
||
@endif
|
||
</label>
|
||
</div>
|
||
</fieldset>
|
||
<p class="is-small">{!! __('rgpd.contact.disclaimer', ['PRIVROUTE' => route($routeprefixer . 'policy')]) !!}</P>
|
||
<div class="is-small">
|
||
<input type="checkbox" name="rgpd" id="rgpd" required>
|
||
<label for="rgpd">{{ __('rgpd.contact.acceptcgu') }}</label>
|
||
</div>
|
||
<div class="align-center">
|
||
<input type="submit" value="Envoyer">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
@endsection
|
||
|
||
@push('scripts')
|
||
<script>
|
||
function showReclaFields() {
|
||
console.log('show');
|
||
var collection = document.getElementsByClassName('recla_field');
|
||
for(let elem of collection) {
|
||
elem.style.display = 'flex';
|
||
}
|
||
}
|
||
|
||
function hideReclaFields() {
|
||
console.log('hide');
|
||
var collection = document.getElementsByClassName('recla_field');
|
||
for(let elem of collection) {
|
||
elem.style.display = 'none';
|
||
}
|
||
}
|
||
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
hideReclaFields();
|
||
@if (old('topic')=="Réclamation")
|
||
showReclaFields();
|
||
@endif
|
||
});
|
||
</script>
|
||
@endpush
|