@extends('layouts.app')


@section('content')
    @if(app()->getLocale()=='ar')
        <style>
            form{
                direction: rtl;
            }

        </style>
    @endif
    <style>
        .btn.btn-sm.dropdown-toggle{
            color: white!important;
        }
    </style>
    <div style="background: #eb5d1e" class="jumbotron  text-center justify-content-center align-items-center mb-0">
        <div class="container">
            <span class="page-header">{{__('contact.Contactez-Nous')}}</span>
        </div>
    </div>
    <div  class="d-flex" style="
    background: linear-gradient(180deg, #EBEDFA 50%, #F6F7F9 50%);height: 612px;" >

        <div style="background: #ffffff" class="container justify-content-center align-self-center">
            <p style="padding: 20px 70px;">
                {{__('contact.contact_disc')}}
            </p>


            <div style="padding: 20px 70px;" class="row text-center">
                <div class="col-md-6"><img src="images/front-office/mail.svg"  class="pb-1">
                    <h3>{{__('contact.Email de contact')}}</h3>
                    <p>
                        hello@irchad.ma
                    </p>
                </div>

                <div class="col-md-6"><img src="images/front-office/time.svg" class="pb-1">
                    <h3>{{__('contact.Horaires d’ouverture')}}</h3>
                    <p>{{__('contact.Lundi')}} - {{__('contact.Vendredi')}}	: 10h {{__('contact.à')}} 13h</p>
                </div>

            </div>
        </div>
    </div>

<!-- START CONTACT -->
<section class="section pt-0 bg-light">
    <div class="container">
        <div class="row">

{{--            <div class="col-lg-4">--}}
{{--                <div class="contact-details text-center bg-white p-5 mt-3">--}}
{{--                    <div class="contact-icon">--}}
{{--                        <i class="pe-7s-map-marker text-custom"></i>--}}
{{--                    </div>--}}
{{--                    <h5 class="mt-2">Irchad@Office</h5>--}}
{{--                    <p class="text-muted  mt-3">4779 Oujda Avenue Fayetteville, City NC 28306</p>--}}
{{--                    <p class="text-muted mt-3">+01 656-525-125</p>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="col-lg-4">--}}
{{--                <div class="contact-details text-center bg-white p-5 mt-3">--}}
{{--                    <h5 class="mt-2">Irchad@Contact</h5>--}}
{{--                    <div class="mt-4">--}}
{{--                        <p class="text-muted mb-2">Inquries:- <a href="" class="text-custom"> hello@irchad.in</a></p>--}}
{{--                        <p class="text-muted mb-2">Careers:- <a href="" class="text-custom"> hr@irchad.in</a></p>--}}
{{--                        <p class="text-muted mb-2">Media:- <a href="" class="text-custom"> pr@irchad.in</a></p>--}}
{{--                        <p class="text-muted mb-2">Support:- <a href="" class="text-custom"> help@irchad.in</a></p>--}}
{{--                    </div>--}}
{{--                    <div class="mt-4">--}}
{{--                        <ul class="list-inline mb-0">--}}
{{--                            <li class="list-inline-item"><a href="#"><i class="mdi mdi-facebook facebook footer-social-icon"></i></a></li>--}}
{{--                            <li class="list-inline-item"><a href="#"><i class="mdi mdi-twitter twitter footer-social-icon"></i></a></li>--}}
{{--                            <li class="list-inline-item"><a href="#"><i class="mdi mdi-google google footer-social-icon"></i></a></li>--}}
{{--                            <li class="list-inline-item"><a href="#"><i class="mdi mdi-apple apple footer-social-icon"></i></a></li>--}}
{{--                        </ul>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
        </div>
    </div>
</section>
<!-- END CONTACT -->

<!-- START CONTACT-FORM -->
<section class="section pt-0 bg-light">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h3 class="dashed text-center">{{__('contact.Formulaire de Contact')}}</h3>
                <div class="custom-form mt-5">
                    <div id="message"></div>
                    <form method="post" action="php/contact.php" name="contact-form" id="contact-form">

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input name="name" id="name" type="text" class="form-control" placeholder="{{__('contact.Vote prénom')}}...">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input name="last name" id="sarname" type="text" class="form-control" placeholder="{{__('contact.Votre nom')}}...">
                                </div>
                            </div>
                        </div>

                        <div class="row mt-4">

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input name="email" id="email" type="email" class="form-control" placeholder="{{__('contact.Votre email')}}...">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input name="number" id="number" type="number" class="form-control" placeholder="{{__('contact.Votre téléphone')}}...">
                                </div>
                            </div>
                        </div>

                        <div class="row mt-4">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <textarea name="comments" id="comments" rows="7" class="form-control" placeholder="{{__('contact.Votre message')}}..."></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="row mt-4">
                            <div class="col-lg-12 text-center">
                                <input type="submit" id="submit" name="send" class="submitBnt btn btn-custom" value="{{__('contact.Envoyer un message')}}">
                                <div id="simple-msg"></div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- END CONTACT-FORM -->



@endsection