@extends('layouts.default')

@section('title', 'Déposer un avis')

@section('content')
    <div class="breadcumb-wrapper " data-bg-src="{{ asset('/img/breadcumb.jpg') }}" data-overlay="black"
         data-opacity="8">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Déposer un avis</h1>
            </div>
        </div>
    </div>

    <div class="space">
        <div class="container">
            <div class="row justify-content-md-center gy-40">
                <div class="col-xl-8">
                    <form action="#" method="POST" class="contact-form3 h-100">
                        @csrf

                        <h2 class="form-title h3 mb-0">On a besoin de votre avis !</h2>
                        <h5 style="font-size: 14px" class="mb-30">Votre avis sera publié sur notre site web et nos
                            réseaux sociaux, merci pour votre collaboration !</h5>

                        @if($errors->any())
                            <p class="error-popup" style="background: rgb(251, 152, 152);
padding: 20px;"><b>Erreur :</b><br>{{$errors->first()}}</p><br/>
                        @endif

                        @if(\Illuminate\Support\Facades\Session::has('success'))
                            <p class="success-popup" style="background: palegreen;
padding: 20px;">{{ \Illuminate\Support\Facades\Session::get('success') }}</p>
                            <br/>
                        @endif

                        <div class="row">
                            <div class="form-group col-md-6">
                                <input type="text" class="form-control style-white" name="name" id="name" required
                                       placeholder="Nom *">
                            </div>
                            <div class="form-group col-md-6">
                                <input type="email" class="form-control style-white" name="email" id="email" required
                                       placeholder="E-mail *">
                            </div>

                            <div class="form-group col-12">
                                <textarea name="message" id="message" cols="30" rows="3" required
                                          class="form-control style-white" placeholder="Avis *"></textarea>
                            </div>

                            <div class="form-btn col-12">
                                <button type="submit" class="th-btn">Envoyer <i class="fa fa-arrow-right"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection