@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
    <!-- <h1>Add User</h1> -->
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Properties</li>
        </ol>
    </nav>
</div><!-- End Page Title -->

<section class="section">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">
                        Properties Details:
                        <p align="right">
                            <a href="{{ route('admin-property.index') }}" class="btn btn-secondary text-right" title="">Back</a>
                            <a href="{{ route('admin-property.edit', $property->id) }}" class="btn btn-primary text-right" title="">Edit</a>
                        </p>
                    </h5>

                    <table class="table header-border" style="min-width: 500px;">

                        <tbody>

                            {{-- <tr>
                                <td style="width: 20%">Property Id</td>
                                <td>{{ $property->property_id }}</td>
                            </tr> --}}
                            <tr>
                                <td style="width: 20%">Property Status</td>
                                <td>{{ business_type($property) }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Property Type</td>
                                <td>{{ property_type($property) }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Category</td>
                                <td>{{ $property->category->name ?? '' }}</td>
                            </tr>

                            <tr>
                                <td style="width: 20%">Frequency</td>
                                <td>{{ stay($property) }}</td>
                            </tr>

                            <tr>
                                <td style="width: 20%">Popular Community</td>
                                <td>{{ popular_community($property) }}</td>
                            </tr>

                             <tr>
                                <td style="width: 20%">Popular property</td>
                                <td>{{ popular_property($property) }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Property Name</td>
                                <td>{{ $property->name }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Community</td>
                                <td>{{ $property->community->name ?? ""}}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Price in Dirham</td>
                                <td>{{ number_format($property->price) }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Price in Dollar</td>
                                <td>{{ number_format($property->dollar_price) }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Area</td>
                                <td>{{ $property->propertyarea->name ?? ""}}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Rooms</td>
                                <td>{{ $property->rooms }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Bed Rooms</td>
                                <td>{{ $property->beds }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Bath Rooms</td>
                                <td>{{ $property->baths }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Parking</td>
                                <td>{{ $property->garages }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Year Build</td>
                                <td>{{ ($property->year_build) ? (\Carbon\Carbon::parse($property->year_build)->format('d-m-Y')) : "" }}</td>
                            </tr>

                            <tr>
                                <td style="width: 20%">Location</td>
                                <td>{{ $property->location }}</td>
                            </tr>
                          
                            <tr>
                                <td style="width: 20%">City</td>
                                <td>{{ $property->city }}</td>
                            </tr>
                            
                            <tr>
                                <td style="width: 20%">Country</td>
                                <td>{{ $property->country->name ?? ""}}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Size</td>
                                <td>{{ $property->size }}</td>
                            </tr>

                            {{-- <tr>
                                <td style="width: 20%">Property Video</td>
                                <td>{{ $property->property_video }}</td>
                            </tr> --}}
                            <tr>
                                <td style="width: 20%">Description</td>
                                <td>{!! $property->description !!}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Property Design</td>
                                <td>
                                    @php
                                    $mediaItems = $property->getMedia('property-plane-image');
                                    @endphp
                                    @foreach($mediaItems as $index => $mediaItem)
                                    @php
                                    $image_url = $mediaItems[$index]->getUrl() ;
                                    @endphp
                                    <img src="{{ $image_url }}" border="0" width="100" class="img-rounded" align="center" />
                                    @endforeach
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Gallery Image</td>
                                <td>
                                    @php
                                    $mediaItems = $property->getMedia('property-image');
                                    @endphp
                                    @foreach($mediaItems as $index => $mediaItem)
                                    @php
                                    $image_url = $mediaItems[$index]->getUrl() ;
                                    @endphp
                                    <img src="{{ $image_url }}" border="0" width="100" class="img-rounded" align="center" />
                                    @endforeach
                                </td>
                            </tr>

                            {{-- <tr>  
                                <td style="width: 20%">Property Map</td>                              
                                <td>    
                                    <div style="height: 300px; width: 100%" width="800" height="450" frameborder="0" allowfullscreen="" id="map"></div>
                                </td>
                            </tr> --}}

                            @if($property->geographic_location)
                                <tr>  
                                    <td style="width: 20%">Property Map</td>                              
                                    {{-- <td>    
                                        <div style="height: 300px; width: 100%" width="800" height="450" frameborder="0" allowfullscreen="" id="map"></div>
                                    </td> --}}
                                    <td>
                                        <iframe style="height: 300px; width: 100%" width="800" height="450" frameborder="0" allowfullscreen=""
                                            src="{{ $property->geographic_location }}"></iframe>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    <h5 class="card-title">Agent Information</h5>
                    <table class="table header-border" style="min-width: 500px;">

                        <tbody>

                             <tr>
                                <td style="width: 20%">Name</td>
                                <td>{{ $property->agentinfo->name ?? "" }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Email</td>
                                <td>{{ $property->agentinfo->email ?? ""  }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Phone</td>
                                <td>{{ $property->agentinfo->phone ?? "" }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Speaks</td>
                                <td>{{ $property->agentinfo->speaks ?? ""  }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Address</td>
                                <td>{{ $property->agentinfo->address ?? ""  }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Description</td>
                                <td>{{ $property->agentinfo->description ?? "" }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Agent Image</td>
                                @php
                                //$agent_image_url = $property->agent->getFirstMediaUrl('agent-image');

                                if($property->agentinfo){
                                if(count($property->agentinfo->getMedia('agent-profile-image')) > 0){
                                $agent_image_url = $property->agentinfo->getMedia('agent-profile-image')->last()->getUrl();
                                }else{
                                $agent_image_url = '';
                                }
                                }else{
                                $agent_image_url = '';
                                }
                                @endphp
                               <td> <img src="{{ $agent_image_url }}" border="0" width="100" class="img-rounded" align="center" /> </td>
                            </tr> 
                        </tbody>
                    </table>
                    <h5 class="card-title">Amenities</h5>
                    <table class="table header-border" style="min-width: 500px;">
                        <tbody>
                            <tr>
                                <td style="width: 20%">Name</td>
                                <td>{{ $property->amenities ?? "" }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection


@push('scripts_footer')
    
    <script>
        // unused code, element with #id is commented out
        // init
        var latlng = new google.maps.LatLng({{ '22.572645' }}, {{ '88.363892' }});
        var map = new google.maps.Map(document.getElementById('map'), {
            center: latlng,
            zoom: 11,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title: 'Set lat/lon values for this property',
            draggable: false
        });

        google.maps.event.addListener(marker, 'dragend', function (event) {

            document.getElementById("latitude").value = this.getPosition().lat();
            document.getElementById("longitude").value = this.getPosition().lng();
        });
    </script>
@endpush