@extends('master.front')

@section('title')
    {{ __('Blog') }}
@endsection
 
@section('content')
    <!-- Page Title-->
    
 <style>
    .ratio-26x9 {
    --bs-aspect-ratio: calc(9 / 26* 200%);
}


.boximg80 {
    width: 100px;
}
 </style>
    <div class="container-fluid container60">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb py-3">
                <li class="breadcrumb-item"><a href="{{ route('front.index') }}">{{ __('Home') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ __('Promotion All') }}</li>
            </ol>
        </nav>

        <div class="row g-0">
            <div class="col-12 mb-4">
            
           
                @if($setting->promotion_in_image and $setting->promotion_in_image_status == 1)

                                <a href="{{$pro_url}}">
                <img src="{{asset('assets/images/promotion1/'.$setting->promotion_in_image)}}" class="mw-100 w-100" alt="">
                </a>
            
             
                @endif
              
            </div>
        </div>
        <div class="row">
            <div class="col-12 py-4">
                <h2 class="fw-semibold text-center d-flex align-items-center justify-content-start text-blue1">
                    {{ __('โปรโมชั่นทั้งหมด') }}
                </h2>
            </div>
        </div>
    </div>
 

    <div class="container-fluid container60">
         
        <div class="row g-4 pb-5">

        @foreach ($posts as $post)
            <div class="col-md-3 col-xl-3">
                <div class="card card-news border-0">
                    <div class="ratio ratio-26x9">