@extends('layouts.master')
@section('cotationactive', 'active')
@section('content')

<!--Start Page Header-->
<section class="page-header">
    <div class="page-header__bg" style="background-image: url({{url('template/assets/img/background/page-header-bg.jpg')}})">
    </div>
    <div class="container">
        <div class="page-header__inner text-center">
            <h2>Cotation</h2>
            <ul class="thm-breadcrumb">
                <li><a href="{{url('/')}}">Accueil</a></li>
                <li><span class="icon-right-arrow-5"></span></li>
                <li>Cotation</li>
            </ul>
        </div>
    </div> 
</section>
<!--End Page Header-->

<!--Start Contact Page-->
<section class="contact-page">
    <div class="shape1 float-bob-y"><img src="template/assets/img/shape/contact-page-shape1.png" alt=""></div>
    <div class="shape2 float-bob-y"><img src="template/assets/img/shape/contact-page-shape2.png" alt=""></div>
    <div class="container">
        <div class="row">
            <!--Start Contact Page Contact Info-->
            <div class="col-xl-5">
                <div class="contact-page__contact-info">
                    <img src="{{url('template/assets/cotation.jpg')}}">

                    
                </div>
            </div>
            <!--End Contact Page Contact Info-->

            <!--Start Contact Page Form-->
            <div class="col-xl-7">
                <div class="contact-page__form-box">
                    <div class="title">
                        <h2>Demande de cotation</h2>
                    </div>

                    <form id="contact-form" action="{{url('traitement_cotation')}}" method="POST" style="color: #333333 !important;">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="contact-page__input-box">
                                    <input type="text" placeholder="Nom de l'entreprise" name="entreprise" required>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="contact-page__input-box">
                                    <input type="text" placeholder="Nom du contact" name="nom" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="contact-page__input-box">
                                    <input type="email" placeholder="Email" name="email" required>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="contact-page__input-box">
                                    <input type="text" placeholder="Téléphone" name="telephone">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                
                              <select id="service-type" name="service-type" required class="contact-page__input-box">
                                <option>Sélectionnez le type de service demandé</option>
                                <option value="surveillance">Surveillance des opérations d'empoate et dépotage</option>
                                <option value="sampling">Échantillonnage des produits tropicaux</option>
                                <option value="inspection">Inspection des conteneurs</option>
                                <option value="stock-management">Gestion de stock en magasin</option>
                                <option value="control">Contrôle et pointage au déchargement</option>
                                <option value="expertise">Expertise maritime et terrestre</option>
                                <option value="Autres domaines">Autres</option>
                              </select>
                            </div>
                            
                        </div>
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12" style="padding-top: 20px !important;">
                                <div class="contact-page__input-box">
                                    <textarea name="message" placeholder="Description"></textarea>
                                </div>
                                <div class="contact-page__btn">
                                    <button type="submit" class="thm-btn" data-loading-text="Please wait...">
                                        <span class="txt">Envoyer</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                    
                </div>
            </div>
            <!--End Contact Page Form-->
        </div>
    </div>
</section>
<!--End Contact Page-->



@endsection