@extends('frontend::layouts.master')
@section('content')
    <section class="page-title-dark" id="page-title" style="background-image: url('{{ Module::asset('frontend:images/bg-product.jpg') }}');">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                    <h2 class="m-b-0">กลุ่มสินค้าตกแต่งภายนอก</h2>
                    <p class="">อุปกรณ์ตกแต่งภายนอกรถยนต์ กระจก ไฟ กันชน และอุปกรณ์เสริมความสวยงาม</p>

                    <!-- breadcrumb -->
                    <nav class="breadcrumb-container">
                        <div class="container">
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="{{ route('frontend.index') }}">หน้าหลัก</a>
                                </li>
                                <li class="breadcrumb-item">
                                    <a href="{{ route('frontend.products') }}">กลุ่มสินค้า</a>
                                </li>
                                <li class="breadcrumb-item active">
                                    <a href="#">กลุ่มสินค้าตกแต่งภายนอก</a>
                                </li>
                            </ul>
                        </div>
                    </nav>

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

    <!-- Block 1: Company Product Description -->
    <!-- <section class="sect-product-intro">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 text-center m-b-0">
                                <h2 class="htitle m-b-0">สินค้าของเรา</h2>
                                <p class="desc">ศูนย์รวมอะไหล่แท้และอะไหล่อื่นๆ ที่มีคุณภาพสูง</p>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="product-intro-content">
                                    <p>บริษัท Pro Part Distributor
                                        เป็นผู้จำหน่ายชิ้นส่วนรถยนต์ชั้นนำที่มุ่งมั่นในการจัดหาและจำหน่ายอะไหล่แท้และอะไหล่
                                        Aftermarket ที่มีคุณภาพสูงสุด เราจัดจำหน่ายอะไหล่สำหรับรถยนต์ทุกยี่ห้อ รวมถึง Toyota,
                                        Isuzu, Mitsubishi, Nissan, Honda, Mazda, Suzuki, Ford และ Chevrolet</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </section> -->

    <!-- Block 2: Product Cards Grid -->
    <section class="sect-product-grid" style="background-color: #f8f9fa;">
        <div class="container">
            <!-- <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 text-center m-b-40">
                                <h2 class="htitle m-b-0">กลุ่มสินค้าของเรา</h2>
                                <p class="desc">เลือกดูสินค้าตามกลุ่มที่คุณสนใจ</p>
                            </div>
                        </div> -->
            <div class="row">

                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>
                <!-- Product Card  -->
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="product-card">
                        <div class="product-card-image">
                            <a href="{{ route('frontend.product-detail') }}">
                                <img src="{{ Module::asset('frontend:images/mockup.jpg') }}" alt="ACTUATOR; DOOR LOCKFRONT RIGHT">
                            </a>
                        </div>
                        <div class="product-card-content">
                            <h4 class="product-card-title">ACTUATOR DOOR LOCKFRONT RIGHT</h4>
                            <p class="product-card-desc">ผู้ผลิต: Isuzu
                                Part Number: 8-97349995-0
                                รุ่น: D-MAX ALL NEW D-MAX COLORADO TFR/TFS THAIRUNG MU-7 MU-X
                            </p>
                            <h5 class="product-price">760฿</h5>
                            <a class="btn btn-contact" href="{{ route('frontend.product-detail') }}?category=exterior-accessories">ติดต่อเรา</a>
                        </div>
                    </div>
                </div>

                <!-- pagination -->
                <section class="sect-pagination">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                                <nav aria-label="Product pagination">
                                    <ul class="pagination">
                                        <li class="page-item disabled">
                                            <a class="page-link" href="#" aria-disabled="true" tabindex="-1">
                                                <i class="icon-chevron-left"></i>
                                            </a>
                                        </li>
                                        <li class="page-item active">
                                            <a class="page-link" href="#">1</a>
                                        </li>
                                        <li class="page-item">
                                            <a class="page-link" href="#">2</a>
                                        </li>
                                        <li class="page-item">
                                            <a class="page-link" href="#">3</a>
                                        </li>
                                        <li class="page-item">
                                            <a class="page-link" href="#">4</a>
                                        </li>
                                        <li class="page-item">
                                            <a class="page-link" href="#">
                                                <i class="icon-chevron-right"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </nav>
                                <div class="pagination-info">
                                    <p class="text-muted">แสดง 1-12 จาก 32 สินค้า</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

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