@extends('layouts.app')

@section('title', __('messages.contact.title') . " - Maisons CBI")

@section('bodyClass', 'page-contact')



@section('content')
<!--Inner Heading Start-->
<div class="innerHeading">
    <div class="container">
        <h1>Contactez-nous</h1>
    </div>
</div>
<!--Inner Heading End-->
<div class="innercontent wow fadeInUp">
    <div class="container">
        <div class="row formcol">
            <div class="col-lg-12 contact-btn">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="form-group">
                            <select name="objet" id="objet" class="form-control">
                                <option value="0">Projet de construction</option>
                                <option value="0">Information</option>
                                <option value="1">Candidature</option>
                                <option value="1">SAV</option>
                            </select><br><br>
                        </div>
                    </div>
                </div>
                @include('common-client-bundle::form-contact', [
                    'origin' => 56,
                    'adReference' => null,
                    'companyId' => $company['id'],
                    'dpt' => $company['coveredDepartment'],
                    'dataLocation' => null,
                    'buttonCss' => 'sub'])

                    <form method="post" action="{{ route('sendMail') }}" id="altForm" style="display: none;">
                        <p><small>* champ obligatoire</small></p>
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <input type="text" name="lastname" id="lastname" class="form-control" placeholder="Nom*" required="required">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <input type="text" name="firstname" id="firstname" class="form-control" placeholder="Prénom">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <input type="text" name="phone" id="phone" class="form-control" placeholder="Téléphone*" required="required">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <input type="email" name="email" id="email" class="form-control" placeholder="Email*" required="required">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix">
                                <div class="form-group">
                                    <textarea name="message" id="message" class="form-control" placeholder="Ecrivez votre message" rows="10"></textarea>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12 col-xs-12">
                                <div class="form-group send-btn text-center">
                                    <input type="hidden" id="vitahomeUrl" value="https://pro.vitahome.fr/">
                                    <input type="hidden" name="url" value="http://maisons-cbi.local/contact.html">
                                    @csrf
                                    <button type="submit" class="btn sub">Envoyer ma demande</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @endsection


    @section('extraJs')
    <script src="{{ asset('vendor/common-client-bundle/js/contact-form.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#objet').change(function(){
                if($(this).val() == 0){
                    $('#altForm').hide();
                    $('#vitahomeForm').fadeIn();
                }else{
                    $('#vitahomeForm').hide();
                    $('#altForm').fadeIn();
                }
            });
        });
    </script>
    @endsection