@extends('layouts.welcome')
@section('main')
    <section class="section">
      <div class="container">
        <div class="row mb-5 align-items-end">
          <div class="col-md-6" data-aos="fade-up">

            <h2>Formulaire De Contact</h2>
            <p class="mb-0">Laissez-nous un message si vous le souhaitez. Nous vous répondrons dans les plus brefs délais.</p>
          </div>

        </div>

        <div class="row">
          <div class="col-md-4 ms-auto order-2" data-aos="fade-up">
            <ul class="list-unstyled">
              <li class="mb-3 d-flex gap-2">
                <strong class="d-block mb-1">Addresse:</strong>
                <span>{{env('APP_ADDRESS')}}</span>
              </li>
              <li class="mb-3 d-flex gap-2">
                <strong class="d-block mb-1">Téléphone:</strong>
                <span>{{env('APP_PHONE')}}</span>
              </li>
              <li class="mb-3 d-flex gap-2">
                <strong class="d-block mb-1">Email:</strong>
                <span>{{env('APP_EMAIL')}}</span>
              </li>
            </ul>
          </div>
          
          <div class="col-md-6 mb-5 mb-md-0" data-aos="fade-up">
            <form action="{{route('contact.post')}}" method="post" role="form" class="php-email-form">
                @csrf
              <div class="row">
                <div class="col-md-6 form-group">
                  <label for="name">Nom</label>
                  <input type="text" name="name" class="form-control" id="name" value="{{ old('name') }}" required>
                  @if ($errors->has('name'))
                    <span class="text-danger">{{ $errors->first('name') }}</span>
                  @endif
                </div>
                <div class="col-md-6 form-group mt-3 mt-md-0">
                  <label for="email">Email</label>
                  <input type="email" class="form-control" name="email" id="email" value="{{ old('email') }}" required>
                  @if ($errors->has('email'))
                    <span class="text-danger">{{ $errors->first('email') }}</span>
                  @endif
                </div>
                <div class="col-md-12 form-group mt-3">
                  <label for="subject">Objet</label>
                  <input type="text" class="form-control" name="subject" id="subject" value="{{ old('subject') }}" required>
                  @if ($errors->has('email'))
                    <span class="text-danger">{{ $errors->first('subject') }}</span>
                  @endif
                </div>
                <div class="col-md-12 form-group mt-3">
                  <label for="message">Message</label>
                  <textarea class="form-control" name="message"  value="{{ old('message') }}"></textarea>
                  @if ($errors->has('email'))
                    <span class="text-danger">{{ $errors->first('message') }}</span>
                  @endif
                </div>

                <div class="col-md-12 mb-3">
                  @if(Session::has('success'))
                  <div class="alert alert-success">
                      {{Session::get('success')}}
                  </div>
              @endif
                </div>

                <div class="col-md-12 form-group">
                  <button type="submit" class="btn btn-primary d-block w-100">Envoyer</button>
                </div>
              </div>

            </form>
          </div>
        </div>
      </div>
    </section>
@endsection