@extends('front.layout.app')
@section('custom-styles')
    @endsection
@section('content')
   <section class="single-store">
       <div class="container-fluid mb-5">
           <div class="images-container">
               <img src="{{asset($store->cover_photo)}}" class="cover rounded-top rounded-bottom">
               <div class="avatar mx-auto profile-image" >
                   <img src="{{asset($store->logo)}}"
                        class="rounded-circle img-fluid rounded-circle" />
               </div>
               <div class="profile-caption">
                   <div class="d-flex justify-content-between">
                       <h3 class="fw-bold">{{$store->company_name}}</h3>
                       <h3 class="fw-bold primary-color1">{{$store->country->{'name_'.app()->getLocale()?? ""} }}</h3>
                   </div>
                   <p > {{$store->bio}}</p>
               </div>
               <div class="operations justify-content-end">
                        <a href="#">
                            <div class="bg-primary-color mb-3  rounded-circle text-center">
                                <i class="fa-solid fa-share  white fa-xl"></i>
                            </div>
                        </a>
                       <a href="#">
                           <div class="bg-white mb-3 rounded-circle text-center">
                               <i class="fa-solid fa-flag  red-color fa-xl"></i>
                           </div>
                       </a>
                      <a href="#">
                          <div class="bg-white mb-3 rounded-circle text-center">
                              <i class="fa-solid fa-ban red-color fa-xl"></i>
                          </div>
                      </a>



               </div>
           </div>
           <div class="info-container ">
               <div class="numbers-container ">
                   <ul class="d-flex">

                       <li class="text-center">
                           <span class="d-block primary-color1">{{$prods_count}}</span>
                           <span class="d-block">اعلان</span>
                       </li>
                       <li class="text-center">
                           <span class="d-block primary-color1">
                               {{$user->userRate()->count() > 0 ?
                         number_format($user->userRate()->sum('rate') / $user->userRate()->count(),1) : "0"}}
                           </span>
                           <span class="d-block">{{__('language.rate')}}</span>
                       </li>
                       <li class="text-center">
                           <span class="d-block primary-color1">{{$followers_count}}</span>
                           <span class="d-block">{{__('language.followers')}}</span>
                       </li>
                       <li class="text-center">
                           <span class="d-block primary-color1">{{$followings_count}}</span>
                           <span class="d-block">{{__('language.following')}}</span>
                       </li>

                   </ul>
               </div>
           </div>
           <div class="btns-container  ">
               @if(session()->has('success'))
                   <div class="alert alert-success alert-dismissible fade show justify-content-space" role="alert">
                       <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                       <strong style="margin-right: 20px;margin-left: 20px;">{{session()->get('success')}}</strong>

                   </div>
               @endif

               <div class="row justify-content-between">

                   <div class="col-xl-6 col-lg-12 col-md-12  col-sm-12">
                       <div class="d-flex">
                           @if(auth()->check())