@extends('Layouts.master')

@section('title', 'Contact')

@section('content')


 <div class="page-title dark-background" data-aos="fade" style="background-image: url({{ asset('img/page-title-bg.webp') }});">
        <div class="container position-relative">
            <h1 class="display-4 text-white text-shadow">CONTACTEZ-NOUS</h1>
        </div>
    </div><!-- End Page Title -->


<div class="py-5" style="background-color: #e6f4ea;"> {{-- Vert très clair pour le fond --}}
    <div class="container">
        <!-- <h2 class="text-center mb-5 text-success">Contactez l’ONG QUALITORAMA</h2> -->

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <div class="row">
            <!-- Formulaire -->
            <div class="col-md-7 mb-4">
                <div class="p-4 bg-white border border-success rounded shadow">
                    <form action="{{ route('contact.store') }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label for="name" class="form-label text-success">Nom complet</label>
                            <input type="text" name="name" class="form-control border-success" required value="{{ old('name') }}">
                        </div>
                        <div class="mb-3">
                            <label for="email" class="form-label text-success">Adresse email</label>
                            <input type="email" name="email" class="form-control border-success" required value="{{ old('email') }}">
                        </div>
                        <div class="mb-3">
                            <label for="message" class="form-label text-success">Message</label>
                            <textarea name="message" rows="5" class="form-control border-success" required>{{ old('message') }}</textarea>
                        </div>
                        <button type="submit" class="btn btn-success">Envoyer</button>
                    </form>
                </div>
            </div>

            <!-- Informations de contact -->
            <div class="col-md-5">
                <div class="p-4 bg-white border border-success rounded shadow h-100">
                    <h4 class="text-success mb-4">Informations de contact</h4>
                    <p><strong>📍 Adresse :</strong><br>
                        Cocody riviera CIAD, Abidjan CÔTE D’IVOIRE<br>
                        23 BP 3115 ABJ 23
                    </p>
                    <p><strong>📞 Téléphone :</strong><br>
                        (225) 0707515984 / 0102402027
                    </p>
                    <p><strong>📧 Email :</strong><br>
                        <a href="mailto:ongqualitorama@gmail.com" class="text-success">ongqualitorama@gmail.com</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection