@extends("ui-theme." . env('THEME_FOLDER') . ".layout.ui-main")
@section('content')

@php
$breadcrumbType = $page->breadcrumb_type ?? 'with_image';
$rawHeaderImage = $page->header_image ?? '../images/site/sertifikalar-head.jpg';
$isMainPage = isset($page) && isset($page->is_main_page) && $page->is_main_page;
$noBreadcrumb = !$isMainPage && ($breadcrumbType === 'without_image' || $breadcrumbType === 'none');

// URL temizleme işlemi
$headerImage = $rawHeaderImage;
if (!empty($rawHeaderImage) && $rawHeaderImage !== '../images/site/sertifikalar-head.jpg') {
// @ işaretini kaldır
$headerImage = ltrim($rawHeaderImage, '@');

// Domain ismini kaldır ve sadece storage path'ini al
if (strpos($headerImage, '/storage/') !== false) {
$headerImage = '/' . substr($headerImage, strpos($headerImage, 'storage/'));
} elseif (!str_starts_with($headerImage, '/') && !str_starts_with($headerImage, 'http')) {
$headerImage = '/' . $headerImage;
}

// Sadece path'i kullan (relative URL)
// $headerImage zaten /storage/... formatında
} else {
// Default image için
$headerImage = asset($rawHeaderImage);
}
@endphp

@php
$hasParent = $page->menu()->with('parent')->first()?->parent;
$parentName = $hasParent ? $hasParent->name : __('ui.home');
$parentUrl = $hasParent ? '#' : '/';
@endphp

@if($breadcrumbType === 'with_image')
<section class="page-title-center-alignment cover-background top-space-padding"
  style="background-image: url('{{ $headerImage }}');z-index: -1;">
  <div class="container">
    <div class="opacity-extra-medium"></div>

    <div class="row z-index-1">
      <div class="col-12 text-center position-relative page-title-extra-large">
        <h1 class="alt-font color-white d-inline-block fw-700 ls-minus-05px text-base-color mb-10px mt-3 md-mt-50px">
          {{ $page->title }}
        </h1>
      </div>
      <div class="col-12 breadcrumb breadcrumb-style-01 d-flex justify-content-center position-relative">
        @include("ui-theme." . env('THEME_FOLDER') . ".ui.breadcrumb", compact('parentName', 'parentUrl', 'page'))
      </div>
    </div>
  </div>
</section>

@elseif($breadcrumbType === 'without_image')
<section
  class="top-space-margin border-top border-color-extra-medium-gray pt-20px pb-20px ps-45px pe-45px lg-ps-35px lg-pe-35px md-ps-15px md-pe-15px sm-ps-0 sm-pe-0">
  <div class="container-fluid">
    <div class="row align-items-center">
      <div class="col-12 breadcrumb breadcrumb-style-01 fs-14 alt-font">
        @include("ui-theme." . env('THEME_FOLDER') . ".ui.breadcrumb", compact('parentName', 'parentUrl', 'page'))
      </div>
    </div>
  </div>
</section>
@endif


<div>
  @foreach($components as $component)
  @php($data = $component['data'])
  @php($componentConfig = \App\Services\ComponentService::getComponent($component->component_id))
  @if($componentConfig && isset($componentConfig['component']))
  @include("ui-theme." . env('THEME_FOLDER') . "." . $componentConfig['component'])
  @endif
  @endforeach
</div>


<!-- start cookie message -->
<div id="cookies-model" class="cookie-message bg-dark-gray border-radius-8px">
  <div class="cookie-description fs-14 text-white mb-20px lh-22">{{ $translations['cookie.main_text'] ?? '' }} </div>
  <div class="cookie-btn">
    <a href="#"
      class="btn btn-transparent-white border-1 border-color-transparent-white-light btn-very-small btn-switch-text btn-rounded w-100 mb-15px"
      aria-label="btn">
      <span>
        <span class="btn-double-text" data-text="{{ $translations['cookie.policy_text'] ?? '' }}">{{
          $translations['cookie.policy_text'] ?? '' }}</span>
      </span>
    </a>
    <a href="#" class="btn btn-white btn-very-small btn-switch-text btn-box-shadow accept_cookies_btn btn-rounded w-100"
      data-accept-btn aria-label="text">
      <span>
        <span class="btn-double-text" data-text="{{ $translations['cookie.allow_button'] ?? '' }}">{{
          $translations['cookie.allow_button'] ?? '' }}</span>
      </span>
    </a>
  </div>
</div>
<!-- end cookie message -->
<!-- start sticky elements -->
<div class="sticky-wrap d-none d-xl-inline-block z-index-1 mix-blend sticky-highlight" data-animation-delay="100"
  data-shadow-animation="true">
  <div class="elements-social social-icon-style-10">
    <ul class="fs-15 fw-500">
      <li class="me-30px">
        <a class="facebook" href="{{ $settings['FACEBOOK_URL'] }}" target="_blank">
          <i class="fa-brands fa-facebook-f me-10px"></i>
          <span class="alt-font">Facebook</span>
        </a>
      </li>
      <li class="me-30px">
        <a class="dribbble" href="{{ $settings['INSTAGRAM_URL'] }}" target="_blank">
          <i class="fa-brands fa-instagram me-10px"></i>
          <span class="alt-font">Instagram</span>
        </a>
      </li>
      <li class="me-30px">
        <a class="twitter" href="{{ $settings['TWITTER_URL'] }}" target="_blank">
          <i class="fa-brands fa-whatsapp me-10px"></i>
          <span class="alt-font">Whatsapp</span>
        </a>
      </li>
      <li>
        <a class="instagram" href="{{ $settings['LINKEDIN_URL'] }}" target="_blank">
          <i class="fa-brands fa-linkedin me-10px"></i>
          <span class="alt-font">Linkedin</span>
        </a>
      </li>
    </ul>
  </div>
</div>
<!-- end sticky elements -->
<!-- start scroll progress -->
<div class="scroll-progress d-none d-xxl-block">
  <a href="#" class="scroll-top" aria-label="scroll">
    <span class="scroll-text">Scroll</span>
    <span class="scroll-line">
      <span class="scroll-point"></span>
    </span>
  </a>
</div>
<!-- end scroll progress -->
@endsection