{% extends 'base.html.twig' %}

{% block title %}Nous contacter{% endblock %}

{% block content %}

    {% if sendmessage is defined %}
         <!-- section -->
         <section class="mt-lg-14 mt-8">
            <!-- container -->
            <div class="container">
               <!-- row -->
               <div class="row">
                  <!-- col -->
                  <div class="offset-lg-1 col-lg-10 col-12">
                     <div class="row align-items-center mb-14">
                        <div class="col-md-6">
                           <!-- text -->
                           <div class="ms-xxl-14 me-xxl-15 mb-8 mb-md-0 text-center text-md-start">
                              <h1 class="mb-6">Votre message nous a bien été envoyé !</h1>
                              <p class="mb-0 lead">Merci de nous avoir contacté. Continuez à visiter notre site et découvrir nos publications.</p>
                           </div>
                        </div>
                        <!-- col -->
                        <div class="col-md-6">
                           <div class="me-6">
                              <!-- img -->
                              <img src="{{ asset('assets/images/about/send-img.jpg') }}" alt="" class="img-fluid rounded" />
                           </div>
                        </div>
                     </div>
                     <!-- row -->
                     <div class="row mb-12">
                        <div class="col-12">
                           <div class="mb-8">
                              <!-- heading -->
                              <h2>Nos dernières publications</h2>
                           </div>                    
                        </div>
                        {% for item in latest %}
                        <div class="col-md-4">
                           <!-- card -->
                           <div class="card bg-light mb-6 border-0">
                              <!-- card body -->
                              <div class="card-body p-8">
                                 <div class="mb-4">
                                    <!-- img -->
                                    <img src="{{ asset('images/men/'~item.cover.filename)}}" alt="{{ item.title }}" style="height: 100px;"/>
                                 </div>
                                 <h4 class="fs-5" style="height: 48px;">{{ item.title }}</h4>
                                 <p>Valide jusqu'au {{ item.dtto|date('d/m/Y') }}</p>
                                 <!-- btn -->
                                 <a href="{% if item.slug == null %}{{ path('app_catalog_id', {id: item.id}) }}{% else %}{{ path('app_catalog_slug', {slug: item.slug}) }}{% endif %}" class="btn btn-dark mt-2">Parcourir</a>
                              </div>
                           </div>
                        </div>                            
                        {% endfor %}
                        {#}
                        <div class="col-md-4">
                           <!-- card -->
                           <div class="card bg-light mb-6 border-0">
                              <!-- card body -->
                              <div class="card-body p-8">
                                 <div class="mb-4">
                                    <!-- img -->
                                    <img src="../assets/images/about/about-icons-1.svg" alt="" />
                                 </div>
                                 <h4>Grow my business with Freshcart</h4>
                                 <p>Duis placerat, urna ut dictum lobortis, erat libero feugiat nulla, ullamcorper fermentum lectus dolor ut tortor.</p>
                                 <!-- btn -->
                                 <a href="#" class="btn btn-dark mt-2">FreshCart Platform</a>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-4">
                           <!-- card -->
                           <div class="card bg-light mb-6 border-0">
                              <!-- card body -->
                              <div class="card-body p-8">
                                 <div class="mb-4">
                                    <!-- img -->
                                    <img src="../assets/images/about/about-icons-2.svg" alt="" />
                                 </div>
                                 <h4>Advertise my brand on Freshcart</h4>
                                 <p>Duis placerat, urna ut dictum lobortis, erat libero feugiat nulla, ullamcorper fermentum lectus dolor ut tortor.</p>
                                 <!-- btn -->
                                 <a href="#" class="btn btn-dark mt-2">FreshCart ads</a>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-4">
                           <!-- card -->
                           <div class="card bg-light mb-6 border-0">
                              <!-- card body -->
                              <div class="card-body p-8">
                                 <div class="mb-4">
                                    <!-- img -->
                                    <img src="../assets/images/about/about-icons-3.svg" alt="" />
                                 </div>
                                 <h4>Learn more about Freshcart</h4>
                                 <p>Vivamus non risus id sapien egestas tempus id sed lla mus justo metus, suscipit non hendrerit.</p>
                                 <!-- btn -->
                                 <a href="#" class="btn btn-dark mt-2">Learn More</a>
                              </div>
                           </div>
                        </div>
                        <div class="col">#}
                           <!-- text -->
                           <p>
                              Pour revenir à l'accueil cliquez 
                              <a href="{{ path('app_home') }}">ICI</a>
                           </p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>        
    {% else %}

    <section class="my-lg-14 my-8">
    <!-- container -->
    <div class="container">
        <div class="row">
            <!-- col -->
            <div class="offset-lg-2 col-lg-8 col-12">
                <div class="mb-8">
                    <!-- heading -->
                    <h1 class="h3">Laissez nous un message</h1>
                    <p class="lead mb-0">
                        Merci de bien indiquer une adresse mail et/ou un numéro de téléphone valide.
                    </p>
                </div>
                <!-- form -->
                {{ form_start(form, {'method': 'post', 'attr':{'class': 'row needs-validation'}}) }}
                    <div class="col-md-6 mb-3">
                        <label class="form-label" for="contactFName">
                            Nom et prénom
                            <span class="text-danger">*</span>
                        </label>
                        {{ form_widget(form.name) }}
                        <div class="invalid-feedback">Merci de saisir vos nom et prénom.</div>
                    </div>   
                    <div class="col-md-6 mb-3">
                        <label class="form-label" for="contactEmail">
                            Adresse mél
                            <span class="text-danger">*</span>
                        </label>
                        {{ form_widget(form.email) }}
                        <div class="invalid-feedback">Merci de saisir votre adresse mail.</div>
                    </div>        
                    <div class="col-md-6 mb-3">
                        <!-- input -->
                        <label class="form-label" for="contactPhone">Téléphone</label>
                        {{ form_widget(form.phone) }}
                        <div class="invalid-feedback">Please enter phone.</div>
                    </div>    
                    <div class="col-md-12 mb-3">
                        <!-- input -->
                        <label class="form-label" for="contactTearea">Votre message</label>
                        {{ form_widget(form.message) }}                       
                    </div>          
                    <div class="col-md-12">
                        <!-- btn -->
                        <button type="submit" class="btn btn-primary">Envoyer</button>
                    </div>                                                                       
                {{ form_end(form) }}
                {#}
                <form class="row needs-validation" novalidate>
                <!-- input -->
                <div class="col-md-6 mb-3">
                    <label class="form-label" for="contactFName">
                        Nom et prénom
                        <span class="text-danger">*</span>
                    </label>
                    <input type="text" id="contactFName" class="form-control" name="contactFName" placeholder="Enter Your First Name" required />
                    <div class="invalid-feedback">Please enter firstname.</div>
                </div>
                <div class="col-md-6 mb-3">
                    <!-- input -->
                    <label class="form-label" for="contactLName">
                        Last Name
                        <span class="text-danger">*</span>
                    </label>
                    <input type="text" id="contactLName" class="form-control" name="contactLName" placeholder="Enter Your Last name" required />
                    <div class="invalid-feedback">Please enter lastname.</div>
                </div>
                <div class="col-md-12 mb-3">
                    <!-- input -->
                    <label class="form-label" for="contactCompanyName">
                        Company
                        <span class="text-danger">*</span>
                    </label>
                    <input type="text" id="contactCompanyName" name="contactCompanyName" class="form-control" placeholder="Your Company" required />
                    <div class="invalid-feedback">Please enter company.</div>
                </div>
                <div class="col-md-12 mb-3">
                    <!-- input -->
                    <label class="form-label" for="contactTitle">Title</label>
                    <input type="text" id="contactTitle" name="contactTitle" class="form-control" placeholder="Your Title" required />
                    <div class="invalid-feedback">Please enter title.</div>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label" for="contactEmail">
                        Email
                        <span class="text-danger">*</span>
                    </label>
                    <input type="email" id="contactEmail" name="contactEmail" class="form-control" placeholder="Enter Your First Name" required />
                    <div class="invalid-feedback">Please enter email.</div>
                </div>
                <div class="col-md-6 mb-3">
                    <!-- input -->
                    <label class="form-label" for="contactPhone">Phone</label>
                    <input type="text" id="contactPhone" name="contactPhone" class="form-control" placeholder="Your Phone Number" required />
                    <div class="invalid-feedback">Please enter phone.</div>
                </div>
                <div class="col-md-12 mb-3">
                    <!-- input -->
                    <label class="form-label" for="contactTearea">Textarea</label>
                    <textarea rows="3" id="contactTearea" class="form-control" placeholder="Additional Comments" required></textarea>
                    <div class="invalid-feedback">Please enter a message in the textarea.</div>
                </div>
                <div class="col-md-12">
                    <!-- btn -->
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
                </form>#}
            </div>
        </div>
    </div>
    </section>

    {% endif %}

{% endblock %}