@extends('index')

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

@section('title', app()->getLocale() == 'en' ? 'Before & After | EMPHAIR' : 'Önce & Sonra | EMPHAIR')
@section('description', app()->getLocale() == 'en' ? 'Before and after photos of our customers who achieved successful
results. | EMPHAIR' : 'Başarılı sonuçlara ulaşan müşterilerimizin öncesi ve sonrası fotoğrafları. | EMPHAIR')

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

<section class="blog">
  <div class="container">
    <div class="row items">
      @for ($i = 1; $i <= 9; $i++) <div class="col-12 col-md-6 col-lg-4 item">
        <!-- Post -->
        <div class="card blog-item">
          <div class="image-holder">
            <!-- Card Thumb -->
            <a class="card-thumb" href="{{ route('page.before-after', ['locale' => app()->getLocale()]) }}">
              <img src="{{ asset('/assets/img/before-after-hair/min/'.$i.'-min.jpg') }}"
                alt="Before After Image {{$i}}">
            </a>
          </div>
        </div>
    </div>
    @endfor
  </div>
  </div>
  </div>
</section>

@endsection

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