@extends('layout')

@section('title', 'Support')

@section('content')

        <div class="pagetitle">
            <h1>Support</h1>
        </div><!-- End Page Title -->

        <section class="section contact">

            <div class="row gy-4">
                @if (session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif
                <div class="col-xl-6">
                 
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="info-box card">
                                <i class="bi bi-person"></i>
                                <h3>{{ optional($user)->prenom . ' ' . optional($user)->nom }}</h3>
                                <p>Responsable des ventes</p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="info-box card">
                                <i class="bi bi-telephone"></i>
                                <h3>Appelez-nous</h3>                                
                                <p> <a href="tel:{{ optional($user)->tel }}">{{ optional($user)->tel }}</a></p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="info-box card">
                                <i class="bi bi-envelope"></i>
                                <h3>Envoyez-nous un e-mail</h3>
                                <p> <a href="mailto:{{ optional($user)->email }}">{{ optional($user)->email }}</a></p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                          <div class="info-box card">
                            <i class="bi bi-clock"></i>
                              <h3>Disponibilité</h3>
                              <p>Du Lundi au Vendredi de 8h30 à 12h30 / 13h30 à 17h45 </p>
                          </div>
                      </div>
                    </div>

                </div>

                <div class="col-xl-6">
                    <div class="card p-4">
                        <form action="{{ route('support.mail') }}" method="post" class="">
                            @csrf
                            <div class="row gy-4">
                                <div class="col-md-12">
                                    <input type="text" class="form-control" name="sujet" placeholder="Sujet" required>
                                </div>
                                <div class="col-md-12">
                                    <textarea class="form-control" name="message" rows="6" placeholder="Message" required></textarea>
                                </div>
                                <div class="col-md-12 text-center">
                                      <button class="btn btn-primary" type="submit">Envoyer le message</button>
                                </div>                
                            </div>
                        </form>
                    </div>
                </div>                
            </div>
        </section>
@endsection