@extends('frontend')

@section('content')


<div class="row justify-content-center" style="background:#F5F5F5;padding-top:150px">
    <div class="col-12 col-md-12 col-lg-12" style="">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-9 col-lg-9">
                    <a href="{{ url('/') }}" class="text-decoration-none text-dark">หน้าแรก</a> <b>| ค้นหา KFC</b>
                </div>
                <div class="col-12 col-md-3 col-lg-3">
                    
                </div>
            </div>
            <div class="row mt-4 mb-5">
                <div class="col-12 col-md-3 col-lg-3 mb-5">
                    <div class="rounded shadow-sm a-p">
                        <a href="{{ url('product/detail/1') }}" class="d-block text-dark text-decoration-none">
                            <div class="position-relative">
                                <img src="{{ url('assets/frontend/img/shop_banner-01.jpg') }}" alt="" class="w-100">
                                <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                            </div>
                        </a>
                        <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                            <a href="{{ url('product/detail/1') }}" class="d-block text-dark text-decoration-none">
                                <div>
                                    <h4><b>KFC</b></h4>
                                </div>
                                <div>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                </div>
                                <div class="c-g">อาหารจานด่วน, ไก่ทอด, เครื่องดื่ม</div>
                            </a>
                        </div>
                        <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                            <span data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="true">
                                <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                            </span>
                        </div>
                        <div class="collapse box-share " id="collapseExample" style="">
                            <div class="text-center p-2">
                                <span data-bs-toggle="collapse" href="#collapseExample" role="button">
                                    <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="card card-body">
                                <ul>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                alt=""></button></li>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                alt=""></button></li>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                alt=""></button></li>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                alt=""></button></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-md-3 col-lg-3 mb-5">
                    <div class="rounded shadow-sm a-p">
                        <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                            <div class="position-relative">
                                <img src="{{ url('assets/frontend/img/shop_banner-02.jpg') }}" alt="" class="w-100">
                                <span class="tag-banner tag-color-orange text-white">ร้านค้าแนะนำ</span>
                            </div>
                        </a>

                        <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div>
                                    <h4><b>Big C</b></h4>
                                </div>
                                <div>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                </div>
                                <div class="c-g">ห้างสรรพสินค้า</div>
                            </a>
                        </div>
                        <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                            <span data-bs-toggle="collapse" href="#collapseExample-1" role="button"
                                aria-expanded="true">
                                <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                            </span>
                        </div>
                        <div class="collapse box-share " id="collapseExample-1" style="">
                            <div class="text-center p-2">
                                <span data-bs-toggle="collapse" href="#collapseExample-1" role="button">
                                    <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="card card-body">
                                <ul>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                alt=""></button></li>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                alt=""></button></li>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                alt=""></button></li>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                alt=""></button></li>
                                </ul>
                            </div>
                        </div>


                    </div>
                </div>

                <div class="col-12 col-md-3 col-lg-3 mb-5">
                    <div class="rounded shadow-sm a-p">
                        <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                            <div class="position-relative">
                                <img src="{{ url('assets/frontend/img/shop_banner-03.jpg') }}" alt="" class="w-100">
                                <span class="tag-banner tag-color-green text-white">ร้านค้าใหม่</span>
                            </div>
                        </a>
                        <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div>
                                    <h4><b>Sukumvit Hospital</b></h4>
                                </div>
                                <div>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                </div>
                                <div class="c-g">โรงพยาบาล, สุขภาพ</div>
                            </a>
                        </div>
                        <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                            <span data-bs-toggle="collapse" href="#collapseExample-2" role="button"
                                aria-expanded="true">
                                <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                            </span>
                        </div>
                        <div class="collapse box-share " id="collapseExample-2" style="">
                            <div class="text-center p-2">
                                <span data-bs-toggle="collapse" href="#collapseExample-2" role="button">
                                    <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="card card-body">
                                <ul>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                alt=""></button></li>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                alt=""></button></li>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                alt=""></button></li>
                                    <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                alt=""></button></li>
                                </ul>
                            </div>
                        </div>


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


@endsection