@extends('layouts.master')
@section('title','SALES | VIEW PROPERTY')
@section('headasset')
@include('layouts.head-asset')
@stop
@section('content')
<div class="wrapper">
    @include('admin.main-header')
    <!-- Sidebar -->
    @include('admin.sidebar')
    <!-- End Sidebar -->
    <div class="main-panel">
        <div class="content">
            <div class="panel-header bg-primary-gradient">
                <div class="page-inner py-5">
                    <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row">
                        <div>
                            <h2 class="text-white pb-2 fw-bold">{{strtoupper($property->name)}}</h2>
                        </div>
                        <div class="ml-md-auto py-2 py-md-0">
                            <!-- <a href="#" class="btn btn-white btn-border btn-round mr-2">Manage</a> -->
                            <a href="{{route('edit-property',encrypt($property->id))}}"
                                class="btn btn-secondary btn-round btn-model-data-new">Edit Property</a>
                            <a href="{{route('property')}}" class="btn btn-secondary btn-round btn-model-data-new">All
                                Properties</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-inner mt--5">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row mt--2">
                                    <div class="col-md-6">
                                        <div class="bp-list-wrapper">
                                            <h3 class="bg-info text-white w-100 px-2">PROPERTY DETAILS</h3>
                                            <input type="hidden" name="property_id" value="{{$property->id}}">
                                            <div class="form-row form-row-2 px-3 py-2">
                                                <div class="form-group w-100">
                                                    <label for="region_id">Property Type</label>
                                                    <select class="selectpicker form-control" data-live-search="true"
                                                        name="property_category_id" id="property_category_id" disabled>
                                                        <option value="">Select</option>
                                                        @if($proptype)
                                                        @foreach($proptype as $pt)
                                                        <option value="{{$pt->id}}" {{$property->
                                                            property_category_id==$pt->id?"selected":""}}>{{$pt->name}}
                                                        </option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                                <div class="form-group w-100">
                                                    <label for="name">Property Name</label>
                                                    <input type="text" class="form-control" name="name" id="name"
                                                        value="{{$property->name}}" readonly>
                                                </div>
                                                <div class="form-group w-50">
                                                    <label for="zone_id">Select Zone</label>
                                                    <select class="selectpicker form-control" data-live-search="true"
                                                        name="zone_id" id="zone_id" readonly disabled>
                                                        <option value="" selected>Select</option>
                                                        @if($zones)
                                                        @foreach($zones as $zone)
                                                        <option value="{{$zone->id}}" {{$property->
                                                            zone_id==$zone->id?"selected":""}}>{{$zone->name}}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                                <div class="form-group w-50">
                                                    <label for="region_id">Select Region</label>
                                                    <select class="selectpicker form-control" data-live-search="true"
                                                        name="region_id" id="region_id" readonly disabled>
                                                        <option value="" selected>Select</option>
                                                        @if($regions)
                                                        @foreach($regions as $region)
                                                        <option value="{{$region->id}}" {{$property->
                                                            region_id==$region->id?"selected":""}}>{{$region->zone_name}}
                                                            -
                                                            {{$region->name}}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                </div>

                                                <div class="form-group w-100">
                                                    <label for="address">Address</label>
                                                    <input type="text" class="form-control" name="address" id="address"
                                                        value="{{$property->address}}" readonly>
                                                </div>

                                                <div class="form-group w-50">
                                                    <label for="city">City</label>
                                                    <input type="text" class="form-control" name="city" id="city"
                                                        value="{{$property->city}}" readonly>
                                                </div>
                                                <div class="form-group w-50">
                                                    <label for="zipcode">Pincode</label>
                                                    <input type="text" class="form-control" name="zipcode" id="zipcode"
                                                        value="{{$property->zipcode}}" readonly>
                                                </div>

                                                <div class="form-group w-50">
                                                    <label for="latitude">Latitude</label>
                                                    <input type="text" class="form-control" name="latitude"
                                                        id="latitude" value="{{$property->latitude}}" readonly>
                                                </div>
                                                <div class="form-group w-50">
                                                    <label for="zipcode">Longitude</label>
                                                    <input type="text" class="form-control" name="longitude"
                                                        id="longitude" value="{{$property->longitude}}" readonly>
                                                </div>
                                                <div class="form-group w-100">
                                                    <label for="address">About</label>
                                                    <textarea class="form-control" name="about_property"
                                                        id="about_property"
                                                        readonly>{{$property->about_property}}</textarea>
                                                </div>
                                                @if(Auth::user()->role_id==1)
                                                <div class="form-group w-100">
                                                    <label for="status">Status</label>
                                                    <select class="form-control" data-live-search="true" name="status"
                                                        id="status" disabled>
                                                        <option value="1" {{$property->status==1?"selected":""}}>Active
                                                        </option>
                                                        <option value="0" {{$property->
                                                            status==0?"selected":""}}>Inactive</option>
                                                    </select>
                                                </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="bp-list-wrapper">
                                            <h3 class="bg-info text-white w-100 px-2">AMENITIES</h3>
                                            <div class="form-group w-100">

                                                <table class="table table-bordered mt-4">
                                                    <tr>
                                                        <th>Amenity</th>
                                                        <th>About</th>
                                                        <th>
                                                            <a href="{{route('new-property-amenity', encrypt($property->id))}}"
                                                                class='mx-3 text-primary'
                                                                title='Add Property Amenity'>
                                                                <i class='fas fa-lg fa-plus'></i>
                                                            </a>
                                                        </th>
                                                    </tr>
                                                    @if($propertyamenity->count()>0)
                                                    @foreach($propertyamenity as $pm)
                                                    @php
                                                    $am=App\Models\AmenityType::find($pm->amenity_type_id);
                                                    @endphp
                                                    @if($am)
                                                    <tr>
                                                        <td>{{$am->name}}</td>
                                                        <td>
                                                            <strong> Total:</strong> {{($pm->amenity_count!=null?$pm->amenity_count:"NA")}}<br>
                                                            {{$pm->about_amenity}}<br>
                                                            <strong> {{$pm->status==0?"Inactive":"Active"}}</strong>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex">
                                                                <a href="{{route('edit-property-amenity', encrypt($pm->id))}}"
                                                                    class='mr-2 text-info px-1'
                                                                    title='Edit Property Amenity'>
                                                                    <i class='fas fa-edit'></i>
                                                                </a>
                                                                <a href='#' class='text-danger' 
                                                                onclick="deleteModelPropertyAmenityData('{{$pm}}','{{$am->name}}')"
                                                                data-toggle='modal' data-target='#delete_propery_amenity_model_data'
                                                                title='Delete Property Amenity'>
                                                                <i class='fas fa-trash'></i>
                                                            </a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @endif
                                                    @endforeach
                                                    @else
                                                    <tr>
                                                        <td colspan="2">No Amenity Details Found</td>
                                                    </tr>
                                                    @endif
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="bp-list-wrapper">
                                            <h3 class="bg-info text-white w-100 px-2">PROPERTY IMAGES</h3>
                                            <div class="form-group w-100">

                                                <table class="table table-bordered mt-4">
                                                    <tr>
                                                        <th class="adj-col-1">ImageType</th>
                                                        <th>Preview</th>
                                                        <th>
                                                            <a href="{{route('new-property-image', encrypt($property->id))}}"
                                                                class='mx-3 text-primary'
                                                                title='Add Property Image'>
                                                                <i class='fas fa-lg fa-plus'></i>
                                                            </a>
                                                        </th>
                                                    </tr>
                                                    @if($propertyimage->count()>0)
                                                    @foreach($propertyimage as $pi)
                                                    @php
                                                    $pit=App\Models\ImageType::find($pi->property_image_type_id);
                                                    @endphp
                                                    @if($pit)
                                                    <tr>
                                                        <td>{{$pit->name}}</td>
                                                        <td>
                                                        <div class="full-img py-2">
                                                            <img class="img-fluid" src="{{ asset('storage/product_images/' . $pi->property_image_name) }}" alt="Property Image">
                                                        </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <a href='#' class='text-danger' 
                                                                onclick="deleteModelPropertyImageData('{{$pi}}','{{$pit->name}}')"
                                                                data-toggle='modal' data-target='#delete_property_image_model_data'
                                                                title='Delete Property Image'>
                                                                <i class='fas fa-trash'></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    @endif
                                                    @endforeach
                                                    @else
                                                    <tr>
                                                        <td colspan="2">No Amenity Details Found</td>
                                                    </tr>
                                                    @endif
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="bp-list-wrapper">
                                            <h3 class="bg-info text-white w-100 px-2">PROPERTY MAP</h3>
                                            <div class="form-group w-100 map-link py-2">
                                                {!! $property->map_link !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.footer')
    </div>
</div>
<div class="modal fade" id="delete_propery_amenity_model_data" tabindex="-1" role="dialog" aria-labelledby="delete_propery_amenity_model_data"
    aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content px-1">
            <div class="modal-header text-center px2">
                <h5 class="modal-title"></h5>
            </div>
            <form id="ManageUserDataForm" method="POST" action="{{route('delete-property-amenity')}}">
                <div class="bp-list-wrapper">
                    @csrf
                    <div class="form-row form-row-2 px-3 py-2">
                        <input type="hidden" id="property_amenity_id" name="property_amenity_id" required>
                        <div class="form-group w-100">
                            <label for="name">Amenity Name</label>
                            <input type="text" class="form-control" name="name" id="name_property_amenity_del">
                        </div>

                        <div class="form-group text-center" style="width: 100%;">
                            <button type="submit" class="btn btn-submit btn-dark w-100"><i
                                    class="fas fa-edit"></i></button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="delete_property_image_model_data" tabindex="-1" role="dialog" aria-labelledby="delete_property_image_model_data"
    aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content px-1">
            <div class="modal-header text-center px2">
                <h5 class="modal-title"></h5>
            </div>
            <form id="ManageUserDataForm" method="POST" action="{{route('delete-property-image')}}">
                <div class="bp-list-wrapper">
                    @csrf
                    <div class="form-row form-row-2 px-3 py-2">
                        <input type="hidden" id="property_image_id" name="property_image_id" required>
                        <div class="form-group w-100">
                            <label for="name">Image Type</label>
                            <input type="text" class="form-control" name="name" id="name_property_image_del">
                        </div>

                        <div class="form-group text-center" style="width: 100%;">
                            <button type="submit" class="btn btn-submit btn-dark w-100"><i
                                    class="fas fa-edit"></i></button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@stop
@section('jsscript')
@include('layouts.jsscript')
<script>
     function deleteModelPropertyAmenityData(propertyamenity, name) {
        var pa=JSON.parse(propertyamenity);
        $(".modal-title").html("SURE YOU WANT TO DELETE FOLLOWING AMENITY?").css('color', '#d9534f');
        $(".btn-submit").html("DELETE AMENITY").css('background-color', '#d9534f');
        $('#property_amenity_id').val(pa.id);
        $('#name_property_amenity_del').val(name).prop('readonly', true);
        sr = {};
    }

    function deleteModelPropertyImageData(propertyimage, name) {
        var pi=JSON.parse(propertyimage);
        $(".modal-title").html("SURE YOU WANT TO DELETE FOLLOWING IMAGE?").css('color', '#d9534f');
        $(".btn-submit").html("DELETE IMAGE").css('background-color', '#d9534f');
        $('#property_image_id').val(pi.id);
        $('#name_property_image_del').val(name).prop('readonly', true);
        sr = {};
    }

    $(document).ready(function () {
        // Add click event listener to the"is_zone_head" checkbox
        $("#is_zone_head").on("click", function () {
            // Update the checked status of"is_region_head" based on"is_zone_head"
            $("#is_region_head").prop("checked", $(this).prop("checked"));
        });
    });
</script>
@stop