@extends('index')

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

@section('title', app()->getLocale() == 'en' ? 'Hair Transplant | EMPHAIR' : 'Saç Ekimi | EMPHAIR')
@section('description', app()->getLocale() == 'en' ? 'Hair transplantation is a medical method that treats hair loss
caused by genetic or environmental reasons and provides natural and permanent results.' : 'Saç ekimi, genetik veya
çevresel nedenlerle oluşan saç dökülmesini tedavi eden, doğal ve kalıcı sonuçlar sağlayan medikal bir yöntemdir.')

@php
$currentPage = request()->route('page', 1);

$routes = [
1 => [
'page.hair-mesotherapy.' . app()->getLocale() => 1,
'page.hair-transplant-for-women.' . app()->getLocale() => 2,
'page.stem-cell-hair-transplant.' . app()->getLocale() => 12,
'page.personalized-hair-transplant.' . app()->getLocale() => 4,
'page.motorized-and-manual-hair-transplant.' . app()->getLocale() => 5,
'page.hairline-determination-using-laser.' . app()->getLocale() => 6
],
2 => [
'page.beard-mustache-eyebrow-transplant.' . app()->getLocale() => 7,
'page.dhı-hair-transplant.' . app()->getLocale() => 8,
'page.fue-hair-transplant.' . app()->getLocale() => 9,
'page.long-hair-fue-hair-transplant.' . app()->getLocale() => 10,
'page.needle-free-hair-transplant.' . app()->getLocale() => 11
]
][$currentPage] ?? [];

$images = [
1 => ['1.jpg', '2.jpg', '12.jpg', '4.jpg', '5.jpg', '6.jpg'],
2 => ['5.jpg', '6.jpg', '3.jpg', '7.jpg', '8.jpg', '9.jpg', '10.jpg', '11.jpg']
][$currentPage] ?? [];

$titles = [
1 => [
1 => __('messages.hair_transplant_techniques.hair-mesotherapy.title'),
2 => __('messages.hair_transplant_techniques.hair-transplant-for-women.title'),
12 => __('messages.hair_transplant_techniques.stem-cell-hair-transplant.title'),
4 => __('messages.hair_transplant_techniques.personalized-hair-transplant.title'),
5 => __('messages.hair_transplant_techniques.motorized-and-manual-hair-transplant.title'),
6 => __('messages.hair_transplant_techniques.hairline-determination-using-laser.title')
],
2 => [
7 => __('messages.hair_transplant_techniques.beard-mustache-eyebrow-transplant.title'),
8 => __('messages.hair_transplant_techniques.dhi-hair-transplantation.title'),
9 => __('messages.hair_transplant_techniques.fue-hair-transplantation.title'),
10 => __('messages.hair_transplant_techniques.long-hair-fue.title'),
11 => __('messages.hair_transplant_techniques.needle-free.title')
]
][$currentPage] ?? [];
@endphp

@section('content')
<x-preloader />
<x-hamburger-menu />
<x-bread-crumb title="{{ __('messages.hair_header.hair_transplant.title') }}"
  page="{{ __('messages.hair_header.hair_transplant.title') }}" />

<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 $route => $index)
          <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/hair-transplant-tech/'.$index.'.jpg') }}"
                    alt="Hair Transplant 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) }}">
                      {{ $titles[$index] ?? '' }}
                    </a>
                  </h4>
                  <div class="card-terms">
                    <a class="badge" href="#">Hair</a>
                    <a class="badge" href="#">Transplant</a>
                    <a class="badge" href="#">Health</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          @endforeach
        </div>
        <div class="row mt-lg-4">
          <div class="col-12">
            <nav>
              <ul class="page-numbers w-auto">
                <li>
                  <span @class(['page-numbers', 'current'=> $currentPage == 1])>
                    <a href="{{ route('page.hair-transplant.' . app()->getLocale(), ['page' => 1]) }}"
                      @if($currentPage==1) style="color: white;" @endif>1</a>
                  </span>
                </li>
                <li>
                  <span @class(['page-numbers', 'current'=> $currentPage == 2])>
                    <a href="{{ route('page.hair-transplant.' . app()->getLocale(), ['page' => 2]) }}"
                      @if($currentPage==2) style="color: white;" @endif>2</a>
                  </span>
                </li>
                @if($currentPage == 1)
                <li>
                  <a class="next page-numbers swap-icon"
                    href="{{ route('page.hair-transplant.' . app()->getLocale(), ['page' => 2]) }}">
                    <i class="icon bi bi-arrow-right-short"></i>
                  </a>
                </li>
                @endif
              </ul>
            </nav>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-4 ps-md-5 mt-5 mt-md-0">
        <x-sidebar />
      </div>
    </div>
  </div>
</section>
@endsection

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