@extends('layouts.app')

@section('title', 'Contactez nous')

@section('main_title_wrapper')
<div class="main_title_wrapper category_title_section jl_cat_img_bg">
    <div class="category_image_bg_image" style="background-image: url({{ asset('images/micro-conference.jpg') }});"></div><div class="category_image_bg_ov"></div>    <div class="jl_cat_title_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12 main_title_col">
                    <div class="jl_cat_mid_title">
                        <h3 class="categories-title title">Contactez nous</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')

<div class="row">
    <div class="col-12">
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade_ show" role="alert">
                {{ session('success') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
        @endif
    </div>
</div>

{!! Form::model($contact, ['method' => 'POST', "url" => route('contactez-nous.post')]) !!}
    <div class="form-group row" style="margin-bottom:10px">
        <div class="col-12">
            <h2>Contactez nous</h2>
        </div>
    </div>
    <div class="row" style="margin-bottom: 05px !important;">
        <div class="col-md-6">
            <div class="form-group row">
                <label class="col-12">{{"Nom"}} <span class="text-danger">*</span></label>
                <div class="col-12">
                    {!! Form::text('name', null, ["class" => "form-control", "required"]) !!}
                    @if ($errors->has('name'))
                        <span class="text-danger">
                            <small class="text-danger">{{ $errors->first('name') }}</small>
                        </span>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group row">
                <label class="col-12">Email <span class="text-danger">*</span></label>
                <div class="col-12">
                    {!! Form::email('email', null, ["class" => "form-control", "required"]) !!}
                    @if ($errors->has('email'))
                        <span class="text-danger">
                            <small class="text-danger">{{ $errors->first('email') }}</small>
                        </span>
                    @endif
                </div>
            </div>
        </div>
    </div>


    <div class="form-group row">
        <label class="col-12">Objet <span class="text-danger">*</span></label>
        <div class="col-12">
            {!! Form::text('objet', null, ["class" => "form-control", "required"]) !!}
            @if ($errors->has('objet'))
                <span class="text-danger">
                    <small class="text-danger">{{ $errors->first('objet') }}</small>
                </span>
            @endif
        </div>
    </div>

    <div class="form-group row">
        <label class="col-12">Message <span class="text-danger">*</span></label>
        <div class="col-12">
            {!! Form::textarea('message', null, ["class" => "form-control", "required"]) !!}
            @if ($errors->has('message'))
                <span class="text-danger">
                    <small class="text-danger">{{ $errors->first('message') }}</small>
                </span>
            @endif
        </div>
    </div>

    {{-- <div class="form-group row">
        <div class="col-md-12 mb-3 mb-md-0">
            {!! NoCaptcha::display() !!}
            @if ($errors->has('g-recaptcha-response'))
                <span class="red-text">
                    <strong>Veuillez cocher ce champs</strong>
                </span>
            @endif
        </div>
    </div> --}}

    <div class="form-group row">
        <div class="col-md-12" style="padding-left: 0px !important;">
            <button type="submit" class="btn btn-primary">Envoyer</button>
        </div>
    </div>

{!! Form::close() !!}

@if ($param)
    <div class="form-group row text-center" style="font-size:13px;margin-top:50px;background: #f8f9fa !important;padding: 20px 10px;color:#4A5568">
        <div class="col-md-4">
            <i class="fa fa-map-marker fa-3x"></i>
            <div style="margin: 5px 0px 20px 0px">{{ $param->adresse }}</div>
        </div>
        <div class="col-md-4">
            <i class="fa fa-phone fa-3x"></i>
            <div style="margin: 5px 0px 20px 0px">{{ $param->telephone }}</div>
        </div>
        <div class="col-md-4">
            <i class="fa fa-fax fa-3x"></i>
            <div style="margin: 5px 0px 20px 0px">{{ $param->fax }}</div>
        </div>
    </div>
@endif
@endsection