@extends('layouts.app')
@section('title', 'Quote Submitted — ECA Networks')

@section('content')
<div class="max-w-xl mx-auto px-4 py-20 text-center">
    <div class="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
        <i class="fas fa-check-circle text-green-500 text-4xl"></i>
    </div>
    <h1 class="text-3xl font-bold text-navy mb-3">Quote Request Sent!</h1>
    <p class="text-gray-500 mb-2">Thank you. Our team has received your request and will contact you within <strong class="text-navy">2 business hours</strong>.</p>
    <p class="text-gray-400 text-sm mb-8">We'll send a detailed quote to your email with pricing, availability and delivery timelines.</p>

    <div class="bg-blue-50 border border-blue-100 rounded-2xl p-5 mb-8 text-left">
        <p class="font-semibold text-navy mb-2 text-sm">Need it faster?</p>
        <p class="text-sm text-gray-600">Call or WhatsApp us directly:</p>
        <div class="flex flex-col gap-1 mt-2">
            <a href="tel:0720309309" class="text-electric-blue font-semibold text-sm hover:underline">📞 0720 309 309</a>
            <a href="https://wa.me/254720309309" target="_blank" class="text-green-600 font-semibold text-sm hover:underline">💬 WhatsApp: 0720 309 309</a>
        </div>
    </div>

    <div class="flex gap-3 justify-center">
        <a href="{{ route('products.index') }}" class="bg-electric-blue text-white px-6 py-3 rounded-xl font-semibold hover:bg-blue-dark transition-colors">
            Continue Shopping
        </a>
        <a href="{{ route('home') }}" class="bg-gray-100 text-navy px-6 py-3 rounded-xl font-semibold hover:bg-gray-200 transition-colors">
            Home
        </a>
    </div>
</div>
@endsection