@extends('layouts.main')

@section('meta')
@include('blocks.meta', ['meta' => 'test'])
@endsection

@section('content')

<div class="container mt-5">
    <div class="head-page text-center">
        <h1>Contact Us</h1>
        <p> If you have any questions, contact us at <a href="mailto:support@gmail.ae">support@gmail.ae</a> or <a
                href="tel:96171333444">+96171333444</a></p>
    </div>
    <div class="checkout-container" id="checkout-container">



        <div class="row">


            <!-- Right Column: Contact Form -->
            <div class="col-md-12">
                <h4 class="mb-4">Send Us a Message</h4>

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

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

                    <div class="form-group mb-3">
                        <label for="name">Name *</label>
                        <input type="text" name="name" value="{{ old('name') }}" class="form-control" required>
                        @error('name') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group mb-3">
                        <label for="phone">Phone *</label>
                        <input type="text" name="phone" value="{{ old('phone') }}" class="form-control" required>
                        @error('phone') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group mb-3">
                        <label for="email">Email *</label>
                        <input type="email" name="email" value="{{ old('email') }}" class="form-control" required>
                        @error('email') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group mb-3">
                        <label for="message">Message *</label>
                        <textarea name="message" class="form-control" required>{{ old('message') }}</textarea>
                        @error('message') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <button type="submit" class=" btn-style-1 py-2">Send Message</button>
                </form>
            </div>
        </div>

    </div>

</div>



@endsection