{{--
  Template Name: Blagajna (Elit Gastro)
  Custom-branded WooCommerce checkout page.

  Handles four states out of the same template:
   1. Empty cart        → friendly empty hero with link back to catalog.
   2. Active checkout   → the standard form (billing, shipping, payment).
   3. Pay page          → paying for a previously placed order.
   4. Order received    → the thank-you / order-confirmation page.

  Like template-cart.blade.php, this template renders the *classic*
  [woocommerce_checkout] shortcode so theme overrides under
  woocommerce/checkout/* run.
--}}

@extends('layouts.app')

@section('content')
  @php
    $cart = function_exists('WC') ? WC()->cart : null;
    $cartCountLive = $cart ? $cart->get_cart_contents_count() : 0;
    $cartIsEmpty = $cartCountLive < 1;

    $isOrderReceived = function_exists('is_order_received_page') && is_order_received_page();
    $isPayPage = function_exists('is_checkout_pay_page') && is_checkout_pay_page();

    // Pull order details when applicable
    $order = null;
    $orderId = (int) get_query_var('order-received');
    if (! $orderId && $isPayPage) {
        $orderId = (int) get_query_var('order-pay');
    }
    if ($orderId && function_exists('wc_get_order')) {
        $order = wc_get_order($orderId);
    }
  @endphp

  <header class="post-hero post-hero--page">
    <div class="post-hero__overlay"></div>
    <div class="container post-hero__inner">

      @if ($isOrderReceived)
        <div class="post-hero__eyebrow">
          <span>{{ __('Narudžba zaprimljena', 'elit-gastro') }}</span>
          @if ($order)
            <span class="dot-sep">·</span>
            <span>#{{ $order->get_order_number() }}</span>
          @endif
        </div>
        <h1 class="post-hero__title">{{ __('Hvala na narudžbi!', 'elit-gastro') }}</h1>
        <p class="post-hero__sub">
          {{ __('Tvoja narudžba je zaprimljena i u obradi je. Detalje smo poslali na tvoj email.', 'elit-gastro') }}
        </p>

      @elseif ($isPayPage)
        <div class="post-hero__eyebrow">
          <span>{{ __('Plaćanje', 'elit-gastro') }}</span>
          @if ($order)
            <span class="dot-sep">·</span>
            <span>#{{ $order->get_order_number() }}</span>
          @endif
        </div>
        <h1 class="post-hero__title">{{ __('Završi plaćanje', 'elit-gastro') }}</h1>
        <p class="post-hero__sub">
          {{ __('Pregledaj iznos i odaberi način plaćanja kako bi dovršio narudžbu.', 'elit-gastro') }}
        </p>

      @elseif ($cartIsEmpty)
        <div class="post-hero__eyebrow">
          <span>{{ __('Blagajna', 'elit-gastro') }}</span>
        </div>
        <h1 class="post-hero__title">{{ __('Tvoja košarica je prazna.', 'elit-gastro') }}</h1>
        <p class="post-hero__sub">
          {{ __('Dodaj proizvod u košaricu kako bi nastavio na blagajnu.', 'elit-gastro') }}
        </p>

      @else
        <div class="post-hero__eyebrow">
          <span>{{ __('Blagajna', 'elit-gastro') }}</span>
          <span class="dot-sep">·</span>
          <span>{{ sprintf(_n('%d artikl', '%d artikla', $cartCountLive, 'elit-gastro'), $cartCountLive) }}</span>
        </div>
        <h1 class="post-hero__title">{{ __('Završi narudžbu', 'elit-gastro') }}</h1>
        <p class="post-hero__sub">
          {{ __('Posljednji korak: unesi podatke za dostavu i odaberi način plaćanja. Tvoji podaci su zaštićeni i koriste se isključivo za obradu narudžbe.', 'elit-gastro') }}
        </p>
      @endif
    </div>
  </header>

  <section class="checkout-page {{ $isOrderReceived ? 'checkout-page--received' : '' }} {{ $cartIsEmpty && ! $isOrderReceived && ! $isPayPage ? 'checkout-page--empty' : '' }}">
    <div class="container">

      @if ($cartIsEmpty && ! $isOrderReceived && ! $isPayPage)
        {{-- Empty cart, not on thank-you / pay page → branded empty state --}}
        <div class="cart-empty-state">
          <x-icon.cart class="cart-empty-state__icon" stroke-width="1.5" />
          <h2>{{ __('Nema artikala za naplatu', 'elit-gastro') }}</h2>
          <p>{{ __('Vrati se u katalog i odaberi proizvode prije nego nastaviš na blagajnu.', 'elit-gastro') }}</p>
          <div class="cart-empty-state__actions">
            @if (function_exists('wc_get_page_id') && wc_get_page_id('shop') > 0)
              <a href="{{ get_permalink(wc_get_page_id('shop')) }}" class="btn btn-ink">{{ __('U katalog', 'elit-gastro') }}</a>
            @endif
            @if (function_exists('wc_get_page_id') && wc_get_page_id('cart') > 0)
              <a href="{{ get_permalink(wc_get_page_id('cart')) }}" class="btn btn-primary">{{ __('Pogledaj košaricu', 'elit-gastro') }}</a>
            @endif
          </div>
        </div>

      @else
        {{-- Trust strip (hidden on the thank-you page; not relevant after purchase) --}}
        @unless ($isOrderReceived)
          @include('partials.trust-strip')
        @endunless

        <div class="checkout-page__body">
          {{-- Always render the classic checkout so woocommerce/checkout/* overrides run --}}
          {!! do_shortcode('[woocommerce_checkout]') !!}
        </div>

        {{-- After thank-you, show CTAs to keep shopping or jump to account --}}
        @if ($isOrderReceived)
          <div class="checkout-after">
            <div class="checkout-after__inner">
              <h2>{{ __('Što dalje?', 'elit-gastro') }}</h2>
              <p>{{ __('Pratit ćemo isporuku i obavijestiti te emailom kada krene. Do tada, slobodno pregledaj druge proizvode iz našeg kataloga.', 'elit-gastro') }}</p>
              <div class="checkout-after__actions">
                @if (function_exists('wc_get_page_id') && wc_get_page_id('shop') > 0)
                  <a href="{{ get_permalink(wc_get_page_id('shop')) }}" class="btn btn-ink">{{ __('Nastavi kupovinu', 'elit-gastro') }}</a>
                @endif
                @if (function_exists('wc_get_page_id') && wc_get_page_id('myaccount') > 0)
                  <a href="{{ get_permalink(wc_get_page_id('myaccount')) }}" class="btn btn-primary">{{ __('Moj račun', 'elit-gastro') }}</a>
                @endif
              </div>
            </div>
          </div>
        @endif

        {{-- Render any extra page editor content (intro copy, FAQ blocks etc.) below --}}
        @php
          $extra = '';
          if (have_posts()) {
              while (have_posts()) {
                  the_post();
                  $raw = get_the_content();
                  $raw = preg_replace('#<!--\s*wp:woocommerce/(?:checkout|checkout-fields-block|checkout-payment-block|checkout-totals-block|checkout-actions-block|checkout-order-summary-block|checkout-billing-address-block|checkout-shipping-address-block)[^>]*-->.*?<!--\s*/wp:woocommerce/(?:checkout|checkout-fields-block|checkout-payment-block|checkout-totals-block|checkout-actions-block|checkout-order-summary-block|checkout-billing-address-block|checkout-shipping-address-block)\s*-->#s', '', $raw);
                  $raw = preg_replace('#<!--\s*wp:woocommerce/checkout[^>]*/-->#', '', $raw);
                  $raw = str_ireplace('[woocommerce_checkout]', '', (string) $raw);
                  $extra = trim((string) $raw);
              }
              wp_reset_postdata();
          }
        @endphp

        @if (! empty($extra))
          <div class="checkout-page__extra entry-content">
            {!! apply_filters('the_content', $extra) !!}
          </div>
        @endif
      @endif

    </div>
  </section>
@endsection