@extends('layouts.app')

@section('title', 'Contact Us | English Excellence Studio')

@section('meta_description', 'Contact English Excellence Studio for English learning and communication programs.')

@section('content')

<section class="bg-primary text-white py-5">
    <div class="container py-5 text-center">
        <h1 class="display-5 fw-bold">Contact Us</h1>
        <p class="lead mb-0">
            Have a question? We would love to hear from you.
        </p>
    </div>
</section>

<section class="py-5">
    <div class="container py-4">

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

@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ route('contact.submit') }}">
    @csrf

    <div class="row g-3">

        <div class="col-md-6">
            <label class="form-label">Name</label>
            <input
                type="text"
                name="name"
                class="form-control"
                value="{{ old('name') }}"
                required
            >
        </div>

        <div class="col-md-6">
            <label class="form-label">Email</label>
            <input
                type="email"
                name="email"
                class="form-control"
                value="{{ old('email') }}"
                required
            >
        </div>

        <div class="col-md-6">
            <label class="form-label">Phone</label>
            <input
                type="text"
                name="phone"
                class="form-control"
                value="{{ old('phone') }}"
            >
        </div>

        <div class="col-md-6">
            <label class="form-label">Subject</label>
            <input
                type="text"
                name="subject"
                class="form-control"
                value="{{ old('subject') }}"
            >
        </div>

        <div class="col-12">
            <label class="form-label">Message</label>

            <textarea
                name="message"
                rows="6"
                class="form-control"
                required
            >{{ old('message') }}</textarea>
        </div>

        <div class="col-12">
            <button type="submit" class="btn btn-primary px-4">
                Send Message
            </button>
        </div>

    </div>
</form>

                    </div>
                </div>

            </div>

        </div>

    </div>
</section>

@endsection