@extends('admin.layouts.app')

@push('scripts_header')
<style type="text/css">
    .error {
        color: red;
    }

    .red-mark {
        color: red;
    }

</style>
@endpush

@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">Edit Property</h5>

                    <!-- General Form Elements -->
                    <form class="row g-3" role="form" name="frm-edit" id="frm-edit" action="{{route('admin-property.update',$property->id)}}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('put')

                        <div class="col-md-6">
                            <label for="property_status" class="form-label">Property Status<span class="red-mark">*</span></label>

                            <select class="form-select" aria-label="Default select example" name="property_status" id="property_status">
                                <option value="">---Select---</option>
                                {{--<option value="1" >Sell</option>--}}
                                <option value="2" >Rent</option>
                                <option value="3" >Buy</option>
                            </select>
                        </div>

                        <div class="col-md-6">
                            <label for="property_type" class="form-label">Property Type<span class="red-mark">*</span></label>

                            <select class="form-select" aria-label="Default select example" name="property_type" id="property_type">
                                <option value="">---Select---</option>
                                <option value="1" >Residential</option>
                                <option value="2" >Commercial</option>
                            </select>
                        </div>

                        <div class="col-md-6">
                            <label for="category_id" class="form-label">Category<span class="red-mark">*</span></label>

                            {{ Form::select('category_id', $categories, old('category_id',$property->category_id), ['class'=>'form-select',
                                'id'=>'category_id','placeholder' => '---Select--']) }}

                            @if($errors->has('category_id'))
                            <div class="error">{{ $errors->first('category_id') }}</div>
                            @endif
                        </div>

                        @php
                            $display = ($property->property_status == 2) ? 'block' : 'none';
                        @endphp
                        <div class="col-md-6" id="stay"  style="display:{{ $display }}">
                            <label for="property_type" class="form-label">Frequency<span class="red-mark">*</span></label>

                            <select class="form-select" aria-label="Default select example" name="stay">
                                <option value="">---Select---</option>
                                <option value="1" >Day</option>
                                <option value="2" >Week</option>
                                <option value="3" >Month</option>
                                <option value="4" >Year</option>
                            </select>
                        </div>



                        <div class="col-md-6">
                            <label for="area" class="form-label">Area<span class="red-mark">*</span></label>

                            {{ Form::select('area_id', get_areas(), old('area_id',$property->area_id), ['class'=>'form-select',
                                'id'=>'area_id','placeholder' => '---Select--']) }}

                            @if($errors->has('area_id'))
                            <div class="error">{{ $errors->first('area_id') }}</div>
                            @endif
                        </div>

                        {{--<div class="col-md-6">
                                <label for="property_id" class="form-label">Property ID</label>
                                
                                <input type="text" placeholder="Enter property ID" name="property_id" id="property_id" class="form-control" value="{{ old('price') }}">

                        @if($errors->has('property_id'))
                        <div class="error">{{ $errors->first('property_id') }}</div>
                        @endif
                </div>--}}

                <div class="col-md-6">
                    <label for="name" class="form-label">Property Name</label>

                    <input type="text" placeholder="Enter property name" name="name" id="name" class="form-control" value="{{ old('name',$property->name) }}">

                    @if($errors->has('name'))
                    <div class="error">{{ $errors->first('name') }}</div>
                    @endif
                </div>

                <div class="col-md-6">
                    <label for="community_id" class="form-label">Community</label>

                    {{ Form::select('community_id', get_community(), old('community_id',$property->community_id), ['class'=>'form-select',
                                'id'=>'community_id','placeholder' => '---Select--']) }}


                    @if($errors->has('community_id'))
                    <div class="error">{{ $errors->first('community_id') }}</div>
                    @endif
                </div>

                <div class="col-md-6">
                    <label for="popular_community" class="form-label">Popular Community</label>

                    {{--<select class="form-select" aria-label="Default select example" name="popular_community" id="popular_community">
                                    <option value="">---Select---</option>
                                    <option value="1">Yes</option>
                                    <option value="0">No</option>
                                </select>--}}
                    <div class="_form-check">
                        <input class="form-check-input" type="radio" name="popular_community" id="popular_community_no" value="0" checked>
                        <label class="form-check-label" for="popular_community_no">
                            No
                        </label>

                        <input class="form-check-input" type="radio" name="popular_community" id="popular_community_yes" value="1" >
                        <label class="form-check-label" for="popular_community_yes">
                            Yes
                        </label>
                    </div>
                </div>



                <div class="col-md-6">
                    <label for="price" class="form-label">Price Value<span class="red-mark">*</span></label>

                    <input type="text" placeholder="Enter property price" name="price" id="price" class="form-control" maxlength="20" value="{{ old('price',$property->price) }}">

                    @if($errors->has('price'))
                    <div class="error">{{ $errors->first('price') }}</div>
                    @endif
                </div>

                <div class="col-md-6">
                    <label for="price_type" class="form-label">Price</label>

                    <div class="_form-check">
                        <input class="form-check-input" type="radio" name="price_type" id="price_type_dirham" value="1" checked>
                        <label class="form-check-label" for="price_type_dirham">
                            Dirham
                        </label>

                        <input class="form-check-input" type="radio" name="price_type" id="price_type_dollar" value="2">
                        <label class="form-check-label" for="price_type_dollar">
                            Dollar
                        </label>
                    </div>
                </div>

                {{-- <div class="col-md-6">
                    <label for="dollar_price" class="form-label">Price in Dollar<span class="red-mark">*</span></label>

                    <input type="text" placeholder="Enter property price" name="dollar_price" id="dollar_price" class="form-control" maxlength="20" value="{{ old('dollar_price',$property->dollar_price) }}">

                @if($errors->has('dollar_price'))
                <div class="error">{{ $errors->first('dollar_price') }}</div>
                @endif
            </div> --}}

            <div class="col-md-6">
                <label for="popular_property" class="form-label">Popular property</label>

                {{--<select class="form-select" aria-label="Default select example" name="popular_property" id="popular_property">
                                    <option value="">---Select---</option>
                                    <option value="1">Yes</option>
                                    <option value="0">No</option>
                                </select>--}}
                <div class="_form-check">
                    <input class="form-check-input" type="radio" name="popular_property" id="popular_property_no" value="0" checked>
                    <label class="form-check-label" for="popular_property_no">
                        No
                    </label>

                    <input class="form-check-input" type="radio" name="popular_property" id="popular_property_yes" value="1" >
                    <label class="form-check-label" for="popular_property_yes">
                        Yes
                    </label>
                </div>
            </div>

            <div class="col-md-6">
                <label for="rooms" class="form-label">Rooms</label>

                <input type="text" placeholder="Enter Rooms" name="rooms" id="rooms" class="form-control" maxlength="8" value="{{ old('rooms',$property->rooms) }}">

                @if($errors->has('rooms'))
                <div class="error">{{ $errors->first('rooms') }}</div>
                @endif
            </div>

            <div class="col-md-6">
                <label for="beds" class="form-label">Bed Rooms</label>

                <input type="text" placeholder="Enter bed rooms" name="beds" id="beds" class="form-control" maxlength="8" value="{{ old('beds',$property->beds) }}">

                @if($errors->has('beds'))
                <div class="error">{{ $errors->first('beds') }}</div>
                @endif
            </div>

            <div class="col-md-6">
                <label for="baths" class="form-label">Bath Rooms</label>

                <input type="text" placeholder="Enter bath rooms" name="baths" id="baths" class="form-control" maxlength="8" value="{{ old('baths',$property->baths) }}">

                @if($errors->has('baths'))
                <div class="error">{{ $errors->first('baths') }}</div>
                @endif
            </div>

            <div class="col-md-6">
                <label for="garages" class="form-label">Parking</label>

                <input type="text" placeholder="Please enter parking" name="garages" id="garages" class="form-control" maxlength="8" value="{{ old('garages',$property->garages) }}">

                @if($errors->has('garages'))
                <div class="error">{{ $errors->first('garages') }}</div>
                @endif
            </div>

            <div class="col-md-6">
                <label for="year_build" class="form-label">Year Of Build</label>
                <input type="text" class="form-control" name="year_build" id="year_build" value="{{ old('year_build',$property->year_build) }}">
                {{-- <input type="date" class="form-control" name="year_build" id="year_build">--}}
                @if($errors->has('year_build'))
                <div class="error">{{ $errors->first('year_build') }}</div>
                @endif
            </div>


            <div class="col-md-6">
                <label for="size" class="form-label">Size(Sqft)<span class="red-mark">*</span></label>

                <input type="text" placeholder="Enter property size" name="size" id="size" class="form-control" maxlength="20" value="{{ old('size',$property->size) }}">

                @if($errors->has('size'))
                <div class="error">{{ $errors->first('size') }}</div>
                @endif
            </div>

            {{--<div class="col-md-12">
                            <label for="street_address" class="form-label">Street Address</label>

                            <input type="text" placeholder="Enter street address" name="street_address" id="street_address" class="form-control" value="{{ old('street_address',$property->street_address) }}">

            @if($errors->has('street_address'))
            <div class="error">{{ $errors->first('street_address') }}</div>
            @endif
        </div>--}}

        <div class="col-md-12">
            <label for="location" class="form-label">Location</label>

            <input type="text" placeholder="Enter location" name="location" id="location" class="form-control" value="{{ old('location',$property->location) }}">

            @if($errors->has('location'))
            <div class="error">{{ $errors->first('location') }}</div>
            @endif
        </div>

        <div class="col-md-6">
            <label for="city" class="form-label">City</label>

            <input type="text" placeholder="Enter city" name="city" id="city" class="form-control" value="{{ old('city',$property->city) }}">

            @if($errors->has('city'))
            <div class="error">{{ $errors->first('city') }}</div>
            @endif
        </div>

        {{--<div class="col-md-6">
                            <label for="state" class="form-label">State</label>

                            <input type="text" placeholder="Enter state" name="state" id="state" class="form-control" value="{{ old('state',$property->state) }}">

        @if($errors->has('state'))
        <div class="error">{{ $errors->first('state') }}</div>
        @endif
    </div>

    <div class="col-md-6">
        <label for="postal_code" class="form-label">Postal Code</label>

        <input type="text" placeholder="Enter postal code" name="postal_code" id="postal_code" class="form-control" value="{{ old('state',$property->postal_code) }}">

        @if($errors->has('postal_code'))
        <div class="error">{{ $errors->first('postal_code') }}</div>
        @endif
    </div>--}}

    <div class="col-md-6">
        <label for="country_id" class="form-label">Country</label>

        {{ Form::select('country_id', get_countries(), old('country_id',$property->country_id), ['class'=>'form-select',
                                        'id'=>'country_id','placeholder' => '---Select--']) }}

        @if($errors->has('country_id'))
        <div class="error">{{ $errors->first('country_id') }}</div>
        @endif
    </div>

    <div class="col-md-12">
        <label for="geographic_location" class="form-label">Embed Map URL<span class="red-mark">*</span></label>

        <input type="text" placeholder="Enter Map Location" name="geographic_location" id="geographic_location" class="form-control" value="{{ old('geographic_location',$property->geographic_location) }}">

        @if($errors->has('geographic_location'))
        <div class="error">{{ $errors->first('geographic_location') }}</div>
        @endif
    </div>

    {{-- <div class="col-md-12">
            <label for="property_video" class="form-label">Property Video</label>

            <input type="text" placeholder="Enter property video link" name="property_video" id="property_video" class="form-control" value="{{ old('property_video',$property->property_video) }}">

    @if($errors->has('property_video'))
    <div class="error">{{ $errors->first('property_video') }}</div>
    @endif
    </div> --}}

    <div class="col-md-12">
        <label for="description" class="form-label">Description</label>

        <textarea name="property_description" class="form-control" style="height: 100px">{{ old('description',$property->description) }}</textarea>

        @if($errors->has('description'))
        <div class="error">{{ $errors->first('description') }}</div>
        @endif
        <br>
    </div>

    <div class="col-md-12">
        <label for="inputNumber" class="col-sm-2 col-form-label">Property Design Image</label>

        @php
        //$plane_image_url = $property->getFirstMediaUrl('property-plane-image');

        if(count($property->getMedia('property-plane-image')) > 0){
        $plane_image_url = $property->getMedia('property-plane-image')->last()->getUrl();
        }else{
        $plane_image_url = '';
        }
        @endphp

        <img src="{{ $plane_image_url }}" border="0" width="100" class="img-rounded" align="center" />
    </div>

    <div class="col-md-12">
        <label for="inputNumber" class="col-sm-2 col-form-label">Property Design</label>

        <div class="needsclick dropzone" id="plane-dropzone"></div>

        @if($errors->has('image'))
        <div class="error">{{ $errors->first('image') }}
        </div>
        @endif
        [.png, .jpg, .jpeg files only, Max size: 2MB]
    </div>

    <div class="col-md-12">
        <label for="inputNumber" class="col-sm-2 col-form-label">Gallery Images</label>

        @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
    </div>

    <div class="col-md-12">
        <label for="inputNumber" class="form-label">Upload Images<span class="red-mark">*</span></label>

        <div class="needsclick dropzone" id="document-dropzone"></div>

        @if($errors->has('image'))
        <div class="error">{{ $errors->first('image') }}</div>
        @endif
        [.png, .jpg, .jpeg files only, Max image size: 2MB, Max image no:5]
    </div>

    <div class="col-md-12">
        <label for="inputNumber" class="col-sm-2 col-form-label">Status</label>

        <select class="form-select" aria-label="Default select example" name="status" id="status">
            <option value="">---Select---</option>
            <option value="1" >Active</option>
            <option value="2" >Inactive</option>
        </select>
        @if($errors->has('status'))
        <div class="error">{{ $errors->first('status') }}</div>
        @endif
    </div>

    <hr>
    <h5 class="card-title">Agent Information</h5>
    {{--@include('admin.properties.edit.agent')--}}
    <div class="col-md-6">
        <label for="agent_id" class="form-label">Agent<span class="red-mark">*</span></label>

        {{ Form::select('agent_id',get_agents(), old('agent_id',$property->agent_id), ['class'=>'form-select',
                                'id'=>'agent_id','placeholder' => '---Select--']) }}

        @if($errors->has('agent_id'))
        <div class="error">{{ $errors->first('agent_id') }}</div>
        @endif
    </div>

    <hr>
    <h5 class="card-title">Amenities</h5>
    @include('admin.properties.edit.amenity')

    <div class="text-center">
        <button type="submit" class="btn btn-primary">Submit</button>
        <a class="btn btn-default" href="{{ route('admin-property.index') }}">Back</a>
    </div>
    </form><!-- End General Form Elements -->
    <!-- End General Form Elements -->
    </div>
    </div>
    </div>
    </div>
</section>
@endsection

@push('scripts_footer')
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.js"></script>
<script src="//cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
{{-- <script src="https://code.jquery.com/jquery-1.12.4.js"></script> --}}
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


{{--@include('admin.misc.scripts.dropzone_property_plane')
@include('admin.misc.scripts.dropzone_agent_image')--}}

{{--@include('admin.misc.scripts.dropzone_property_image')--}}

@include('admin.properties.edit.script')
@endpush