@extends('website.layout.master')
@section('title', ' قريبا في السعودية')
@section('content')


        <div class="inner-title">
            <h2> {{ __('messages.project_details') }}  </h2>
        </div>

    </div>

</header>
<!--end header   -->
<!--stat body-h -->
<div class="container">
    <div class="body-content">
        <div class="soon-dateils mb-5 ">

            <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper4">
                <div class="swiper-wrapper">
                    @if(isset($soonProject->media_path) && $soonProject->media_path !== null)
                        @foreach($soonProject->media_path as $media)
                        <div class="swiper-slide">
                            <img src="{{ $media['url'] }}" />
                        </div>
                        @endforeach
                    @endif
                </div>

            </div>
            <div thumbsSlider="" class="swiper mySwiper5">
                <div class="swiper-wrapper">
                    @if(isset($soonProject->media_path) && $soonProject->media_path !== null)
                        @foreach($soonProject->media_path as $media)
                        <div class="swiper-slide">
                            <img src="{{ $media['url'] }}" />
                        </div>
                        @endforeach
                    @endif

                </div>
            </div>

        </div>
        <div class="s-d">
            <h3>{{ $soonProject->name[LaravelLocalization::getCurrentLocale()] }}
                <br>
            <div class="item-pin">
                <img src="{{ asset('web/img/pin.svg') }}" alt="">
                <span>{{ $soonProject->address[LaravelLocalization::getCurrentLocale()] }} </span>
            </div>
        </div>
        <div class="s-cont">
            <h4>{{ __('messages.description') }}</h4>
            <p>
                {{ $soonProject->description[LaravelLocalization::getCurrentLocale()] }}
            </p>
        </div>


    </div>
</div>
<!--end body -->

@stop