@extends('layouts.app')
@section('title', 'Contact')

@section('content')
<section class="section">
    <h1 style="text-align: center; color: var(--text-dark);">Get in Touch</h1>
    <p style="text-align: center;">Ready to transform your technology infrastructure? Contact us today to discuss your project requirements and discover how EverFi can help your business thrive.</p>

    @if (Session::has('success'))
        <div style="background: #D4EDDA; color: #155724; padding: 10px; border-radius: 4px; margin-bottom: 20px;">{{ Session::get('success') }}</div>
    @endif

    <div class="form-grid">
        <form method="POST" action="{{ route('contact.submit') }}" class="form-wrapper">
            @csrf
            <input type="text" name="first_name" placeholder="First Name *" required>
            <input type="text" name="last_name" placeholder="Last Name *" required>
            <input type="email" name="email" placeholder="Email Address *" required>
            <input type="text" name="company" placeholder="Company">
            <select name="service_interest">
                <option value="">Select a service</option>
                <option value="WiFi Solutions">WiFi Solutions</option>
                <option value="LAN Infrastructure">LAN Infrastructure</option>
                <option value="Guest WiFi">Guest WiFi</option>
                <option value="Cybersecurity">Cybersecurity</option>
                <option value="Full Stack Software">Full Stack Software</option>
                <option value="Network Admission Control (NAC)">Network Admission Control (NAC)</option>
            </select>
            <textarea name="message" placeholder="Message *&#10;Tell us about your project requirements..." required></textarea>
            <button type="submit" class="btn">Send Us a Message</button>
        </form>
        <div class="contact-card">
            <h3>Contact Information</h3>
            <p><strong>Phone:</strong> (703) 340-7020</p>
            <p><strong>Email:</strong> support@everfi.io</p>
            <p><strong>Address:</strong> Jackson Hole, Wyoming</p>
            <p><strong>Business Hours:</strong> Monday - Friday 8:00 AM - 6:00 PM</p>
            <p>24/7 Emergency Support Available</p>
        </div>
    </div>
    <div class="cta-box" style="margin-top: 40px; background: var(--light-blue); color: var(--text-dark);">
        <h3>Ready to Get Started?</h3>
        <p>Experience the infinite possibilities that EverFi technology solutions can bring to your business. Let's discuss your project today.</p>
        <a href="{{ route('contact') }}" class="btn" style="background: var(--web-blue-lt); color: #FFFFFF;">Get Started</a>
    </div>
</section>
@endsection