@extends('site.layout.layout')

@section('title',__('Store Profile'))

@if($store)
    @section('content')
        <main class="store_details_page product_details_page py-2">
            <!-- ------- breadcrumb ---------- -->
            <nav aria-label="breadcrumb" class="py-2 px-3 px-lg-4">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{{ route('home') }}"><i class="fas fa-arrow-right-long"></i> {{ __('Home') }}</a>
                    </li>
                    <!-- <li class="breadcrumb-item"><a href="new-products.html"> كل المنتجات</a></li>
                    <li class="breadcrumb-item"><a href="product-details.html"> تفاصيل المنتج</a></li> -->
                    <li class="breadcrumb-item active" aria-current="page"> {{ __('Store Profile') }}</li>
                </ol>
            </nav>
            <section class="profile_sec position-relative py-2 px-3 px-lg-4">
                <div class="banner"></div>
                <div class="container d-lg-flex align-items-end justify-content-between">
                    <figure>
                        <div class="profile_pic"><img src="{{ Storage::disk('public')->url($store->logo) }}" class="img-fluid" alt="" style="height: 200px!important;width: 200px!important;background-color: #FFFFFF;"></div>
                        <figcaption>
                            <div style="display: flex;align-items: center;gap: 5px;">
                                <h3 class="section_title my-3">{{ $store->getTranslation('title',app()->getLocale()) }}</h3>
                                <i class="fas fa-circle-check mt-1" style="color:{{ $store->verification?->color ?? '#3D68D6' }}"></i>
                            </div>
                            <!-- <h3 class="section_title my-3" style="display: flex;align-items: center;">{{ $store->getTranslation('title',app()->getLocale()) }}   
                                <i class="fas fa-circle-check mx-1" style="margin-top: 10px;color:#{{ $store->verification?->color ?? '3D68D6' }}"></i>
                            </h3> -->
                            <!-- <h3 class="section_title my-3">{{ $store->getTranslation('title',app()->getLocale()) }} 
                                @if($store->sale_status == 1)<img src="{{ asset('site/img/check_circle.png') }}" alt="">@endif
                            </h3> -->
                            <p>{{ $store->getTranslation('description',app()->getLocale()) }}</p>
                        </figcaption>
                    </figure>
                    <div class="d-sm-flex mt-3 mt-lg-0">
                        <div class="info_card mx-lg-2 mb-3 mb-sm-0">
                            <button type="button" class="d-flex align-items-start" data-bs-toggle="modal" data-bs-target="#sellerRankingModal{{ $store->id }}">
                                <div class="figure_container">
                                    <img src="{{ asset('site/img/light/star.png') }}" class="mode_icon" data-light="{{ asset('site/img/light/star.png') }}" data-dark="{{ asset('site/img/dark/star.png') }}" alt="">
                                </div>
                                <figcaption class="mx-1">
                                    <h5> {{ __('Store Rating') }}</h5>