@extends('layouts.app')

@section('title', 'Up to 3-Year Painting Warranty — Abu Dhabi Auto Care')

@section('content')
<div class="py-16 bg-slate-950 min-h-screen">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-10">
        
        <!-- Header -->
        <div class="text-center space-y-4 max-w-2xl mx-auto">
            <span class="inline-block px-3.5 py-1 text-xs font-bold rounded-full bg-emerald-500/10 text-emerald-400 border border-emerald-500/20">
                QUALITY ASSURANCE
            </span>
            <h1 class="text-3xl sm:text-4xl font-black text-white tracking-tight">
                Up to 3-Year Painting Warranty
            </h1>
            <p class="text-slate-400 text-sm">
                We take immense pride in our craftsmanship. Qualifying automotive painting work performed in our Mussafah M11 workshop includes comprehensive warranty protection.
            </p>
        </div>

        <!-- Warranty Card Certificate -->
        <div class="rounded-3xl bg-slate-900 border border-slate-800 p-8 sm:p-10 shadow-2xl relative overflow-hidden">
            <div class="absolute -top-12 -right-12 w-48 h-48 bg-emerald-500/10 rounded-full blur-3xl"></div>
            
            <div class="flex items-center space-x-3 mb-6">
                <div class="w-12 h-12 rounded-xl bg-emerald-500/15 text-emerald-400 flex items-center justify-center">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>
                </div>
                <div>
                    <h2 class="text-xl font-bold text-white">Warranty Coverage Terms</h2>
                    <span class="text-xs text-emerald-400 font-semibold">German Paint Quality Standard</span>
                </div>
            </div>

            <div class="space-y-6 text-xs text-slate-300 leading-relaxed">
                <div>
                    <h3 class="font-bold text-white text-sm mb-2">1. Covered Painting Work</h3>
                    <p>Qualifying full-body car painting, colour-change refinishing, and designated multi-panel paint projects are protected against premature lacquer peeling, bubbling, and adhesion failure directly stemming from workshop surface preparation or paint application defects.</p>
                </div>

                <div>
                    <h3 class="font-bold text-white text-sm mb-2">2. Official Warranty Certificate</h3>
                    <p>Upon final quality control sign-off and customer handover, every covered vehicle is issued a digital and physical warranty card containing:</p>
                    <ul class="list-disc pl-5 mt-2 space-y-1 text-slate-400">
                        <li>Unique Warranty Certificate Number & Job Order Number</li>
                        <li>Vehicle Chassis / VIN Number and Plate Number</li>
                        <li>German Paint Code & Clear-Coat Formulation</li>
                        <li>Start and Expiration Date of Coverage</li>
                    </ul>
                </div>

                <div>
                    <h3 class="font-bold text-white text-sm mb-2">3. Exclusions & Limitations</h3>
                    <p class="text-slate-400">The warranty does not cover new physical damage occurring after delivery, such as subsequent accident impacts, deep gravel and stone chips, corrosive chemical/acid exposure, improper third-party buffing or unapproved detailing compounds.</p>
                </div>

                <div>
                    <h3 class="font-bold text-white text-sm mb-2">4. Hassle-Free Claim Procedure</h3>
                    <p>In the unlikely event of an adhesion or finish concern, simply send photographs to our workshop WhatsApp at <strong>+971 54 514 3060</strong> or drop by our Mussafah M11 workshop. Our master painter will review the condition and schedule prompt warranty remediation.</p>
                </div>
            </div>

            <div class="mt-8 pt-6 border-t border-slate-800 flex flex-wrap items-center justify-between gap-4">
                <span class="text-xs text-slate-400">Questions regarding warranty terms for your specific car model?</span>
                <a href="{{ route('orders.create') }}" class="px-6 py-3 rounded-xl bg-sky-600 hover:bg-sky-500 text-white font-bold text-xs transition">
                    Book Service with Warranty
                </a>
            </div>
        </div>

    </div>
</div>
@endsection