@extends('layouts.static.body')

@section('title', 'Finesis')

@section('content')

<section class="contact wrapper">
      <div class="contact_col1 wow animate__animated animate__fadeInLeftBig">
        <div class="container">
          <div class="row">
              <div class="col bg-finesis"></div>
              <div class="col">
                <p>
                  Finesis by Capency
                </p>
              </div>
            </div>
        </div>
        <div class="container">
          <div class="row">
            <div class="col">
              <p>
                + 33 1 87 66 79 21
              <br>
                info@finesis.fr
              </p>
            </div>
            <div class="col bg-contact"></div>
          </div>
        </div>
        <div class="container">
          <div class="row">
              <div class="col bg-adress"></div>
              <div class="col">
                <p>
                  2 RUE DE MALLEVILLE<br>
                  95880<br>
                  ENGHIEN LES BAINS
                </p>
              </div>
            </div>
        </div>
      </div>
      <div class="contact_col2 wow animate__animated animate__fadeInRight">
        <h2>
          Pour obtenir des informations, merci de remplir le formulaire ci-dessous&nbsp;: 
        </h2>

        <form class="form" id="formContact" method="post" action="{{ url('/contact') }}">
          @csrf
          @if(!empty(Session::get('captcha_contact')))
              <div class="alert alert-info" onclick="$(this).attr('class','hidden');">
                  <p>
                      <i class="fa fa-info-circle"></i>
                      {{ Session::get('captcha_contact') }}
                  </p>
              </div>
          @endif
          <div id="formMessageContact"></div>
          <div class="form-group">
            <select class="form-select" name="object" id="object" aria-label="Objet" required="">
              @foreach($listObject as $object)
                <option {{ $object['value'] === $selected ? 'selected' : '' }} value="{{ $object['value'] }}">
                  {{ $object['libelle'] }}
                </option>
              @endforeach
            </select>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <input type="text" class="form-control" id="name" name="name" required="" placeholder="Nom*">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <input type="text" class="form-control" id="firstname" name="firstname" required="" placeholder="Prénom*">
              </div>
            </div>
          </div>
          <div class="form-group">
            <input type="text" class="form-control" id="company" name="company" required="" placeholder="Raison sociale*">
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <input type="email" class="form-control" id="mail" name="mail" required="" placeholder="Email*">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <input type="text" class="form-control" id="phone" name="phone" required="" placeholder="Téléphone*">
              </div>
            </div>
          </div>
          <div class="form-group">
            <textarea class="form-control" id="demand" rows="3" name="demand" required="" placeholder="Votre demande*"></textarea>
          </div>
          {!! htmlFormSnippet() !!}
          <button type="submit" class="btn btn-primary" id="js-btn-devis">
            Envoyer
          </button>
        </form>
     </div>  
      
    </div>
</section>

<section class="autres-projets">
  <div class="container wrapper">
    <h2 class="wow animate__animated animate__fadeInDown">
      D’autres projets data ? 
    </h2>
    <div class="row">
     
      <div class="col-lg-6 wow animate__animated animate__fadeInLeft">
        <a href="https://www.capency.com/" target="_blank">
        <div class="container">
          <div class="row">
              <div class="col-lg-4 bg-capency"></div>
              <div class="col-lg-8">
                <img class="autres-projet_img" src="{{ asset ('/img/static/Logo_Capency_bleu.png') }}" alt="Logo Capency">
                <h3>
                  Data Quality
                </h3>
                <p>
                  Autocomplétion et fiabilisation des données clients
                </p>
              </div>
            </div>
        </div>
      </a>
      </div>
      
      <div class="col-lg-6 wow animate__animated animate__fadeInRight">
        <a href="https://www.rekkolt.com/" target="_blank">
        <div class="container">
          <div class="row">
              <div class="col-lg-4 bg-rekkolt"></div>
              <div class="col-lg-8">
                <img class="autres-projet_img" src="{{ asset ('/img/static/logo-rekkolt.png') }}" alt="Logo Rekkolt">
                <h3>
                  Data Quality
                </h3>
                <p>
                  Autocomplétion et fiabilisation des données clients
                </p>
              </div>
            </div>
        </div>
        </a>
      </div>
    </div>
  </div>
</section>

@endsection