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

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

                        <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', get_categories(), old('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>

                        <div class="col-md-6" id="stay" style="display:none">
                            <label for="stay" 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>

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

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

                            {{ Form::select('area_id', get_areas(), old('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="name" class="form-label">Property Name</label>

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

                            @if($errors->has('name'))
                            <div class="error">{{ $errors->first('name') }}</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="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') }}">

                    @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="community_id" class="form-label">Community</label>

                    {{ Form::select('community_id', get_community(), old('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="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="price" class="form-label">Price in Dirham<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') }}">

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

            <div class="col-md-6">
                <label for="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') }}">

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

                @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') }}">

                @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') }}">

                @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') }}">

                @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">

                @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') }}">

                @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('google_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') }}">

            @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') }}">

            @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') }}">

        @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') }}">

        @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'), ['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') }}">

        @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 url link" name="property_video" id="property_video" class="form-control" value="{{ old('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" value="{!! old('description') !!}" style="height: 100px"></textarea>

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

    {{--<div class="row mb-3">
                                <label for="plane_details" class="col-sm-2 col-form-label">Plane Details</label>

                                <div class="col-sm-10">
                                    <textarea name="plane_details" class="form-control" value="{{ old('plane_details') }}" style="height: 100px"></textarea>

    @if($errors->has('plane_details'))
    <div class="error">{{ $errors->first('plane_details') }}</div>
    @endif
    </div>
    </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="form-label">Upload Gallery 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>

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

        {{ Form::select('agent_id', get_agents(), old('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.create.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>

{{-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> --}}

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

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

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