@extends('layouts.app')
@section('title', 'Contact Us')
@section('content')
<div class="max-w-xl mx-auto px-4 py-10">
    <h1 class="text-2xl font-bold mb-4">Contact Us</h1>
    @if(session('status'))<div class="bg-green-50 text-green-700 p-3 rounded-lg mb-4 text-sm">{{ session('status') }}</div>@endif
    <div class="flex gap-3 mb-6">
        @foreach(\App\Models\SocialLink::where('is_active', true)->get() as $link)
            <a href="{{ $link->url }}" class="text-brand text-sm">{{ ucfirst($link->platform) }}</a>
        @endforeach
    </div>
    <form method="POST" action="{{ route('contact.store') }}" class="space-y-3">
        @csrf
        <input name="name" placeholder="Your name" required class="w-full border rounded-lg px-3 py-2">
        <input name="email" type="email" placeholder="Email" class="w-full border rounded-lg px-3 py-2">
        <input name="phone" placeholder="Phone" class="w-full border rounded-lg px-3 py-2">
        <textarea name="message" placeholder="Your message" required rows="4" class="w-full border rounded-lg px-3 py-2"></textarea>
        <button class="bg-brand text-white px-6 py-2 rounded-full font-semibold">Send</button>
    </form>
</div>
@endsection