ok
Direktori : /home2/selectio/www/limpiar.in.net/resources/views/frontend/ |
Current File : /home2/selectio/www/limpiar.in.net/resources/views/frontend/shop_listing.blade.php |
@extends('frontend.layouts.app') @section('content') <div class="position-relative"> <div class="position-absolute" id="particles-js"></div> <div class="position-relative container"> <!-- Breadcrumb --> <section class="pt-4 mb-3"> <div class="row"> <div class="col-lg-6 text-center text-lg-left"> <h1 class="fw-700 fs-20 fs-md-24 text-dark">{{ translate('All Sellers') }}</h1> </div> <div class="col-lg-6"> <ul class="breadcrumb bg-transparent p-0 justify-content-center justify-content-lg-end"> <li class="breadcrumb-item has-transition opacity-60 hov-opacity-100"> <a class="text-reset" href="{{ route('home') }}">{{ translate('Home')}}</a> </li> <li class="text-dark fw-600 breadcrumb-item"> "{{ translate('All Sellers') }}" </li> </ul> </div> </div> </section> <!-- All Sellers --> <section class="mb-3 pb-3"> <div class="bg-white px-3"> <div class="row row-cols-xl-5 row-cols-md-3 row-cols-sm-2 row-cols-1 gutters-16 border-top border-left"> @foreach ($shops as $key => $shop) @if ($shop->user != null) <div class="col text-center border-right border-bottom has-transition hov-shadow-out z-1"> <div class="position-relative px-3" style="padding-top: 2rem; padding-bottom:2rem;"> <!-- Shop logo & Verification Status --> <div class="position-relative mx-auto size-100px size-md-120px"> <a href="{{ route('shop.visit', $shop->slug) }}" class="d-flex mx-auto justify-content-center align-item-center size-100px size-md-120px border overflow-hidden hov-scale-img" tabindex="0" style="border: 1px solid #e5e5e5; border-radius: 50%; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06);"> <img src="{{ static_asset('assets/img/placeholder-rect.jpg') }}" data-src="{{ uploaded_asset($shop->logo) }}" alt="{{ $shop->name }}" class="img-fit lazyload has-transition" onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder-rect.jpg') }}';"> </a> <div class="absolute-top-right z-1 mr-md-2 mt-1 rounded-content bg-white"> @if ($shop->verification_status == 1) <svg xmlns="http://www.w3.org/2000/svg" width="24.001" height="24" viewBox="0 0 24.001 24"> <g id="Group_25929" data-name="Group 25929" transform="translate(-480 -345)"> <circle id="Ellipse_637" data-name="Ellipse 637" cx="12" cy="12" r="12" transform="translate(480 345)" fill="#fff"/> <g id="Group_25927" data-name="Group 25927" transform="translate(480 345)"> <path id="Union_5" data-name="Union 5" d="M0,12A12,12,0,1,1,12,24,12,12,0,0,1,0,12Zm1.2,0A10.8,10.8,0,1,0,12,1.2,10.812,10.812,0,0,0,1.2,12Zm1.2,0A9.6,9.6,0,1,1,12,21.6,9.611,9.611,0,0,1,2.4,12Zm5.115-1.244a1.083,1.083,0,0,0,0,1.529l3.059,3.059a1.081,1.081,0,0,0,1.529,0l5.1-5.1a1.084,1.084,0,0,0,0-1.53,1.081,1.081,0,0,0-1.529,0L11.339,13.05,9.045,10.756a1.082,1.082,0,0,0-1.53,0Z" transform="translate(0 0)" fill="#3490f3"/> </g> </g> </svg> @else <svg xmlns="http://www.w3.org/2000/svg" width="24.001" height="24" viewBox="0 0 24.001 24"> <g id="Group_25929" data-name="Group 25929" transform="translate(-480 -345)"> <circle id="Ellipse_637" data-name="Ellipse 637" cx="12" cy="12" r="12" transform="translate(480 345)" fill="#fff"/> <g id="Group_25927" data-name="Group 25927" transform="translate(480 345)"> <path id="Union_5" data-name="Union 5" d="M0,12A12,12,0,1,1,12,24,12,12,0,0,1,0,12Zm1.2,0A10.8,10.8,0,1,0,12,1.2,10.812,10.812,0,0,0,1.2,12Zm1.2,0A9.6,9.6,0,1,1,12,21.6,9.611,9.611,0,0,1,2.4,12Zm5.115-1.244a1.083,1.083,0,0,0,0,1.529l3.059,3.059a1.081,1.081,0,0,0,1.529,0l5.1-5.1a1.084,1.084,0,0,0,0-1.53,1.081,1.081,0,0,0-1.529,0L11.339,13.05,9.045,10.756a1.082,1.082,0,0,0-1.53,0Z" transform="translate(0 0)" fill="red"/> </g> </g> </svg> @endif </div> </div> <!-- Shop name --> <h2 class="fs-14 fw-700 text-dark text-truncate-2 h-40px mt-4 mb-3"> <a href="{{ route('shop.visit', $shop->slug) }}" class="text-reset hov-text-primary" tabindex="0">{{ $shop->name }}</a> </h2> <!-- Shop Rating --> <div class="rating rating-mr-1 text-dark mb-3"> {{ renderStarRating($shop->rating) }} <span class="opacity-60 fs-14">({{ $shop->num_of_reviews }} {{ translate('Reviews') }})</span> </div> <!-- Visit Button --> <a href="{{ route('shop.visit', $shop->slug) }}" class="btn-visit"> <span class="circle" aria-hidden="true"> <span class="icon arrow"></span> </span> <span class="button-text">{{ translate('Visit Store') }}</span> </a> </div> </div> @endif @endforeach </div> <!-- Pagination --> <div class="aiz-pagination aiz-pagination-center mt-4"> {{ $shops->links() }} </div> </div> </section> </div> </div> @endsection @section('script') <script> AIZ.plugins.particles(); </script> @endsection