@extends('layout')

@section('title')
    <title>{{__('user.Dashboard')}}</title>
@endsection

@section('meta')
    <meta name="description" content="{{__('user.Dashboard')}}">
     <meta name="title" content="{{__('user.Dashboard')}}">
@endsection

@section('frontend-content')
    <!-- Breadcrumbs -->
    <section class="breadcrumbs__content" style="background-image: url({{ asset($breadcrumb) }});">
        <!-- <div class="homec-overlay"></div> -->
        <div class="container">
            <div class="row">
                <!-- Breadcrumb-Content -->
                <div class="col-12">
                    <div class="breadcrumb-content">
                        <ul class="breadcrumb__menu list-none">
                            <li><a href="{{ route('home') }}">{{__('user.Home')}}</a></li>
                            <li class="active"><a href="{{ route('user.dashboard') }}">{{__('user.Dashboard')}}</a></li>
                        </ul>
                        <h2 class="breadcrumb__title m-0">{{__('user.Dashboard')}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End breadcrumbs -->

            <!-- Homec Dashboard -->
		<section class="homec-dashboard pd-top-100 pd-btm-100 homec-bg-third-color">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="homec-dashboard__middle">
							<div class="row">
								<div class="col-lg-3 col-md-4 col-12 mg-top-30">
									@include('user.sidebar')
								</div>
								<div class="col-lg-9 col-md-8 col-12 mg-top-30">
									<div class="homec-dashboard__inner homec-border">
										<h3 class="homec-dashboard__heading m-0">{{__('user.My Properties')}}</h3>
                                        @foreach ($properties as $index => $property)
                                            <!-- Single Properties -->
                                            <div class="homec-dashboard-property mg-top-30">

                                                @if ($property->approve_by_admin == 'approved')
                                                    @if ($property->status == 'enable')
                                                        <div class="homec-dashboard-property__label">{{__('user.Enable')}}</div>
                                                    @else
                                                        <div class="homec-dashboard-property__label red">{{__('user.Disable')}}</div>
                                                    @endif
                                                @else

                                                    @if ($property->approve_by_admin == 'pending')
                                                    <div class="homec-dashboard-property__label red">{{__('user.Awaiting')}}</div>
                                                    @elseif ($property->approve_by_admin == 'reject')
                                                    <div class="homec-dashboard-property__label red">{{__('user.Reject')}}</div>
                                                    @endif

                                                @endif

                                                <!-- Property IMG -->
                                                <div class="homec-dashboard-property__img">
                                                    <img src="{{ asset($property->thumbnail_image) }}">
                                                    <!-- Property Content -->
                                                    <div class="homec-dashboard-property__content">
                                                        <div class="homec-dashboard-property__badge">
                                                            @if ($property->purpose == 'rent')
                                                                {{__('user.For Rent')}}
                                                            @else
                                                                {{__('user.For Sale')}}
                                                            @endif
                                                        </div>
                                                        <h3 class="homec-dashboard-property__title">{{ html_decode($property->title) }}</h3>
                                                        <div class="homec-property__text">
                                                            <img src="{{ asset('frontend/img/location-icon.svg') }}"><p>{{ html_decode($property->address) }}</p>
                                                        </div>
                                                        <div class="homec-dashboard-property__rating">

                                                            @php
                                                                $reviewQty = $property->totalRating;
                                                                if ($reviewQty > 0) {
                                                                    $average = $property->ratingAvarage;
                                                                    $intAverage = intval($average);
                                                                    $nextValue = $intAverage + 1;
                                                                    $reviewPoint = $intAverage;
                                                                    $halfReview=false;
                                                                    if($intAverage < $average && $average < $nextValue){
                                                                        $reviewPoint= $intAverage + 0.5;
                                                                        $halfReview=true;
                                                                    }
                                                                }
                                                            @endphp

                                                            <ul class="homec-rating list-none">
                                                                @if ($reviewQty > 0)

                                                                @for ($i = 1; $i <=5; $i++)
                                                                    @if ($i <= $reviewPoint)
                                                                    <li><i class="fa-solid fa-star"></i></li>
                                                                    @elseif ($i> $reviewPoint )
                                                                        @if ($halfReview==true)
                                                                        <li><i class="fa-solid fa-star-half-stroke"></i></li>
                                                                            @php
                                                                                $halfReview=false
                                                                            @endphp
                                                                        @else
                                                                        <li><i class="fa-regular fa-star"></i></li>
                                                                        @endif
                                                                    @endif
                                                                @endfor
                                                                @else
                                                                    <li><i class="fa-regular fa-star"></i></li>
                                                                    <li><i class="fa-regular fa-star"></i></li>
                                                                    <li><i class="fa-regular fa-star"></i></li>
                                                                    <li><i class="fa-regular fa-star"></i></li>
                                                                    <li><i class="fa-regular fa-star"></i></li>
                                                                @endif
                                                            </ul>
                                                            <span>({{ $property->totalRating }} {{__('user.ratings')}})</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Property Button -->
                                                <div class="homec-dashboard-property__buttons">
                                                    <a href="{{ route('property', $property->slug) }}" class="homec-dashboard-property__btn"><svg width="23" height="14" viewBox="0 0 23 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M11.6793 0.0471191C7.48656 0.0471191 3.68437 2.341 0.878736 6.06688C0.649796 6.37213 0.649796 6.79859 0.878736 7.10384C3.68437 10.8342 7.48656 13.1281 11.6793 13.1281C15.872 13.1281 19.6742 10.8342 22.4799 7.10833C22.7088 6.80308 22.7088 6.37662 22.4799 6.07137C19.6742 2.341 15.872 0.0471191 11.6793 0.0471191ZM11.9801 11.1933C9.19687 11.3684 6.8985 9.07452 7.07357 6.28684C7.21722 3.98847 9.08016 2.12553 11.3785 1.98188C14.1617 1.80681 16.4601 4.10069 16.285 6.88837C16.1369 9.18225 14.2739 11.0452 11.9801 11.1933ZM11.8409 9.06554C10.3416 9.15981 9.1026 7.92533 9.20136 6.426C9.27767 5.18704 10.2832 4.18599 11.5222 4.10518C13.0215 4.01091 14.2605 5.24539 14.1617 6.74472C14.0809 7.98818 13.0754 8.98923 11.8409 9.06554Z"/>
                                                        </svg>
                                                    </a>
                                                    <a href="{{ route('user.property.edit', $property->id) }}" class="homec-dashboard-property__btn  homec-dashboard-property__btn--edit"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M11.5401 12.732C11.3622 12.9097 11.1425 13.0456 10.9043 13.125L8.6037 13.8918C8.43767 13.9472 8.26451 13.9753 8.08933 13.9753C7.65479 13.9753 7.24626 13.8061 6.93903 13.4988C6.50051 13.0602 6.34998 12.4224 6.54609 11.8341L7.31296 9.53366C7.39231 9.2954 7.52823 9.07547 7.7059 8.8978L12.6748 3.92896H2.95305C1.85675 3.92896 0.964844 4.82086 0.964844 5.91716V17.4849C0.964844 18.5812 1.85675 19.4731 2.95305 19.4731H14.5208C15.6171 19.4731 16.509 18.5812 16.509 17.4849V7.76315L11.5401 12.732Z"/>
                                                        <path d="M8.47256 9.66509C8.41302 9.72463 8.3682 9.79718 8.34159 9.87704L7.57472 12.1775C7.50976 12.3724 7.56048 12.5872 7.70569 12.7324C7.85094 12.8777 8.06574 12.9284 8.26058 12.8634L10.5611 12.0966C10.641 12.07 10.7135 12.0251 10.7731 11.9656L17.5468 5.19185L15.2463 2.89136L8.47256 9.66509Z"/>
                                                        <path d="M18.1844 1.22954C17.8315 0.876613 17.2593 0.876613 16.9064 1.22954L16.0117 2.12419L18.3123 4.42472L19.2069 3.53007C19.5598 3.17714 19.5598 2.60494 19.2069 2.25202L18.1844 1.22954Z"/>
                                                    </svg>
                                                    </a>
                                                    <a href="javascript:;" onclick="deleteProperty({{ $property->id }})" class="homec-dashboard-property__btn homec-dashboard-property__btn--delete"><svg width="16" height="21" viewBox="0 0 16 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.86625 0.952615C4.86628 0.803061 4.92128 0.659637 5.01915 0.55386C5.11703 0.448082 5.24978 0.388606 5.38824 0.388501L10.6078 0.388184C10.7462 0.38853 10.879 0.448171 10.9768 0.554033C11.0746 0.659895 11.1296 0.803342 11.1297 0.952933V2.34732H4.86625V0.952615ZM13.4482 19.9103C13.4348 20.1302 13.3442 20.3363 13.1949 20.4863C13.0455 20.6364 12.8487 20.7191 12.6447 20.7176H3.29125C3.08734 20.717 2.89117 20.6331 2.74216 20.4827C2.59315 20.3323 2.50232 20.1266 2.48791 19.9069L1.68751 7.2596H14.3024L13.4483 19.9102L13.4482 19.9103ZM15.5276 6.11414H0.46875V4.80382C0.468974 4.45629 0.596861 4.12307 0.824333 3.8773C1.05181 3.63154 1.36027 3.49333 1.682 3.49302L14.3142 3.49258C14.6359 3.49311 14.9442 3.63145 15.1717 3.87724C15.3991 4.12303 15.5269 4.4562 15.5272 4.8037V6.11402L15.5276 6.11414ZM5.57347 17.7026C5.57347 17.7778 5.58718 17.8523 5.61382 17.9217C5.64047 17.9912 5.67952 18.0543 5.72874 18.1075C5.77797 18.1607 5.83642 18.2029 5.90074 18.2317C5.96506 18.2604 6.03399 18.2753 6.10361 18.2753C6.17323 18.2753 6.24217 18.2604 6.30649 18.2317C6.37081 18.2029 6.42925 18.1607 6.47848 18.1075C6.52771 18.0543 6.56676 17.9912 6.5934 17.9217C6.62005 17.8523 6.63376 17.7778 6.63376 17.7026V9.67202C6.63264 9.521 6.57633 9.37657 6.47709 9.27018C6.37785 9.16379 6.24371 9.10407 6.10389 9.10402C5.96407 9.10397 5.82989 9.16359 5.73058 9.2699C5.63127 9.37621 5.57486 9.5206 5.57365 9.67163V17.7026H5.57347ZM9.35602 17.7026C9.35602 17.8545 9.41188 18.0002 9.51132 18.1076C9.61075 18.215 9.74562 18.2753 9.88624 18.2753C10.0269 18.2753 10.1617 18.215 10.2612 18.1076C10.3606 18.0002 10.4165 17.8545 10.4165 17.7026V9.67202C10.4153 9.52098 10.359 9.37652 10.2598 9.27012C10.1605 9.16372 10.0264 9.10399 9.88651 9.10394C9.74667 9.10389 9.61248 9.16352 9.51315 9.26984C9.41383 9.37617 9.35742 9.52058 9.3562 9.67163L9.35602 17.7026Z"/>
                                                    </svg>
                                                    </a>

                                                    <form class="d-none" action="{{ route('user.property.destroy', $property->id) }}" method="POST" id="remove_property-{{ $property->id }}">
                                                        @csrf
                                                        @method('DELETE')

                                                    </form>

                                                </div>
                                            </div>
                                            <!-- End Single Properties -->
                                        @endforeach

                                        <div class="row mg-top-40">
											<div class="col-12">
												{{ $properties->links('custom_pagination') }}
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Dashboard -->

    
    


    <script>
        "use strict";
        function deleteProperty(id){
            Swal.fire({
                title: "{{__('user.Are you realy want to delete this item ?')}}",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: "{{__('user.Yes, Delete It')}}",
                cancelButtonText: "{{__('user.Cancel')}}",
            }).then((result) => {
                if (result.isConfirmed) {
                    $("#remove_property-"+id).submit();
                }

            })
        }
    </script>

@endsection