@extends('layout')
@section('title', 'Home')
@section('content')
  @if(session('customer_id'))

    <nav aria-label="breadcrumb" class="mt-2">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/account">{{ __('text.dashboard') }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ __('text.home') }}</li>
  </ol>
</nav>
@endif
<div class="container">
    <div class="row">
        <!--banner-->
        <div class="col-12">
            <div class="ulavel_banner">
                <div class="ulevel-img">
                    <img src="{{ $banner ? asset('public/storage/banner/'.$banner) : asset('public/storage/product/no_image.jpg') }}"
                    class="card-img card-img-top" alt="Banner Image" style="width: 100%; height: 360px; object-fit: cover;">
                </div>
                <div class="ulevel-text">
                   <h1>{{ __('text.Mlevel') }}</br>{{ __('text.platform') }}</h1>
                   <div class="ulevel-btn">
                       @if(session('customer_id'))
                      
                      @else 
                      <a href="{{route('customer_index')}}" class="in" >{{ __('text.signin') }}</a>
                        <a href="{{route('register')}}"  class="up">{{ __('text.sigup') }}</a>
                        @endif
                   </div>
                </div>
            </div>
        </div>
                <!--product-->
                
  <div class="row mt-2 products2">
        <h2  class="mb-0">{{ __('text.products') }}</h2>
    @forelse($data as $index => $d)
    <div class="col-md-3 mb-4 mt-4">
        <div class="card">
          <a href="/{{ $d->slug }}">
                <img src="{{ $d->image ? asset('public/storage/product/'.$d->image) : asset('public/storage/blog/no imge.jpg') }}" class="card-img card-img-top" alt="Product Image" style="width: 100%; height: 150px; object-fit: cover;">
            </a>
            <div class="card-body">
                <a href="/{{ $d->slug }}">
                    <h5 class="card-title">{{ $d->name }}</h5>
                </a>
                <p class="card-text">{{ __('text.price') }}: 

                        @if(session('currency_id'))
                        {{ session('currency_symbol') }}
                 @php
            $currencyValue = session('value') ?? 1; 
            $totalPrice = $currencyValue * $d->price;
        @endphp
          {{ $totalPrice }}</p>
                        @else
                        {{$symbol}} {{$d->price}}</p>
                        @endif 
                <button class="btn btn-warning add-to-cart" data-id="{{ $d->products_id }}">{{ __('text.add_cart') }}</button>
            </div>
        </div>
    </div>
    @empty
    <div class="col">
        <div class="alert alert-info" role="alert">
            {{ __('text.no_records_found') }}
        </div>
    </div>
    @endforelse
</div>
        
        
        <!--Blog-->
       <div class="row mt-2 products2">
        <h2  class="mb-0">{{ __('text.blog') }}</h2>
    @foreach($blog as  $b)
    <div class="col-md-3 mb-4 mt-4">
        <div class="card">
          
           <a href="{{ url('blog/' . $b->slug) }}">
                <img src="{{ $b->image ? asset('public/storage/blog/'.$b->image) :
                asset('public/storage/blog/no imge.jpg') }}" class="card-img card-img-top"
                alt="Product Image" style="width: 100%; height: 150px; object-fit: cover;">
            </a>
            <div class="card-body">
                 <a href="{{ url('blog/' . $b->slug) }}">
                    <h5 class="card-title">{{ $b->name }}</h5>
                </a>
              
            </div>
        </div>
    </div>
   
    @endforeach
</div>
    </div>
</div>


@endsection