@extends('dreamon.welcome')
@section('content')

<main class="wrapper">
            <!-- Page Header -->
            <div class="wptb-page-heading" style="background-image:  url({{asset($data->cover_photo)?? url(asset('dreamon/assets/img/background/page-header-bg.jpg'))}});">
                <div class="container">
                    <div class="wptb-item--inner">
                        <h2 class="wptb-item--title ">{{$data->title}}</h2>
                        <div class="wptb-breadcrumb-wrap">
                            <ul class="wptb-breadcrumb">
                                <li><a href="{{route('home')}}">Home</a></li>
                                <li><a href="#">Country</a></li>
                                <li><span>{{$data->title}}</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

			<!-- Details Content -->
			<section class="blog-details">
				<div class="container">
					<div class="row">
                            
                        <!-- Service Navigation List -->
                        <div class="col-lg-4 col-md-5 pe-md-5">
                            <div class="sidebar">
                                <div class="sidenav">
                                    <ul class="side_menu">
                                    @foreach(CCMS::getCountries() as $country)
                                        <li class="menu-item @if($data->alias==$country->alias) active @endif">
                                            <a href="{{route('destinations.single', $country->alias)}}" class="d-flex align-items-center justify-content-between">
                                                <span>
                                                    <img src="{{asset($country->image_thumb)}}" alt="">
                                                    {{$country->title}}
                                                </span>
                                                <i class="bi bi-chevron-right"></i>
                                            </a>
                                        </li>
                                    @endforeach

									</ul>
                                </div>                              
                                <div class="wptb-banner2 mr-top-30"> 
                                    <div class="wptb-banner-inner"> 
                                        <a class="wptb-item--link" href="tel:23456781199"></a>
                                        <div class="wptb-item--image">
                                            <div class="wptb-item-img-primary " data-wow-delay="ms"> 
                                                <img src="{{asset('dreamon/assets/img/more/banner.jpg')}}" alt="">
                                            </div>
                                        </div>
                                
                                        <div class="wptb-wrap-content">
                                            <div class="wptb-wrap-shape"> 
                                                <svg class="wptb-svg-1" width="422" height="328" viewBox="0 0 422 328" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M0.287109 240.142C20.2871 205.285 96.63 135.228 242.001 133.856C385.076 132.507 421.433 46.9123 422.001 2.26061V0.14209C422.01 0.837364 422.011 1.54371 422.001 2.26061V327.571H0.287109V240.142Z"></path>
                                                </svg>
                                                <svg class="wptb-svg-2" width="422" height="329" viewBox="0 0 422 329" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M199.142 146.428C96.2852 139.571 23.7137 193.857 0.285156 221.857V328.142H421.999V0.713623C387.714 112.142 327.714 154.999 199.142 146.428Z"></path>
                                                </svg>
                                            </div>
                                        <div class="wptb-content">
                                            <div class="wptb-item--title">Contact us Now </div>
                                            <div class="wptb-item-contact-info">
                                                    <div class="wptb-item--icon"> 
                                                        <i class="bi bi-telephone-fill"></i>
                                                    </div> 
                                                    <style>
                                                        #editfont {
                                                            font-size: 26.2px;
                                                        }
                                                    </style>
                                                    <h5 id="editfont" class="wptb-item--number">{{CCMS::getSiteVars()->phone}}</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-7 mt-5 mt-md-0">
                            <div class="blog-details-inner">
                                <div class="post-content">
                                @foreach($data->Childrens as $article)
                                    @if($article->cover_photo)
                                    <div class="image-post">
                                        <img src="{{asset($article->cover_photo)}}" alt="img">
                                    </div>
                                    @endif
                                    @if($article->alias==$data->alias)
                                    <div class="post-header mt-0">
                                        <h1 class="post-title" style="color: black;">{{$article->title}}</h1>
                                    </div>
                                    @else
                                    <h4 class="widget-title" style="color: black;">{{$article->title}}</h4>
                                    @endif
                                    <div class="fulltext">
                                        <p>{!!$article->text!!}</p>

                                @endforeach

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
				</div>
			</section>

        </main>

@endsection