@extends('front.layout')
@section('content')

    <div class="breadcrumb-section">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="page-title">
                        <h2>{!! Helper::traducteurs(67) !!}</h2>
                    </div>
                </div>
                <div class="col-sm-6">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{url('/')}}">{!! Helper::traducteurs(9) !!}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{!! Helper::traducteurs(67) !!}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>


    <!-- about section start -->
    <section class="contact-page section-b-space">
        <div class="container-fluid">
            <div class="row section-b-space">
                <div class="col-lg-7 map" id="googleMap">

                </div>
                <div class="col-lg-5">
                    <div class="contact-right">
                        <ul>
                            <li>
                                <div class="contact-icon"> <i class="fa fa-phone" aria-hidden="true"></i>
                                    <h6>{!! Helper::traducteurs(27) !!}</h6>
                                </div>
                                <div class="media-body">
                                    <p>{{$societe->tel}}</p>
                                    <br>

                                </div>
                            </li>
                            <li>
                                <div class="contact-icon"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                    <h6>{!! Helper::traducteurs(84) !!}</h6>
                                </div>
                                <div class="media-body">
                                    {{$societe->adresse}}
                                    <br>
                                </div>
                            </li>
                            <li>
                                <div class="contact-icon"><i class="fa fa-envelope" aria-hidden="true"></i>
                                    <h6>{!! Helper::traducteurs(23) !!}<h6>
                                </div>
                                <div class="media-body">
                                    <p>{{$societe->email}}</p>
                                    <br>

                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    @if (session('successMsg'))
        <div  class="alert alert-success" role="alert">
            {{(session('successMsg'))}}
        </div>
    @endif
    @if (session('errorMsg'))
    <div  class="alert alert-error" role="alert">
        {{(session('errorMsg'))}}
    </div>
@endif
                    <form class="theme-form" method="post" action="{{ route('pages.send_mailcontact') }}" >
                        @csrf
                        <div class="form-row row">
                            <div class="col-md-12">
                                <label for="name">{!! Helper::traducteurs(26) !!}</label>
                                <input type="text" class="form-control" name="name" id="name" placeholder="{!! Helper::traducteurs(26) !!}"
                                    required>
                            </div>

                            <div class="col-md-6">
                                <label for="review">{!! Helper::traducteurs(27) !!}</label>
                                <input type="text" class="form-control" id="tel "  name="phone" placeholder="{!! Helper::traducteurs(27) !!}"
                                    required>
                            </div>
                            <div class="col-md-6">
                                <label for="email">{!! Helper::traducteurs(23) !!}</label>
                                <input type="text" class="form-control" name="email" id="email" placeholder="{!! Helper::traducteurs(23) !!}" required>
                            </div>
                            <div class="col-md-12">
                                <label for="review">{!! Helper::traducteurs(85) !!}</label>
                                <textarea class="form-control" name="message" placeholder="{!! Helper::traducteurs(85) !!}"
                                    id="exampleFormControlTextarea1" rows="6"></textarea>
                            </div>
                            <div class="col-md-12">
                                <button class="btn btn-solid" type="submit">{!! Helper::traducteurs(86) !!}</button>
                                <button class="btn btn-solid" type="reset">{!! Helper::traducteurs(87) !!}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!--Section ends-->
    <script>
        var long = '{{$societe->longitude}}';
        var latitude = '{{$societe->latitude}}';
    </script>
    <script src="https://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIzaSyBt0FzE7tTDwZuwkEpiMVXmxs9luDygliI"></script>
    <script  src="https://www.google.com/jsapi"></script>
    <script src="{{asset('frontend/assets/js/map-script.js')}}"></script>
    @endsection