@extends('admin.layouts.main')
@section('content')
<main class="main">
                    <section class="section lyt-section typ-add-property">
                        <h2 class="bs-heading typ-27 typ-blue typ-800 mt-18 mb-24">
                            Profile Management
                        </h2>
                        <div>
                            <div class="maintenance-main-box typ-profile-management p-0 mx-2">
                                <div class="bs-maintenance-noti-box mb-15">
                                    <div class="leftBox w-100">
                                        <div class="customer-profile mb-0">
                                            <div class="profile-icon">
                                                <img src="{{asset('assets/images/avatar.svg')}}" class="img-fluid" alt="profile">
                                            </div>
                                            <div class="profile-content w-100">
                                                <h3 class="bs-heading typ-white typ-500 mb-20">
                                                    {{$user->first_name.' '.$user->last_name}}
                                                </h3>
                                                <div class="box-wrapper">
                                                    <div class="contact-box">
                                                        <a href="tel:+913216549870"
                                                            class="d-flex align-items-center mb-20">
                                                            <span class="icon icon-phone"></span>
                                                            <p class="bs-para typ-white">
                                                            +91 {{$user->phone_number}}
                                                            </p>
                                                        </a>
                                                        <a href="mailto:{{$user->email}}"
                                                            class="d-flex align-items-center mb-20">
                                                            <span class="icon icon-message"></span>
                                                            <p class="bs-para typ-white">
                                                            {{$user->email}}
                                                            </p>
                                                        </a>
                                                        <div
                                                            class="d-flex align-items-center mb-20">
                                                            <span class="icon icon-suitcase"></span>
                                                            <p class="bs-para typ-white">
                                                            {{ucfirst($user->user_type)}}
                                                            </p>
                                                        </div>
                                                        
                                                    </div>
                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                               
                            </div>
                        </div>
                    </section>
                    <section class="lyt-section typ-property">
                        <h2 class="bs-heading typ-27 typ-blue typ-800 mb-32">
                            Posted Property
                        </h2>
                        <div class="property--height">
                            @if($properties !=null)
                            <div class="bs-grid-box typ-property-mobile mx-2">
                            @foreach($properties as $property)

                                <div class="bs-card">
                                    <div class="card typ-property">
                                        <a href="{{route('admin.showPropertyDetail',['propertyId'=>$property->id])}}">
                                            <div class="bs-swiper">
                                                <div class="red-card">
                                                    <p class="typ-text">{{$property->property_status}}</p>
                                                </div>
                                                <div class="swiper propertySwiper">
                                                    <div class="swiper-wrapper">
                                                        @if($property->property_images)
                                                    @foreach($property->property_images as $property_image)
                                                            <div class="swiper-slide">
                                                            
                                                                    <img src="{{ asset('storage/'.$property_image->image) }}" class="img-fluid typ-w-100" alt="house">
                                                            </div>
                                                            @endforeach
                                                            @endif
                                                      
                                                    </div>
                                                    <div class="swiper-pagination"></div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="card--body">
                                            <div class="card--flex">
                                                <h2 class="card-city">{{$property->cityName->city_name}}, {{$property->state}}</h2>
                                                <p class="card--dates">{{$property->updated_at->format('F j, Y')}}</p>
                                            </div>
                                            <h3 class="card-name">{{$property->property_name}}</h3>
                                            <h4 class="card-price"><span class="rs">₹</span> {{($property->property_for=="BUY") ?$property->amount:$property->rent_amount }}.00*</h4>
                                            <div>
                                                <p class="card-desc"> {{$property->description}}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <div>
                                                <div class="card--flex--bottom">
                                                    <div class="flex-item">
                                                        <span class="icon icon-bed"></span>
                                                        <h4 class="card--facility">Bed : {{$property->min_beds}}</h4>
                                                    </div>
                                                    <div class="flex-item">
                                                        <span class="icon icon-bath"></span>
                                                        <h4 class="card--facility">Baths : {{$property->min_bath}}</h4>
                                                    </div>
                                                    <div class="flex-item">
                                                        <span class="icon icon-sq-feet"></span>
                                                        <h4 class="card--facility">Sq Ft : {{$property->area}}</h4>
                                                    </div>
                                                </div>
                                                <div class="btn-flexes">
                                                    <a href="{{route('admin.adminEditProperty',$property->id)}}" class="bs-btn typ-green-btn">Edit</a>
                                                    <a href="{{route('admin.paymentsList',['id'=>$property->id])}}" class="bs-btn typ-blue-border">Transactions</a>
                                                    <a href="{{route('admin.adminPropertyVisitRequests',['propertyId'=>$property->id])}}" class="bs-btn typ-gry-border">Visitors</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             @endforeach   
                             
                            </div>
                            @endif
                        </div>
                    </section>
                </main>

@endsection