@extends('master.master')

@section('content') 
  
    <!-- single property header start -->
    <section class="without-top property-main small-section">
        <div class="single-property-section">
            <div class="container">
                <div class="single-title">
                    
                    <div class="left-single">
                        <dIV class="d-flex" style="align-items:start;">
                            <H2 style="margin-right:10px;"><a href="{{ url('/')}}" style="color:black;">
                                <img src="{{ asset('/images/icon/back-button.png')}}" style="height: 35px;padding: 5px;" title="Back">
                                <!--<i class="fa fa-arrow-left" aria-hidden="true" title="Back"></i>-->
                                </a></H2>
                            <div>
                        <div class="d-flex">
                            
                            <h2 class="mb-0">{{$pDetails['type']}}</h2>
                            <span><span class="label label-shadow ms-2">For {{$pDetails['propertyType']}}</span></span>
                        </div>
                        <p class="mt-1"><i class="fa fa-map-marker-alt"></i> {{$pDetails['address']}}</p>
                        <ul>
                            <li>
                                <div>
                                    <img src="{{asset('images/svg/icon/double-bed.svg')}}" class="img-fluid" alt="">
                                    <span>{{$pDetails['bedrooms']}} Bedrooms</span>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="{{asset('images/svg/icon/bathroom.svg')}}" class="img-fluid" alt="">
                                    <span>{{$pDetails['bathrooms']}} Bathrooms</span>
                                </div>
                            </li>
                        </ul>
                        </div>
                        </dIV>
                    </div>
                    <div class="right-single">
                        <h2 class="price">{{$pDetails['currency']}} {{$pDetails['price']}} <span></span></h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- single property header end -->

    <!-- single property start -->
    <section class="single-property mt-0 pt-0">
        <div class="container">
            <div class="row ratio_55">
                <div class="col-xl-12 col-lg-8">
                    <div class="description-section tab-description">
                        <div class="description-details">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="single-gallery mb-12">
                                        <div class="gallery-for">
                                           @foreach($pDetails['files'] as $ul)
                                                @if($ul['name'] != 'Brochure')
                                                <div>
                                                    <div class="bg-size">
                                                        <img src="{{ $ul['url'] }}" class="bg-img" alt="">
                                                    </div>
                                                </div>
                                                @endif
                                            @endforeach
                                        </div>
                                        <div class="gallery-nav">
                                            @foreach($pDetails['files'] as $ul)
                                                @if($ul['name'] != 'Brochure')
                                                <div>
                                                    <img src="{{ $ul['url'] }}" class="img-fluid" alt="">
                                                </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="desc-box">
                                <ul class="nav nav-tabs line-tab" id="top-tab" role="tablist">
                                    <li class="nav-item"><a data-bs-toggle="tab" class="nav-link active"
                                        href="#about">about</a>
                                    </li>
                                </ul>
                                <div class=" tab-content" id="top-tabContent">
                                    <div class="tab-pane fade show active about page-section" id="about">
                                        <div class="row">
                                            <div class="col-md-6 col-xl-4">
                                                <ul class="property-list-details">
                                                    <li><span>Property Type :</span><i class="fa fa-home"></i> {{$pDetails['type']}}</li>
                                                    
                                                    <li><span>Property status :</span> For {{$pDetails['propertyType']}}</li>
                                                    <li><span>Price :</span> {{$pDetails['currency']}} {{$pDetails['price']}}</li>
                                                </ul>
                                            </div>
                                            <div class="col-md-6 col-xl-4">
                                                <ul class="property-list-details">
                                                    <li><span>City :</span><i class="fa fa-map-marker-alt"></i> {{$pDetails['location']}}</li>
                                                    <li><span>Bedrooms :</span><i class="fa fa-bed"></i> {{$pDetails['bedrooms']}}</li>
                                                    <li><span>Bathrooms :</span> <i class="fa fa-bath"></i> {{$pDetails['bathrooms']}}</li>
                                                </ul>
                                            </div>
                                        </div>
                                        @if(is_string($pDetails['description']))
                                        <h4 class="mt-4">Property Brief</h4>
                                        
                                       
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <p class="font-roboto">{!! $pDetails['description'] !!}</p>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- single property end -->

    @endsection

    @section('scripts')

@endsection