@extends('index')
@section('content')

<section class="contact-us-form-section py-5" style="background-color: #f9f9f9;">
    <div class="container">
        <div class="contact-us-form p-4" style="background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);">
            <div class="row">
                <div class="col-lg-12">
                    <h2 class="pb-4" style="font-weight: 700; color: #0a2540;">Support Documents</h2>
                    <hr style="border-top: 2px solid #f0f0f0;">
                </div>

                <div class="col-lg-12 pt-3">
                    <h4 class="pb-4" style="font-weight: 600; color: #0a2540;">Click below to download the PDF.</h4>
                    
                    <div class="pdf-list">
                        <p class="pb-3">
                            <a href="assets/img/EVGatewayBrochure.pdf" class="text-decoration-none d-flex align-items-center" target="_blank">
                                <img src="assets/img/pdf2.png" alt="PDF" style="width: 24px; margin-right: 10px;">
                                EVGatewayBrochure.pdf
                            </a>
                        </p>
                        <p class="pb-3">
                            <a href="assets/img/eSolutions-AX Series-12kW-DS.pdf" class="text-decoration-none d-flex align-items-center" target="_blank">
                                <img src="assets/img/pdf2.png" alt="PDF" style="width: 24px; margin-right: 10px;">
                                eSolutions-AX Series-12kW-DS.pdf
                            </a>
                        </p>
                        <p class="pb-3">
                            <a href="assets/img/eSolutions-AX Series-12kW-IM.pdf" class="text-decoration-none d-flex align-items-center" target="_blank">
                                <img src="assets/img/pdf2.png" alt="PDF" style="width: 24px; margin-right: 10px;">
                                eSolutions-AX Series-12kW-IM.pdf
                            </a>
                        </p>
                        <p class="pb-3">
                            <a href="assets/img/Phihong-180kW-DS.pdf" class="text-decoration-none d-flex align-items-center" target="_blank">
                                <img src="assets/img/pdf2.png" alt="PDF" style="width: 24px; margin-right: 10px;">
                                Phihong-180kW-DS.pdf
                            </a>
                        </p>
                        <p class="pb-3">
                            <a href="assets/img/Phihong-180kW-IM.pdf" class="text-decoration-none d-flex align-items-center" target="_blank">
                                <img src="assets/img/pdf2.png" alt="PDF" style="width: 24px; margin-right: 10px;">
                                Phihong-180kW-IM.pdf
                            </a>
                        </p>
                        <p class="pb-3">
                            <a href="assets/img/StellantisLEV-ValidationChecklist.pdf" class="text-decoration-none d-flex align-items-center" target="_blank">
                                <img src="assets/img/pdf2.png" alt="PDF" style="width: 24px; margin-right: 10px;">
                                StellantisLEV-ValidationChecklist.pdf
                            </a>
                        </p>
                        <p class="pb-3">
                            <a href="{{ asset('assets/img/logo2.jpg') }}" class="text-decoration-none d-flex align-items-center" download>
                                <img src="{{ asset('assets/img/imgdownload.jpg') }}" alt="Logo" style="width: 24px; margin-right: 10px;">
                                light-Logo
                            </a>
                        </p>
                        <p class="pb-3">
                            <a href="{{ asset('assets/img/logo3.jpg') }}" class="text-decoration-none d-flex align-items-center" download>
                                <img src="{{ asset('assets/img/imgdownload.jpg') }}" alt="Logo" style="width: 24px; margin-right: 10px;">
                                Dark-Logo
                            </a>
                        </p>

                    </div>

                   

                </div>
            </div>
        </div>
    </div>
</section>

@endsection