@extends('template.main-template')

@section('content')
    <section class="custom-hero"></section>
    <div id="content">

        <!--======= CONATACT  =========-->
        <section class="our-team light-gray-bg our-team-small padding-top-150 padding-bottom-50">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">

                        <!-- HEADING -->
                        <div class=" style-left">
                            <h4>Technical Documents</h4>
                        </div>
                    </div>

                    <!-- TEAM -->
                    <div class="col-lg-6">
                        <div class="row">
                            <p style="padding-left: 15px;">Explore our collection of flooring technical documents, including warranties, specifications,
                                and installation guides, to ensure a seamless and informed flooring experience.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="our-team our-team-small padding-top-50 padding-bottom-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">

                        <!-- HEADING -->
                        <div class=" style-left">
                            <img class="img-responsive" src="{{ asset('template/images/technical-documents/technical.jpg') }}">
                        </div>
                    </div>

                    <!-- TEAM -->
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="document-list">
                                <div class="document-item">
                                    <a target="_blank" href="{{ asset('resources/comum/Installation-Manual.pdf') }}">Flooring Installation</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="{{ asset('resources/square-stair-nose/installation-manual-square-stair-nose.pdf') }}">Square Stair Nose Installation</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="{{ asset('resources/comum/Warranty.pdf') }}">Comprehensive Warranty</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="{{ asset('resources/comum/Care-and-Maintenance.pdf') }}">Maintenance & Care</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="https://drive.google.com/file/d/1doACjLMTCUsHl7DaaztS3RZouNIHX_-C/view?usp=sharing ">Product Certifications</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="{{ asset('resources/lite-collection/Lite-sellsheet.pdf') }}">Lite Sell Sheet</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="https://drive.google.com/file/d/1MBdDL14NNa9BeQBP99nezk1iBk5AsgGX/view?usp=sharing">Lite Testing Results</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="https://drive.google.com/file/d/1u3wihbGrlgDwPm9BIaDIyTMGPyJXrhV8/view?usp=sharing">Lite Testing Results</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="{{ asset('resources/one-plus-collection/oneplus-sellsheet.pdf') }}">One Plus Sell Sheet</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="https://drive.google.com/file/d/1DWNLBM2v_tH94GX1pjNV52y9Gs3PB-pQ/view?usp=sharing">One Plus Testing Results</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="https://drive.google.com/file/d/1-UewmLU4hJBAkllbmlXh0D09khnk_sw5/view?usp=sharing ">One Plus Testing Results</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="{{ asset('resources/xl-collection/XL-sellsheet.pdf') }}">XL Sell Sheet</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="https://drive.google.com/file/d/1lcXpD2ivEyqeJrkUygjXnT08xdwZQD60/view?usp=sharing">XL Testing Results</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="https://drive.google.com/file/d/1dCkTVweaj_y0dvRTgT4eYWqlv54ybvvg/view?usp=drive_link">XL Testing Results</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="{{ asset('resources/test-result-ixpe/Underlayment15mm-test.pdf') }}">1.5mm Underlayment Test Results</a>
                                </div>
                                <div class="document-item">
                                    <a target="_blank" href="https://drive.google.com/file/d/1UqZ77FgTVcwsiy5eaWAi-1ExhrdB5DYX/view?usp=sharing">3mm Underlayment Test Results</a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@push('javascript')
@endpush

@push('css')
    <style>
        .document-list {
            display: flex;
            flex: 1;
            flex-direction: column;
            padding: 0px 0px 0px 30px;

        }
        .document-item {
            padding: 20px 0px 20px 0px;
            border-bottom: 1px solid #1b1f492c;
        }

        .document-item a {
            font-weight: 700;
        }
    </style>
@endpush