{{-- resources/views/blog/show.blade.php --}}
@extends('templates.blogs')
@section('container')

  <!-- /preload -->
  <div class="header-style2" style="background-image: url('{{ asset('storage/'.$blog->banner_image) }}');">
      <div class="tf-container">
          <a href="{{ url()->previous() }}" class="back-btn"> <i class="icon-left"></i></a>
      </div>
  </div>

  <div class="mb-8">
      <div class="app-section bg_white_color giftcard-detail-section-1">
          <div class="tf-container">
              <div class="voucher-info">
                  <h2 class="fw_6">{{ $blog->title }}</h2>
              </div>
              <div class="mt-2">
                  <p class="mt-2 fw_4">Dibuat pada {{ $blog->created_at->format('d/m/Y') }}</p>
              </div>
          </div>
      </div>
      <div class="app-section mt-1 bg_white_color giftcard-detail-section-2">
          <div class="tf-container">
              <div class="voucher-desc">
                  <h4 class="fw_6">Informasi</h4>
                  {!! $blog->content !!}
              </div>
          </div>
      </div>
      <!-- Call to Action Section -->
      <div class="app-section mt-1 bg_white_color giftcard-detail-section-3" style="margin-bottom: 100px">
        <div class="tf-container">
            <div class="cta-buttons">
                @php
                    $callToActions = json_decode($blog->call_to_action);
                @endphp
                @if ($callToActions)
                    @foreach ($callToActions as $cta)
                    @php
                    // Ensure the link is a full URL
                        $link = (preg_match('/^https?:\/\//', $cta->link)) ? $cta->link : 'http://' . $cta->link;
                    @endphp
                    <div class="mb-4">
                        <a href="{{ $link }}" class="tf-btn accent large" target="_blank">{{ $cta->title }}</a>
                    </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
  </div>

  <div class="bottom-navigation-bar bottom-btn-fixed">
      <div class="tf-container">
          <a href="{{ url()->previous() }}" class="tf-btn accent large">Kembali</a>
      </div>
  </div>

@endsection