@extends('layout.appHomeNew')

@section('content')

<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">


<style type="text/css">
    #propertyOverview-container,
    #propertyLocationOverview-container,
    #ManagementTeamDescription-container,
    #propertyHighlights-container {
        height: 130px;
    }
</style>
<!-- Dashboard header -->
<section class="small-section breadcrumb-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="dashboard-topbar">
                    <h4 class="dashboard-title">
                        Create Real Estate
                    </h4>
                    @include('issuer.issuer_dash_submenu')
                </div>

            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</section>

<section class="section pt-4">
    <div class="container">

        <!-- Form -->
        <form class="dashform" id="property-create" action="{{route('propertyStore')}}" method="post"
            enctype="multipart/form-data" role="form">
            @csrf
            <input type="hidden" name="token_type" value="1">

            <!-- Create Property -->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Real Estate</h3>
                </div>
                <div class="col-lg-12">
                    <div class="dash-card light-border mb-4">
                        <div class="row">
                            <div class="col-lg-9 col-md-9 col-sm-12 col-12">
                                <div class="row">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="propertyName">@lang('admin.property.propertyname') <span
                                                class="text-danger">*</span></label>
                                        <input class="form-control" type="text" name="propertyName"
                                            value="{{old('propertyName')}}" required=""
                                            data-parsley-required-message="Please enter @lang('admin.property.propertyname')"
                                            id="propertyName"
                                            placeholder="@lang('admin.enter') @lang('admin.property.propertyname')"
                                            data-parsley-maxlength="200" maxlength="200">
                                    </div>

                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="propertyLocation">@lang('admin.property.propertylocation')</label>
                                        <input class="form-control" type="text" name="propertyLocation"
                                            value="{{old('propertyLocation')}}"
                                            data-parsley-required-message="Please enter @lang('admin.property.propertylocation')"
                                            id="propertyLocation"
                                            placeholder="@lang('admin.enter') @lang('admin.property.propertylocation')"
                                            data-parsley-maxlength="200" maxlength="200">
                                    </div>

                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="propertyType">@lang('admin.property.type') <span
                                                class="text-danger">*</span></label>
                                        <select class="form-control" name="propertyType" id="propertyType" required
                                            data-parsley-required-message="Please choose @lang('admin.property.type')">
                                            <option value="">Select</option>
                                            @foreach ($assetType as $value)
                                            <option value="{{ @$value->type }}">{{ @$value->type }}</option>
                                            @endforeach
                                        </select>
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <div class="row">
                                            <div class="col-12">
                                                <label for="property_state">Category <span
                                                        class="text-danger">*</span></label>
                                                <select class="form-control" name="property_category[]"
                                                    id="property_category" multiple="multiple">
                                                    @foreach ($catType as $catValue)
                                                    <option value="{{ @$catValue->id }}">{{ @$catValue->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12">
                                                <label id="cat_err_msg">Please Select The Category</label>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="property_state">Project Status <span
                                                class="text-danger">*</span></label>
                                        <select class="form-control" name="property_state" id="property_state" required
                                            data-parsley-required-message="Please select Project Status">
                                            <option value="">Select</option>
                                            <option value="live">Live</option>
                                            <option value="comingsoon">Coming Soon</option>
                                        </select>
                                    </div>

                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="totalDealSize">@lang('admin.totaldealsize') <span
                                                class="text-danger">*</span></label>
                                        <input class="form-control" type="number" name="totalDealSize"
                                            value="{{old('totalDealSize')}}" required data-parsley-type="digits"
                                            data-parsley-required-message="Please enter @lang('admin.totaldealsize')"
                                            id="totalDealSize" placeholder="@lang('admin.placeholders.total_deal_size')"
                                            min="0" max="999999999" step="any">
                                    </div>

                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="expectedIrr">Expected Annual Return <span
                                                class="text-danger">*</span></label>
                                        <input class="form-control" type="number" name="expectedIrr" id="expectedIrr"
                                            value="{{old('expectedIrr')}}" placeholder="Enter Expected Annual Return"
                                            min="0" required data-parsley-type="digits"
                                            data-parsley-required-message="Please Enter Expected Annual Return" min="0"
                                            max="100" step="any">
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="initialInvestment">@lang('admin.inputs.min_investment') <span
                                                class="text-danger">*</span></label>
                                        <input class="form-control" type="number" name="initialInvestment"
                                            value="{{old('initialInvestment')}}" required data-parsley-type="digits"
                                            data-parsley-required-message="Please enter @lang('admin.inputs.min_investment')"
                                            id="initialInvestment"
                                            placeholder="@lang('admin.placeholders.min_investment')" min="0"
                                            max="999999999" step="any">
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="holdingPeriod">Minimum Holding Period</label>
                                        <input class="form-control" type="number" name="holdingPeriod"
                                            value="{{old('holdingPeriod')}}" id="holdingPeriod"
                                            placeholder="Enter Minimum Holding Period" data-parsley-type="digits"
                                            min="0"
                                            data-parsley-required-message="Please enter @lang('admin.inputs.total_holding_period')"
                                            min="0" max="100" step="any">
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="total_sft">Total Sq Ft</label>
                                        <input class="form-control" type="number" name="total_sft"
                                            value="{{old('total_sft')}} data-parsley-type=" digits id="total_sft"
                                            placeholder="Enter Total Sq Ft" step="any" max="999999999">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label>@lang('admin.property.propertylogo') (777px X 240px, Aspect
                                    Ratio: 3.24) <i style="font-size:14px;cursor: pointer;" class="fa"
                                        data-toggle="tooltip" title="Only allows png/jpeg format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="propertyLogo"
                                    accept="image/png,image/jpeg"
                                    data-parsley-required-message="Please choose @lang('admin.property.propertylogo')"
                                    id="propertyLogo" placeholder="@lang('admin.placeholders.property_logo')">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Create Property -->

            <!-- Overview Details -->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Overview Details</h3>
                </div>
                <div class="col-lg-12">
                    <div class="dash-card light-border mb-4">
                        <div class="row">
                            <div class="col-lg-5 col-md-5 col-sm-12 col-12 mb-2">
                                <label for="propertyOverview">@lang('admin.inputs.detail_overview')<span
                                        class="text-danger">*</span></label>

                                <div id="propertyOverview-container"></div>
                                <textarea name="propertyOverview" id="propertyOverview" style="display:none"
                                    value=""></textarea>
                                <label id="propertyOverview_err" class="error">Please enter Property Details
                                    Overview</label>

                            </div>

                            <div class="col-lg-5 col-md-5 col-sm-12 col-12 mb-2">
                                <label for="propertyHighlights">Highlights</label>

                                <div id="propertyHighlights-container"></div>
                                <textarea name="propertyHighlights" id="propertyHighlights" style="display:none"
                                    value=""></textarea>
                                <label id="propertyHighlights_err" class="error">Please enter Highlights</label>

                            </div>

                            <div class="col-lg-2 col-md-2 col-sm-12 col-12 mb-2">
                                <label for="propertyVideo">Insert Video File</label>&nbsp;
                                <i style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip"
                                    title="Only allows mp4 and x-m4v format">&#xf05a;</i>
                                <input class="form-control" type="file" name="propertyVideo"
                                    data-parsley-required-message="Please upload video file"
                                    accept="video/mp4,video/x-m4v,video/*" id="propertyVideo"
                                    data-parsley-filemaxsize="10" data-parsley-trigger="change"
                                    data-parsley-filemimetypes="video/mp4, video/x-m4v">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Overview Details -->


            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Media</h3>
                </div>
            </div>
            <div class="dash-card light-border mb-4">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12">

                        <div id="divManagementMedia" data-id="0"></div>
                        <button type="button" class="btn btn-info mt-2" id="AddMedia">+ Add Media</button>
                    </div>
                </div>
            </div>



            <!-- Location Details -->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Location Details</h3>
                </div>
                <div class="col-lg-12">
                    <div class="dash-card light-border mb-4">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                                <label for="">@lang('admin.inputs.location_overview')</label>


                                <div id="propertyLocationOverview-container"></div>
                                <textarea name="propertyLocationOverview" id="propertyLocationOverview"
                                    style="display:none" value=""></textarea>
                                <label id="propertyLocationOverview_err" class="error">Please Enter Property Location
                                    Overview</label>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Location Details -->

            <!-- Compareables -->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Comparables</h3>
                </div>
                <div class="col-lg-12">
                    <div class="dash-card light-border mb-4">
                        <div class="row">
                            <div class="col-lg-9 col-md-9 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.inputs.property_address')</label>
                                <input class="form-control" type="text" name="comparables[1][property]" id="property_1"
                                    placeholder="@lang('admin.inputs.property_address')">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">Sale Date</label>
                                <input class="form-control" type="date" name="comparables[1][type]" id="type_1"
                                    placeholder="Sale Date">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">Location</label>
                                <input class="form-control" type="text" name="comparables[1][location]" id="location_1"
                                    placeholder="Location">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.inputs.yearofbuild')</label>
                                <input class="form-control" type="text" name="comparables[1][distance]" id="distance_1"
                                    placeholder="@lang('admin.inputs.yearofbuild')">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.inputs.total_sft')</label>
                                <input class="form-control" type="text" name="comparables[1][rent]" id="rent_1"
                                    placeholder="@lang('admin.inputs.total_sft')">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.inputs.price/sft')</label>
                                <input class="form-control" type="text" name="comparables[1][saleprice]"
                                    id="saleprice_1" placeholder="@lang('admin.inputs.price/sft')">
                            </div>



                            <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                <label>Map&nbsp;&nbsp;<i style="font-size:14px;cursor: pointer;" class="fa"
                                        data-toggle="tooltip" title="Only allows pdf format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="map" accept="application/pdf"
                                    id="propertyLogo" placeholder="Enter Property Logo">

                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                <label>Comparables Details&nbsp;&nbsp;<i style="font-size:14px;cursor: pointer;"
                                        class="fa" data-toggle="tooltip"
                                        title="Only allows pdf format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="comparabledetails"
                                    accept="application/pdf" id="propertyLogo" placeholder="Enter Property Logo">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Compareables -->

            <!-- Docs -->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Documents/Report</h3>
                </div>
                <div class="col-lg-12">
                    <div class="dash-card light-border mb-4">
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">
                                    <!-- @lang('admin.labels.investordos') -->
                                    Summary&nbsp;&nbsp;<i style="font-size:14px;cursor: pointer;" class="fa"
                                        data-toggle="tooltip" title="Only allows pdf format">&#xf05a;</i>
                                </label>
                                <input class="form-control" type="file" name="investor" value="{{old('investor')}}"
                                    accept="application/pdf" id="propertyInvestor"
                                    data-parsley-required-message="Please choose Summary document">

                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">Project Summary&nbsp;&nbsp;<i
                                        style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip"
                                        title="Only allows pdf format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="titlereport"
                                    value="{{old('titlereport')}}" accept="application/pdf" id="propertyTitlereport">

                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">Term Sheet&nbsp;&nbsp;<i
                                        style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip"
                                        title="Only allows pdf format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="termsheet" accept="application/pdf"
                                    id="termsheet">

                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">Prospectus (PPM)&nbsp;&nbsp;<i
                                        style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip"
                                        title="Only allows pdf format">&#xf05a;</i></label>
                                <input class="form-control" type="file" accept="application/pdf"
                                    name="propertyUpdatesDoc" id="propertyUpdatesDoc">

                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">Financials&nbsp;&nbsp;<i
                                        style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip"
                                        title="Only allows pdf format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="propertyUpdatesDoc4"
                                    accept="application/pdf" id="propertyUpdatesDoc4">

                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">Other Documents&nbsp;&nbsp;<i
                                        style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip"
                                        title="Only allows pdf format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="brochure" accept="application/pdf"
                                    id="brochure" data-parsley-required-message="Please choose Other Documents">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Docs -->

            <!-- Property Details -->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Property Details</h3>
                </div>
                <div class="col-lg-12">
                    <div class="dash-card light-border mb-4">
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12">
                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">

                                        <label>Show Property Details</label>
                                        <div class="input-group">
                                            <div class="inline-input">
                                                <input type="radio" name="show_property" value="yes"
                                                    id="show_property_1" checked />
                                                <label for="show_property_1" class="radio">Yes</label>
                                            </div>
                                            <div class="inline-input">
                                                <input type="radio" name="show_property" value="no"
                                                    id="show_property_2" />
                                                <label for="show_property_2" class="radio">No</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                                        <label for="" class="col-form-label">@lang('admin.inputs.locality')</label>
                                        <input class="form-control" type="text" name="locality" id="locality" value=""
                                            placeholder="@lang('admin.placeholders.locality')" maxlength="200"
                                            data-parsley-required-message="Please enter location">
                                        <span class="inputinfo">Select location from map, it will fill automatically
                                            with the latitude and longitude or enter manually</span>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                                        <label for="" class="col-form-label">@lang('admin.inputs.year_of_build')</label>
                                        <input class="form-control" type="number" name="yearOfConstruction"
                                            id="yearOfConstruction" value="{{old('yearOfConstruction')}}"
                                            placeholder="@lang('admin.placeholders.year_of_build')" min="0"
                                            data-parsley-required-message="Please enter Year of build">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-9 col-md-9 col-sm-12 col-12 mb-2">
                                <div id="map" style="width:100%; height:250px">
                                </div>
                                <div id="infowindow-content">
                                    <span id="place-name" class="title"></span><br />
                                    <span id="place-id"></span><br />
                                    <span id="place-address"></span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.inputs.storeys') </label>
                                <input class="form-control" type="number" name="storeys" id="storeys"
                                    placeholder="@lang('admin.placeholders.storeys')" min="0"
                                    data-parsley-required-message="Please enter Community">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.inputs.parking') </label>
                                <input class="form-control" type="number" name="propertyParking" id="propertyParking"
                                    placeholder="@lang('admin.placeholders.parking')"
                                    data-parsley-required-message="Please enter Number of Bedrooms">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">Number of Bathrooms </label>
                                <input class="form-control" type="number" name="floorforSale" id="floorforSale"
                                    placeholder="Number of Bathrooms" min="0"
                                    data-parsley-required-message="Please enter Number of Bathrooms">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.inputs.total_area')</label>
                                <input class="form-control" type="number" name="propertyTotalBuildingArea"
                                    id="propertyTotalBuildingArea" value="{{old('propertyTotalBuildingArea')}}"
                                    placeholder="@lang('admin.placeholders.total_area')" min="0"
                                    data-parsley-required-message="Please enter Total Area">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="hospitals">@lang('admin.property.hospitals')</label>
                                <input class="form-control" type="text" name="hospitals"
                                    data-parsley-required-message="Please enter @lang('admin.property.hospitals')"
                                    id="hospitals" placeholder="@lang('admin.property.hospitals')" maxlength="200">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="fire_services">@lang('admin.property.fire_services')</label>
                                <input class="form-control" type="text" name="fire_services" id="fire_services"
                                    placeholder="@lang('admin.property.fire_services')" maxlength="200">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="airport">@lang('admin.property.airport')</label>
                                <input type="text" class="form-control" type="text" name="airport"
                                    data-parsley-required-message="Please enter @lang('admin.property.airport')"
                                    id="airport" placeholder="@lang('admin.property.airport')" maxlength="200">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="industrial">@lang('admin.property.industrial')</label>
                                <input class="form-control" type="text" name="industrial" id="industrial"
                                    value="{{old('industrial')}}" placeholder="@lang('admin.property.industrial')"
                                    maxlength="200">
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.inputs.details_highlight')</label>
                                <textarea class="form-control" type="text" name="propertyDetailsHighlights"
                                    value="{{old('propertyDetailsHighlights')}}" id="propertyDetailsHighlights"
                                    placeholder="@lang('admin.placeholders.details_highlight')"
                                    data-parsley-required-message="Please enter Property Highlights"></textarea>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.placeholders.floorplan')&nbsp;&nbsp;<i
                                        style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip"
                                        title="Only allows pdf format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="floorplan" accept="application/pdf"
                                    id="propertyFloorPlan" data-parsley-required-message="Please enter Floor Plan">

                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for=""
                                    class="col-form-label">@lang('admin.placeholders.propertyimage')&nbsp;&nbsp;<i
                                        style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip"
                                        title="Only allows png/jpeg format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="propertyimages[]"
                                    accept="image/png,image/jpeg" id="propertyimages" multiple
                                    data-parsley-required-message="Please Upload Property Images">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Property Details -->

            <!-- Token Details -->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Token Details</h3>
                </div>
                <div class="col-lg-12">
                    <div class="dash-card light-border mb-4">
                        <div class="row">

                            <div class="col-lg-9 col-md-9 col-sm-12 col-12">
                                <div class="row">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="" class="col-form-label">@lang('admin.coin.tokenname')<span
                                                class="text-danger">*</span></label>
                                        <input class="form-control" type="text" name="token_name"
                                            value="{{old('token_name')}}" required id="tokenName"
                                            placeholder="@lang('admin.coin.tokenname')"
                                            data-parsley-required-message="Please enter Token Name">
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="" class="col-form-label">@lang('admin.coin.tokensymbol') <span
                                                class="text-danger">*</span><i style="font-size:14px;cursor: pointer;"
                                                class="fa" data-toggle="tooltip"
                                                title="Only 4 characters are allowed ">&#xf05a;</i></label>
                                        <input class="form-control" type="text" name="token_symbol"
                                            value="{{old('token_symbol')}}" required maxlength="4" id="tokenSymbol"
                                            placeholder="@lang('admin.coin.tokensymbol')"
                                            data-parsley-required-message="Please enter Token Symbol">
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="" class="col-form-label">@lang('admin.coin.tokenvalue') ({{
                                            Setting::get('default_currency') }}) <span
                                                class="text-danger">*</span></label>
                                        <input class="form-control" type="number" name="token_value"
                                            value="{{old('token_value')}}" required id="tokenValue"
                                            placeholder="@lang('admin.coin.tokenvalue')"
                                            data-parsley-required-message="Please enter Token Value">
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="tokenSupply" class="col-form-label">@lang('admin.coin.tokensupply')
                                            <span class="text-danger">*</span></label>
                                        <input class="form-control" type="number" name="token_supply"
                                            value="{{old('token_supply')}}" required id="tokenSupply"
                                            placeholder="@lang('admin.coin.tokensupply')"
                                            data-parsley-required-message="Please enter Supply">
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="tokenDecimal"
                                            class="col-form-label">@lang('admin.coin.tokendecimal') <span
                                                class="text-danger">*</span></label>
                                        <input class="form-control" type="text" name="token_decimal"
                                            value="{{old('token_decimal')}}" required id="tokenDecimal"
                                            placeholder="@lang('admin.coin.tokendecimal')"
                                            data-parsley-required-message="Please enter Token Decimal">
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-12 col-12 mb-2">
                                        <label for="tokentype">Token Standard<span>*</span></label>
                                        <div class="input-group">
                                            <div class="inline-input">
                                                <input type="radio" name="tokentype" value="ERC20" id="tokentype"
                                                    checked />
                                                <label for="tokentype" class="radio">ERC-20 Token</label>
                                            </div>

                                            <div class="inline-input">
                                                <input type="radio" name="" value="" disabled />
                                                <label for="tokentype" class="radio">ERC-721 Token</label>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-lg-6 col-md-6 col-sm-12 col-12 mb-2">
                                        <div class="input-group">
                                            <div class="inline-input tokens">
                                                <input type="checkbox" name="tokencheck[]" value="BNB" id="tokencheck1">
                                                <label for="tokencheck1" class="checkbox">
                                                    <span class="token">
                                                        <img src="{{ asset('assets_new/images/crypto/bnb-logo.png') }}">
                                                        BNB
                                                    </span>
                                                </label>
                                            </div>
                                            <div class="inline-input tokens">
                                                <input type="checkbox" name="tokencheck[]" value="EOS" id="tokencheck2">
                                                <label for="tokencheck2" class="checkbox">
                                                    <span class="token">
                                                        <img src="{{ asset('assets_new/images/crypto/eos-logo.png') }}">
                                                        EOS
                                                    </span>
                                                </label>
                                            </div>
                                            <div class="inline-input tokens">
                                                <input type="checkbox" name="tokencheck[]" value="XLM" id="tokencheck3">
                                                <label for="tokencheck3" class="checkbox">
                                                    <span class="token">
                                                        <img src="{{ asset('assets_new/images/crypto/xlm-logo.png') }}">
                                                        XLM
                                                    </span>
                                                </label>
                                            </div>
                                            <div class="inline-input tokens">
                                                <input type="checkbox" name="tokencheck[]" value="TRX" id="tokencheck4">
                                                <label for="tokencheck4" class="checkbox">
                                                    <span class="token">
                                                        <img src="{{ asset('assets_new/images/crypto/trx-logo.png') }}">
                                                        TRX
                                                    </span>
                                                </label>
                                            </div>
                                            <div class="inline-input tokens">
                                                <input type="checkbox" name="tokencheck[]" value="SLP" id="tokencheck5">
                                                <label for="tokencheck5" class="checkbox">
                                                    <span class="token">
                                                        <img src="{{ asset('assets_new/images/crypto/slp-logo.png') }}">
                                                        SLP
                                                    </span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>

                            <div class="col-lg-3 col-md-3 col-sm-12 col-12 mb-2">
                                <label for="" class="col-form-label">@lang('admin.coin.tokenimage') (110px X 110px,
                                    AR: 1)<span class="text-danger">*</span>&nbsp;&nbsp;<i
                                        style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip"
                                        title="Only allows png/jpeg format">&#xf05a;</i></label>
                                <input class="form-control" type="file" name="token_image" required id="tokenImage"
                                    accept="image/png,image/jpeg"
                                    data-parsley-required-message="Please upload Token Image">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Token Details -->

            <!-- Management -->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Management Team & Members</h3>
                </div>
                <div class="col-lg-12">
                    <div class="dash-card light-border mb-4">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-3">
                                <label for="" class="col-form-label">Management Team Description</label>

                                <div id="ManagementTeamDescription-container"></div>
                                <textarea name="ManagementTeamDescription" id="ManagementTeamDescription"
                                    style="display:none" value=""></textarea>
                                <label id="ManagementTeamDescription_err" class="error">Please Enter Management Team
                                    Description</label>

                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                                    <!-- <h3 class="tab-title">Add Member</h3> -->
                                    <button type="button" class="btn btn-info" id="AddMember">+ Add Member</button>
                                    <div id="divManagementMembers" data-id="0"></div>

                                    <!-- <div class="table-responsive">
                                        <table class="table-full table-dark table-responsive">
                                            <thead>
                                                <tr>
                                                    <th>Member Name</th>
                                                    <th>Member Position</th>
                                                    <th>Member Image</th>
                                                    <th>Member Description</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <input type="text" name="membername[]" class="form-control" />
                                                    </td>
                                                    <td>
                                                        <input type="text" name="memberposition[]"
                                                            class="form-control" />
                                                    </td>
                                                    <td>
                                                        <label for="memberimage1"
                                                            class="memberimageuploader">Upload</label>
                                                        <input type="file" name="memberimage[]" id="memberimage1"
                                                            hidden />
                                                    </td>
                                                    <td>
                                                        <input type="text" name="memberdesc[]" class="form-control" />
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn-action add"></button>
                                                        <button type="button" class="btn-action remove"
                                                            disabled></button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Management -->

            <!-- Updates -->
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="tab-title">Updates</h3>
                </div>
                <div class="col-lg-12">
                    <div class="dash-card light-border mb-4">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">

                                    <div id="updates" data-id="0"></div>
                                    <button type="button" class="btn btn-info" id="Addupdates">+ Add Updates</button>
                                    <!-- <div class="table-responsive">
                                        <table class="table-full table-dark">
                                            <thead>
                                                <tr>
                                                    <th width="25%">Update Date</th>
                                                    <th width="62%">Update Description</th>
                                                    <th width="13%">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <div class="input-group date">
                                                            <input type="text" name="updatedate"
                                                                class="form-control datepicker"
                                                                placeholder="DD-MM-YYYY">
                                                            <span class="input-group-append">
                                                                <span class="input-group-text bg-white d-block">
                                                                    <i class="fa fa-calendar"></i>
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <input type="text" name="updatedesc[]" class="form-control" />
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn-action addupdate"></button>
                                                        <button type="button" class="btn-action removeupdate"
                                                            disabled></button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Updates -->

            <div class="row">
                <div class="col-lg-12">
                    <button type="submit" class="btn-solid bg-green text-white">Create Token</button>
                </div>
            </div>
        </form>

    </div>
</section>

@endsection

@section('scripts-new')
<!-- <script>
    var map = L.map('map').setView([51.5, -0.9], 10);

    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 15,
        minZoom: 1,
        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
    }).addTo(map);

    var popup = L.popup();

    function onMapClick(e) {
        popup
            .setLatLng(e.latlng)
            .setContent("" + e.latlng.toString())
            .openOn(map);
        var ltlg = e.latlng.toString().replace("LatLng(", "");
        var ltlg = ltlg.replace(")", "");
        document.getElementById('locality').value = `${ltlg}`;
    }

    map.on('click', onMapClick)

</script> -->
<script>
    var marker;
    function initMap() {
        const map = new google.maps.Map(
            document.getElementById("map"),
            {
                center: { lat: 51.51045188624856, lng: -0.11810302734375 },
                zoom: 13,
            }
        );

        map.addListener("click", (e) => {
            placeMarkerAndPanTo(e.latLng, map);
        });

        const input = document.getElementById("locality");

        // Specify just the place data fields that you need.
        const autocomplete = new google.maps.places.Autocomplete(input, {
            fields: ["place_id", "geometry", "name", "formatted_address"],
        });

        autocomplete.bindTo("bounds", map);

        // map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

        const infowindow = new google.maps.InfoWindow();
        const infowindowContent = document.getElementById(
            "infowindow-content"
        );

        infowindow.setContent(infowindowContent);

        const geocoder = new google.maps.Geocoder();

        marker = new google.maps.Marker({ map: map });

        marker.addListener("click", () => {
            infowindow.open(map, marker);
        });

        autocomplete.addListener("place_changed", () => {
            infowindow.close();

            const place = autocomplete.getPlace();

            if (!place.place_id) {
                return;
            }

            geocoder
                .geocode({ placeId: place.place_id })
                .then(({ results }) => {
                    map.setZoom(11);
                    map.setCenter(results[0].geometry.location);

                    // Set the position of the marker using the place ID and location.
                    // @ts-ignore TODO This should be in @typings/googlemaps.
                    marker.setPlace({
                        placeId: place.place_id,
                        location: results[0].geometry.location,
                    });

                    marker.setVisible(true);

                    infowindowContent.children["place-name"].textContent = place.name;
                    infowindowContent.children["place-id"].textContent = place.place_id;
                    infowindowContent.children["place-address"].textContent =
                        results[0].formatted_address;

                    infowindow.open(map, marker);
                })
                .catch((e) => window.alert("Geocoder failed due to: " + e));
        });
    }


    function placeMarkerAndPanTo(latLng, map) { ///console.log('llllll ' + latLng);
        if (marker && marker.setMap) {
            marker.setMap(null);
        }
        marker = new google.maps.Marker({
            position: latLng,
            map: map,
        });
        map.panTo(latLng);


        const geocoder = new google.maps.Geocoder();
        const infowindow = new google.maps.InfoWindow();

        var ltln = String(latLng);
        var ltlnstr = ltln.replace("(", '').replace(")", '');

        const latlngStr = ltlnstr.split(",", 2);
        const latlng = {
            lat: parseFloat(latlngStr[0]),
            lng: parseFloat(latlngStr[1]),
        };

        geocoder
            .geocode({ location: latlng })
            .then((response) => {
                if (response.results[0]) {

                    infowindow.setContent(response.results[0].formatted_address);
                    infowindow.open(map, marker);

                    document.getElementById("locality").value = response.results[0].formatted_address;
                } else {
                    window.alert("No results found");
                }
            })
            .catch((e) => window.alert("Geocoder failed due to: " + e));
    }

    window.initMap = initMap;
</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC0pIWkafLIdpS_nsZTZI1uUHHTmy-Npk&libraries=places&callback=initMap"></script>

<script src="{{ asset('main/assets/js/validate.min.js') }}"></script>
<script src="{{ asset('main/assets/js/additional-method.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#property_category").select2({
            placeholder: "Select"
        });

        var n = 2;
        $("#add_comparables").click(function (e) {
            e.preventDefault();
            var html = '<div id="comparables_block_' + n + '" class="form-group row"><div class="form-group col-md-3"><label for="" class="col-form-label">Property Address</label><input class="form-control" type="text" name="comparables[' + n + '][property]" id="property_' + n + '" placeholder="Property Address"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Sale Date</label><input class="form-control" type="date" name="comparables[' + n + '][type]" id="type_' + n + '" placeholder="Sale Date"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Location</label><input class="form-control" type="text" name="comparables[' + n + '][location]" id="location_' + n + '" placeholder="Location"   data-parsley- -message="Please enter Location"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Year of Build</label><input class="form-control" type="number" name="comparables[' + n + '][distance]" accept="image/png,image/jpeg" id="distance_' + n + '" placeholder="Year of Build" min="0"   data-parsley- -message="Please enter Year of Build"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Total Sft</label><input class="form-control" type="number" name="comparables[' + n + '][rent]" id="rent_' + n + '" placeholder="Total Sft" min="0" step="any"   data-parsley- -message="Please enter Total SFT"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Sale Price</label><input class="form-control" type="number" name="comparables[' + n + '][saleprice]"  id="saleprice_' + n + '" placeholder="Sale Price" min="0" step="any"   data-parsley- -message="Please enter Sale Price"></div><div class="col-md-3"><div class="form-group"><label for="propertyLogo">Property Logo</label><input class="form-control" type="file" name="propertyVideo" accept="image/png,image/jpeg"   id="propertyLogo" placeholder="Enter Property Logo"   data-parsley- -message="Please upload Property Logo"></div></div><div class="col-md-3"><div class="form-group"><label for="propertyLogo">Map</label><input class="form-control" type="file" name="map" accept="application/pdf"   id="propertyLogo" placeholder="Enter Property Logo"   data-parsley- -message="Please choose Map"></div></div><div class="col-md-3"><div class="form-group"><label for="propertyLogo">Comparables Details</label><input class="form-control" type="file" name="comparabledetails" accept="application/pdf"  id="propertyLogo" placeholder="Enter Property Logo"   data-parsley- -message="Please upload Comparable Details"></div></div><div class="form-group col-md-3"><button type="button" class="btn btn-danger landmark_remove" id="landmark_remove_' + n + '" onclick="comparables_remove(' + n + ');" >X</button></div></div>';
            $("#comparables_section").append(html);
            n = n + 1;
        });

        $("#add_landmark").click(function (e) {
            e.preventDefault();
            var html = '<div id="landmark_block_' + n + '" class="form-group row"><div class="form-group col-md-3"><label for="" class="col-form-label">Landmark Name</label><input class="form-control" type="text" name="landmarks[' + n + '][landmarkName]" required id="landmarkName_' + n + '" placeholder="Enter landmark name"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Landmark Distance</label><input class="form-control" type="number" name="landmarks[' + n + '][landmarkDist]" required id="landmarkDist_' + n + '" placeholder="Enter landmark distance" min="0" step="any"></div><div class="form-group col-md-3"><button type="button" class="btn btn-danger landmark_remove" id="landmark_remove_' + n + '" onclick="landmark_remove(' + n + ');" >X</button></div></div>';
            $("#landmark_section").append(html);
            n = n + 1;
        });
    });
    function landmark_remove(n) {
        $("#landmark_block_" + n).remove();
    }


    function comparables_remove(n) {
        $("#comparables_block_" + n).remove();
    }

    $(document).ready(function () {
        addManagementMember(0);
        addManagementMedia(0);
        addUpdates(0);
    });

    $('#AddMedia').click(function (e) {
        var index = parseInt($('#divManagementMedia').attr('data-id'));
        addManagementMedia(index + 1);
    });
    function removeMedia(index) {
        $('#MediaBlock_' + index).remove();
    }

    function addManagementMedia(index) {
        var removeBtn = '<button type="button" class="btn btn-danger" style="margin-top: 34px;" onclick="removeMedia(' + index + ');"><i class="fa fa-trash" aria-hidden="true"></i></button>';
        var temp = '<div class="row" id="MediaBlock_' + index + '">' +
            '	<div class="col-md-3 form-group">' +
            '		<label for="" class="col-form-label">Media Image/Video &nbsp;<i style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip" title="Only allows png/jpeg/mp4 format">&#xf05a;</i> </label>' +
            '		<input class="form-control" type="file" name="media[' + index + '][pic]" id="MediaPic_' + index + '" accept="image/png,image/jpeg,video/mp4" placeholder="Upload Media Image/Video">' +
            '	</div>' +
            '	<div class="col-md-3 form-group">' +
            '		<label for="" class="col-form-label">Header</label>' +
            '		<input class="form-control" type="text" name="media[' + index + '][header]" id="HeaderName_' + index + '" placeholder="Enter Header">' +
            '	</div>' +
            '	<div class="col-md-2 form-group">' +
            '		<label for="" class="col-form-label">Media Link</label>' +
            '		<input class="form-control" type="text" name="media[' + index + '][link]"  id="LinkName_' + index + '" placeholder="Enter Member Link">' +
            '	</div>' +

            '	<div class="col-md-3 form-group">' +
            '		<label for="" class="col-form-label">Media Description</label>' +
            '		<input class="form-control" type="text" name="media[' + index + '][description]" id="MediaDescription_' + index + '" placeholder="Enter Description">' +
            '	</div>' +
            '	<div class="col-md-1 form-group">' +
            '       ' + ((index > 0) ? removeBtn : '') +
            '   </div>' +
            '</div>';
        $('#divManagementMedia').attr('data-id', index).append(temp);
    }




    $('#AddMember').click(function (e) {
        var index = parseInt($('#divManagementMembers').attr('data-id'));
        addManagementMember(index + 1);
    });

    function removeMember(index) {
        $('#MemberBlock_' + index).remove();
    }

    function addManagementMember(index) {
        var removeBtn = '<button type="button" class="btn btn-danger" style="margin-top: 34px;" onclick="removeMember(' + index + ');"><i class="fa fa-trash" aria-hidden="true"></i></button>';
        var temp = '<div class="row" id="MemberBlock_' + index + '">' +
            '	<div class="col-md-3 form-group">' +
            '		<label for="" class="col-form-label">Member Name</label>' +
            '		<input class="form-control" type="text" name="member[' + index + '][name]"  id="MemberName_' + index + '" placeholder="Enter Member Name" >' +
            '	</div>' +
            '	<div class="col-md-2 form-group">' +
            '		<label for="" class="col-form-label">Member Position</label>' +
            '		<input class="form-control" type="text" name="member[' + index + '][position]"  id="MemberPosition_' + index + '" placeholder="Enter Member Position" >' +
            '	</div>' +
            '	<div class="col-md-3 form-group">' +
            '		<label for="" class="col-form-label">Member Image&nbsp;&nbsp;<i style="font-size:14px;cursor: pointer;" class="fa" data-toggle="tooltip" title="Only allows png/jpeg format">&#xf05a;</i> (245x230 px)</label>' +
            '		<input class="form-control" type="file" name="member[' + index + '][pic]"  id="MemberPic_' + index + '" accept="image/png,image/jpeg" placeholder="Select Member Picture" >' +
            '	</div>' +
            '	<div class="col-md-3 form-group">' +
            '		<label for="" class="col-form-label">Member Description</label>' +
            '		<input class="form-control" type="text" name="member[' + index + '][description]"  id="MemberDescription_' + index + '" placeholder="Enter Description" >' +
            '	</div>' +
            '	<div class="col-md-1 form-group">' +
            '       ' + ((index > 0) ? removeBtn : '') +
            '   </div>' +
            '</div>';
        $('#divManagementMembers').attr('data-id', index).append(temp);
    }

    $("#Addupdates").on("click", function () {
        var index = parseInt($('#updates').attr('data-id'));
        addUpdates(index + 1);
    });

    function removeUpdates(index) {
        $('#updates_' + index).remove();
    }

    function addUpdates(index) {
        var removeBtn = '<button type="button" class="btn btn-danger" style="margin-top: 34px;" onclick="removeUpdates(' + index + ');"><i class="fa fa-trash" aria-hidden="true"></i></button>';
        var temp = '<div class="row" id="updates_' + index + '">' +
            '<div class="col-md-3">' +
            '<div class="form-group">' +
            '<label for="" class="col-form-label">Update Date</label>' +
            '<input class="form-control" type="date" name="updates[' + index + '][date]" id="date" placeholder="Date" >' +
            '</div>' +
            '</div>' +
            '<div class="col-md-3">' +
            '<div class="form-group">' +
            '<label for="" class="col-form-label">Update Description</label>' +
            '<input class="form-control" type="text" name="updates[' + index + '][description]" id="date" placeholder="Please enter Description" >' +
            '</div>' +
            '</div>' +
            '<div class="col-md-1">' +
            '' + ((index > 0) ? removeBtn : '') +
            '<div>' +
            '<div>';
        $("#updates").attr('data-id', index).append(temp);
    }
</script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
<!-- <script>
    $(document).ready(function () {
        $("input[type=text], input[type=radio], input[type=file], textarea, select, input[type=number]").blur(function () {
            if ($(this).val() != "") {
                Cookies.set('token_' + $(this).attr('name'), $(this).val(), { expires: 1 });
                console.log($(this).val());
                console.log($(this).attr('name'));
            }
        });

        $("input[type=text], textarea, select, input[type=radio],  input[type=number]").each(function () {

            var cookval = Cookies.get('token_' + $(this).attr('name'));
            if ($(this).attr('type') == "radio") {
                var inpname = $(this).attr('name');
                $("input[name=" + inpname + "][value=" + cookval + "]").prop("checked", true);
            } else {
                $(this).val(cookval);
            }


        });
    });

</script> -->
<script src="{{ asset('/js/parsley.js')}}"></script>
<script type="text/javascript">
    $(function () {
        $('#propertyOverview_err').hide();
        $('#propertyLocationOverview_err').hide();
        $('#ManagementTeamDescription_err').hide();
        $('#propertyHighlights_err').hide();
        $('#cat_err_msg').hide();

        $('#property-create').on('submit', function () {
            editorValidity();
        });

        $('#property-create').parsley().on('field:validated', function () {
            var ok = $('.parsley-error').length === 0;
            if (ok != false) {

                var ttres = editorValidity();
                if (ttres == 1) { $("#property-create").submit(); }
                else { return false; }

                //$("#property-create").submit();
            }
        })
            .on('form:submit', function () {
                return false; // Don't submit form for this demo
            });
    });
</script>
<script>
    var quill_1 = new Quill('#propertyOverview-container', {
        placeholder: 'Enter Property Details Overview',
        theme: 'snow'
    });
    var quill_2 = new Quill('#propertyLocationOverview-container', {
        placeholder: 'Enter Property Location Overview',
        theme: 'snow'
    });
    var quill_3 = new Quill('#ManagementTeamDescription-container', {
        placeholder: 'Enter Management Team Description',
        theme: 'snow'
    });
    var quill_4 = new Quill('#propertyHighlights-container', {
        placeholder: 'Enter Highlights',
        theme: 'snow'
    });

    function editorValidity() {
        var tt = 1;
        $('#propertyOverview_err').hide();
        $('#propertyLocationOverview_err').hide();
        $('#ManagementTeamDescription_err').hide();
        $('#propertyHighlights_err').hide();

        $('#cat_err_msg').hide();
        var cat_val = $('#property_category').val();
        if (cat_val == '') {
            tt = 0;
            $('#property_category').select2('open');
            $('#cat_err_msg').show();
        }

        var propertyOverview_txt = quill_1.getText();
        propertyOverview_txt = propertyOverview_txt.replace(/\n$/, '');
        if (propertyOverview_txt == '') {
            console.log('1 emp');
            tt = 0;
            quill_1.focus();
            window.scrollTo(0, 200);
            $('#propertyOverview_err').show();
            $("#propertyOverview").val("");
        }
        else {
            $("#propertyOverview").val($("#propertyOverview-container .ql-editor").html());
        }

        var propertyLocationOverview_txt = quill_2.getText();
        propertyLocationOverview_txt = propertyLocationOverview_txt.replace(/\n$/, '');
        if (propertyLocationOverview_txt == '') {
            $("#propertyLocationOverview").val("");
        }
        else {
            $("#propertyLocationOverview").val($("#propertyLocationOverview-container .ql-editor").html());
        }

        var ManagementTeamDescription_txt = quill_3.getText();
        ManagementTeamDescription_txt = ManagementTeamDescription_txt.replace(/\n$/, '');
        if (ManagementTeamDescription_txt == '') {
            $("#ManagementTeamDescription").val("");
        }
        else {
            $("#ManagementTeamDescription").val($("#ManagementTeamDescription-container .ql-editor").html());
        }

        var propertyHighlights_txt = quill_4.getText();
        propertyHighlights_txt = propertyHighlights_txt.replace(/\n$/, '');
        if (propertyHighlights_txt == '') {
            $("#propertyHighlights").val("");
        }
        else {
            $("#propertyHighlights").val($("#propertyHighlights-container .ql-editor").html());
        }

        return tt;
    }

</script>
@endsection