@extends('layouts.app')

@push('header')
    <!-- Header Start -->
    <div class="container-fluid bg-breadcrumb">
        <div class="container text-center py-5" style="max-width: 900px;">
            <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">{{ $data->title }}</h4>
            {{-- <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item"><a href="#">Pages</a></li>
                <li class="breadcrumb-item active text-primary">About</li>
            </ol> --}}
        </div>
    </div>
    <!-- Header End -->
@endpush
@section('content')
    <!-- Blog Start -->
    <div class="container-fluid blog py-5">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-xl-8 wow fadeInLeft" data-wow-delay="0.2s">
                    <div>
                        @if ($data->image_url == null)
                            <img src="{{ asset('asset/img/no-img.jpg') }}" class="img-fluid w-100 rounded" alt="no-img">
                        @else
                            <img src="{{ asset('storage/' . $data->image_url) }}" class="img-fluid w-100 rounded mb-3"
                                alt="{{ $data->slug }}">
                        @endif
                        <h1 class="display-5 mb-0">Meet our company unless miss the opportunity</h1>
                        <p class="mb-4">October 9, 2025</p>
                        <p class="mb-4">{!! $data->content !!}
                        </p>

                    </div>
                </div>
                <div class="col-xl-4 wow fadeInRight" data-wow-delay="0.2s">
                    <div class="bg-light rounded p-5">
                        <a href="{{ route('news') }}">
                            <h4 class="text-primary">News</h4>
                        </a>
                        <hr>
                        @foreach ($list as $value) 
                        <a href="{{ route('news.detail', ['code' => $value->code, 'slug' => $value->slug]) }}" class="mb-2">
                            <h5 class="mb-2">{{ $value->title }}</h5>
                        </a>
                        @endforeach
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Blog End -->
@endsection