@extends('index')

@push('header')
@include('layouts.header')
@endpush

@section('title', app()->getLocale() == 'en' ? 'Blog | EMPHAIR' : 'Blog | EMPHAIR')
@section('description', app()->getLocale() == 'en' ? 'All your questions and answers about hair transplantation. |
EMPHAIR' : 'Saç Ekimi ile ilgili tüm merak ettiğiniz sorularınız ve cevapları. | EMPHAIR')

@php
$routes =[
1=> 'page.wearing-beret-after-hair-transplant.' . app()->getLocale(),
2=> 'page.personalized-hair-transplant.' . app()->getLocale(),
3=> 'page.motorized-and-manual-hair-transplant.' . app()->getLocale(),
4=> 'page.hairline-determination-using-laser.' . app()->getLocale(),
5=> 'page.computer-assisted-hair-transplant.' . app()->getLocale(),
6=> 'page.front-hairline-design.' . app()->getLocale(),
];
$images = [
'1.jpg',
'2.jpg',
'3.jpg',
'4.jpg',
'5.jpg',
'6.jpg',
];
@endphp

@section('content')
<x-preloader />
<x-hamburger-menu />
<x-bread-crumb title="Blog" page="Blog" />
<section class="blog">
  <div class="container">
    <div class="row items justify-content-between g-0">
      <div class="col-12 col-md-8">
        <div class="row">
          @foreach ($routes as $index => $route)
          <div class="col-12 col-md-6 item">
            <!-- Post -->
            <div class="card blog-item">
              <div class="image-holder">
                <!-- Card Thumb -->
                <a class="card-thumb" href="{{ route($route) }}">
                  <img src="{{ asset('/assets/img/blog/'.$index.'.jpg') }}" alt="Blog Image {{ $index }}"
                    style="height: 360px; width: 100%;">
                </a>
                <div class="card-overlay top fade-down">
                  <div class="post-meta d-flex flex-column ms-3">
                    <span>Posted by</span>
                    <span class="post-author">Emphair</span>
                  </div>
                </div>
              </div>
              <!-- Card Overlay -->
              <div class="card-content mt-3">
                <div class="heading">
                  <div class="post-meta d-flex">
                    <span class="post-date"><i class="bi bi-clock me-1"></i>{{ date('F d, Y') }}</span>
                  </div>
                  <h4 class="title my-2">
                    <a href="{{ route($route) }}">
                      {{ __('messages.blogs.blog-'.$index.'.title') }}
                    </a>
                  </h4>
                  <div class="card-terms">
                    <a class="terms badge" href="#">Design</a>
                    <a class="terms badge" href="#">Hair</a>
                    <a class="terms badge" href="#">Health</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          @endforeach
        </div>
      </div>

      <div class="col-12 col-md-4 ps-md-5">
        <x-sidebar />
      </div>
    </div>
  </div>
</section>

@endsection

@push('footer')
@include('layouts.page-footer')
@endpush