@extends('components.master')
@section('admin')
    <div class="breadcumb-wrapper background-image"
        style="background-image: url(&quot;assets/img/bg/breadcumb-bg.jpg&quot;);">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Travel Journalism</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ route('index') }}">Home</a></li>
                    <li>Travel Journalism</li>
                </ul>
            </div>
        </div>
    </div>










    {{-- clients --}}

    <div class="space">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="title-area text-center pe-xl-4 ps-xl-4">
                        {{-- <span class="sub-title">Best Resort For --}}
                        {{-- You</span> --}}
                        <h2 class="sec-title mb-20"> Travel Journalism</h2>
                        {{-- <p class="sec-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                            incididunt ut labore et dolore magna aliqua.</p> --}}
                    </div>
                </div>
            </div>
            @foreach ($travel_journalism as $show)
            @if ($show->status == 1)
            <div class="row gx-60 gy-30 mb-60 align-items-center">
                @if ($loop->iteration % 2 == 1)
                    {{-- Odd row: Image first --}}
                    <div class="col-lg-6">
                        <div class="resort-image global-img" style="height: 450px">
                            <img src="{{ asset('dashboard_assets/travel_journalism') }}/{{ $show->image }}" alt="" style="   width: 100%;
        height: 100%;
        object-fit: fill;">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="resort-content">
                            <h3 class="box-title">{{ $show->name }}</h3>
                            <div class="resort-rating">
                                <div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
                                    <span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on
                                    <span class="rating">4.8</span>(4.8 Rating)</span>
                                </div>
                                <a href="#" class="woocommerce-review-link">(<span class="count">4.8</span> Rating)</a>
                            </div>
                            <div class="resort-list">
                                <ul>
                                    <li><span class="title">Location Visited:</span> {{ $show->location_visit }}</li>
                                    <li><span class="title">Visit Date:</span> {{ $show->date }}</li>
                                    <li><span class="title">Weather Conditions:</span> {{ $show->weather_condition }}</li>
                                    <li><span class="title">Road Conditions:</span> {{ $show->road_condition }}</li>
                                    <li><span class="title">Safety Status:</span> {{ $show->safety_status }}</li>
                                    <li><span class="title">Traveler Comments:</span></li>
                                    <p style="text-align: justify">{{ $show->traveler_comments }}</p>
                                </ul>
                            </div>
                        </div>
                    </div>
                @else
                    {{-- Even row: Content first --}}
                    <div class="col-lg-6">
                        <div class="resort-content">
                            <h3 class="box-title">{{ $show->name }}</h3>
                            <div class="resort-rating">
                                <div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
                                    <span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on
                                    <span class="rating">4.8</span>(4.8 Rating)</span>
                                </div>
                                <a href="#" class="woocommerce-review-link">(<span class="count">4.8</span> Rating)</a>
                            </div>
                            <div class="resort-list">
                                <ul>
                                    <li><span class="title">Location Visited:</span> {{ $show->location_visit }}</li>
                                    <li><span class="title">Visit Date:</span> {{ $show->date }}</li>
                                    <li><span class="title">Weather Conditions:</span> {{ $show->weather_condition }}</li>
                                    <li><span class="title">Road Conditions:</span> {{ $show->road_condition }}</li>
                                    <li><span class="title">Safety Status:</span> {{ $show->safety_status }}</li>
                                    <li><span class="title">Traveler Comments:</span></li>
                                    <p style="text-align: justify">{{ $show->traveler_comments }}</p>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="resort-image global-img" style="height: 450px">
                            <img src="{{ asset('dashboard_assets/travel_journalism') }}/{{ $show->image }}" alt="" style="   width: 100%;
        height: 100%;
        object-fit: fill;">
                        </div>
                    </div>
                @endif
            </div>
            @endif
        @endforeach
        




        </div>
    </div>
    {{-- clients --}}
@endsection