@extends('layout.appHome')

@section('content')

<link rel='stylesheet' href="{{asset('assets/css/dataTables.bootstrap5.min.css')}}" type='text/css' media='all' />
<link rel='stylesheet' href="{{asset('assets/css/dashboard.css')}}" type='text/css' media='all' />

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" />

<style type="text/css">
#propertyOverview-container,
#propertyLocationOverview-container,
#ManagementTeamDescription-container,
#propertyHighlights-container {
    height: 130px;
}
#cat_err_msg, .error{
    color: red !important;
    font-size: 12px !important;
}
ul.parsley-errors-list{
    list-style: none;
    padding-left: 0px;
    color: red !important;
    font-size: 12px !important;
}
.impact_field_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 10px;
    box-shadow: 1px 1px 20px #ddd;
    margin-bottom: 18px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
</style>


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


<!-- Dashboard header -->

<section class="section buynow-banner"></section>


<section class="section bg-white">
    <div class="container">

        <div class="row">

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="header-bar">
                    <div class="title">
                        <h2>Create Debt & Real Estate</h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">

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

                    <div class="ucard p-3">

                        <!-- Create Property -->
                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Debt & Real Estate</span>
                                </div>
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="propertyName">@lang('admin.property.propertyname') <span>*</span></label>
                                <input class="form-control" type="text" name="propertyName" id="propertyName"
                                       value="{{old('propertyName')}}" required=""
                                       data-parsley-required-message="Please enter @lang('admin.property.propertyname')"
                                       placeholder="@lang('admin.enter') @lang('admin.property.propertyname')"
                                       data-parsley-maxlength="200" maxlength="200">
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="issuerName">Issuer Name <span>*</span></label>
                                <input class="form-control" type="text" name="issuerName" id="issuerName"
                                       value="{{old('issuerName')}}" required=""
                                       data-parsley-required-message="Please enter Issuer Name"
                                       placeholder="Enter Issuer Name"
                                       data-parsley-maxlength="190" maxlength="190">
                            </div>

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


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


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12 mb-3">
                                <div class="row">
                                    <div class="col-12">
                                        <label for="property_state">Category <span >*</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-3 col-md-6 col-sm-6 col-12">
                                <label for="property_state">Project Status <span >*</span></label>
                                <select class="form-control" name="property_state" id="property_state" required>
                                    <option value="">Select</option>
                                    <option value="live">Live</option>
                                    <option value="comingsoon">Coming Soon</option>
                                </select>
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="totalDealSize">Issue Size <span >*</span></label>
                                <input class="form-control" type="number" name="totalDealSize" required
                                       id="totalDealSize" value="{{old('totalDealSize')}}" placeholder="Issue Size" min="0" step="any">
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="expectedIrr">Fixed Annual Return <span>*</span></label>
                                <input class="form-control" type="number" name="expectedIrr" required id="expectedIrr" value="{{old('expectedIrr')}}"
                                       placeholder="Enter Fixed Annual Return" data-parsley-required-message="Please Enter Fixed Annual Return"  min="0" step="any">
                            </div>




                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="initialInvestment">@lang('admin.inputs.min_investment') <span>*</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-3 col-md-6 col-sm-6 col-12">
                                <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-3 col-md-6 col-sm-6 col-12">
                                <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 class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="investment_sector">Investment Sector <span>*</span></label>
                                <input class="form-control" type="text" name="investment_sector" id="investment_sector"
                                       value="{{old('investment_sector')}}" required
                                       data-parsley-required-message="Please enter Investment Sector"
                                       placeholder="@lang('admin.enter') Investment Sector" data-parsley-maxlength="190" maxlength="190">
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="geographical_sector">Geographical Sector <span>*</span></label>
                                <select name="geographical_sector"  id="geographical_sector" class="form-control" required data-parsley-required-message="Please choose Geographical Sector" >
                                    <option value="">Select Country</option>
                                    @foreach($countries as $value)
                                        <option value="{{$value->id}}">{{$value->countryname}}</option>
                                    @endforeach
                                </select>
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="project_company">Project Company <span>*</span></label>
                                <input class="form-control" type="text" name="project_company" id="project_company"
                                       value="{{old('project_company')}}" required
                                       data-parsley-required-message="Please enter Project Company"
                                       placeholder="@lang('admin.enter') Project Company" data-parsley-maxlength="190" maxlength="190">
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="contact_person">Contact Person <span>*</span></label>
                                <input class="form-control" type="text" name="contact_person" id="contact_person"
                                       value="{{old('contact_person')}}" required
                                       data-parsley-required-message="Please enter Contact Person"
                                       placeholder="@lang('admin.enter') Contact Person" data-parsley-maxlength="190" maxlength="190">
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="phone">Phone <span>*</span></label>
                                <input class="form-control" type="number" name="phone" id="phone" value="{{old('phone')}}" required
                                       data-parsley-required-message="Please enter Phone"
                                       placeholder="@lang('admin.enter') Phone" data-parsley-maxlength="20" maxlength="20">
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="email">Email <span>*</span></label>
                                <input class="form-control" type="email" name="email" id="email" value="{{old('email')}}" required
                                       data-parsley-required-message="Please enter Email"
                                       placeholder="@lang('admin.enter') Email" >
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="address">Address <span>*</span></label>
                                <input class="form-control" type="text" name="address" id="address"
                                       value="{{old('address')}}" required
                                       data-parsley-required-message="Please enter Address"
                                       placeholder="@lang('admin.enter') Address" data-parsley-maxlength="190" maxlength="190">
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="" class="">Issue Date <span>*</span></label>
                                <input class="form-control" type="date" name="issue_date" id="issue_date" placeholder="Issue Date" required
                                       data-parsley-required-message="Please enter Issue Date" />
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="propertyType">Term (Years) <span>*</span></label>
                                <select class="form-control" name="terms" id="terms" required
                                        data-parsley-required-message="Please choose Term (Years)">
                                    <option value="">Select</option>
                                    @for ($i=1; $i<=30; $i++)
                                        <option value="{{ $i }}">{{ $i }}</option>
                                    @endfor
                                </select>
                            </div>



                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Project Logo (Home Page) <span class="tip tinfo black" data-bs-toggle="tooltip" title="360px X 180px, Aspect Ratio: 3.24. Only allows png/jpeg format"></span></label>

                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="propertyLogoSmall">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>

                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>

                                        <input type="file" name="propertyLogoSmall" id="propertyLogoSmall" accept="image/png,image/jpeg" />
                                    </label>
                                </div>
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Project Logo (Landing Card) <span class="tip tinfo black" data-bs-toggle="tooltip" title="350px X 200px, Aspect Ratio: 3.24. Only allows png/jpeg format"></span></label>

                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="propertyLogoOfferwall">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>

                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>

                                        <input type="file" name="propertyLogoOfferwall" id="propertyLogoOfferwall" accept="image/png,image/jpeg" />
                                    </label>
                                </div>
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Project Logo (Offerwall Page) <span class="tip tinfo black" data-bs-toggle="tooltip" title="1016px X 500px, Aspect Ratio: 3.24. Only allows png/jpeg format"></span></label>

                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="propertyLogo">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>

                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>

                                        <input type="file" name="propertyLogo" id="propertyLogo" accept="image/png,image/jpeg" />
                                    </label>
                                </div>
                            </div>


                        </div>
                        <!-- Create Property -->


                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Impact Details</span>
                                </div>
                            </div>

                            @php 

                            $impact_label_group = array(
                                "No Poverty", "Zero Hunger", "Good Health And Well-Being", "Quality Education", "Gender Equality",
                                "Clean Water And Sanitation", "Affordable and Clean Energy", "Decent Work And Economic Growth", "Industry, Innovation And Infrastructure", "Reduced Inequalities",
                                "Sustainable Cities And Communities", "Responsible Consumption And Production", "Climate Action", "Life Below Water", "Life On Land",
                                "Peace, Justice And Strong Institutions", "Partnership For The Goals"
                            );


                            $graph_color_set = array(
                                '#eb1c2d', '#d3a029', '#279b48', '#c31f33', '#ef402b', 
                                '#00aed9', '#fdb713', '#8f1838', '#f36d25', '#e11484', 
                                '#f99d26', '#cf8d2a', '#48773e', '#007dbc', '#3eb049',  
                                '#02558b', '#183668' 
                            );


                            for ( $g=1; $g < 18; $g++) {
                            @endphp

 
                            <div class="col-md-12">

                                <div class="impact_field_block row">

                            
                                 <input type="hidden" name="scoreLabel_{{$g}}" id="scoreLabel_{{$g}}" value="{{$impact_label_group[$g-1]}}" />

                                    <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                                        <div class="form-control lbName" type="text"  style="color: #fff; font-weight:700; background-color: {{$graph_color_set[$g-1]}}" >
                                            {{$impact_label_group[$g-1]}}
                                        </div>
                                    </div>


                                    <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                                        
                                        <input class="form-control scoreVal" type="number" name="scoreValue_{{$g}}" id="scoreValue_{{$g}}"
                                            value="" 
                                            data-parsley-required-message="Value of {{$impact_label_group[$g-1]}}"
                                            placeholder="Value of {{$impact_label_group[$g-1]}}" min="1"  step=1 autocomplete="off" />
                                    </div>


                                    <div class="col-lg-12">
                                        <div class="media-fields">
                                            <div class="row">
                                                
                                                <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                                    <div class="row">

                                                        <div class="col-12"> 
                                                            <label for="impactHeader_{{$g}}">Header</label> 
                                                            <input class="form-control" type="text" name="impactHeader_{{$g}}" id="impactHeader_{{$g}}" placeholder="Enter Header">
                                                        </div>

                                                        <div class="col-12">
                                                            <label for="impactLink_{{$g}}">Link</label> 
                                                            <input class="form-control" type="text" name="impactLink_{{$g}}" id="impactLink_{{$g}}" placeholder="Enter Link">
                                                        </div>

                                                    </div>
                                                </div>

                                                <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                                                    <div class="row">
                                                        <div class="col-lg-12 col-md-12 col-sm-12 col-12"> 
                                                            <label for="impactDescription_{{$g}}">Description</label>
                                                            <textarea rows="5" class="form-control" name="impactDescription_{{$g}}" id="impactDescription_{{$g}}" placeholder="Enter Description"></textarea>
                                                        </div>

                                                        <div class="col-lg-12 col-md-6 col-sm-12 col-12"> </div>
                                                    </div>
                                                </div>

                                                <div class="col-lg-4 col-md-6 col-sm-12 col-12 ">
                                                    <label>Image/Video <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows png/jpeg/mp4 format"></span></label>
                                                    
                                                    <div class="ufileuploader"> 

                                                        <label class="uploader-bar edit" for="impactImageVideo_{{$g}}">
                                                            <div class="icon">
                                                                <img src="{{asset('/assets/images/icons/upload.png')}}">
                                                            </div>
                                                            
                                                            <div class="upload-info">
                                                                <div class="text filecount">
                                                                    <span>Browse</span> your files
                                                                </div>
                                                                <div class="text">WxH: 337x209 px, Aspect ratio 3:24</div>
                                                            </div> 
                                                            
                                                            <input type="file" name="impactImageVideo_{{$g}}" id="impactImageVideo_{{$g}}" accept="image/png,image/jpeg,video/mp4">
                                                        </label>

                                                        <div class="uploadedfileviewer">
                                                            <div class="fileview" data-text="No file found"></div>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                </div>

                            </div>
                           

                            @php 
                            }
                            @endphp
                            

                            <div class="col-md-12">

                                <div class="impact_field_block">

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label for="carbonScore">Carbon Score</label>
                                        <input class="form-control scoreVal" type="number" name="carbonScore" id="carbonScore"
                                            value="" 
                                            data-parsley-required-message="Please enter Carbon Score"
                                            placeholder="Value of Carbon Score" min="1" step="1" autocomplete="off" />
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label for="esgScore">ESG Score</label>
                                        <input class="form-control scoreVal" type="number" name="esgScore" id="esgScore"
                                            value="" 
                                            data-parsley-required-message="Please enter ESG Score"
                                            placeholder="Value of ESG Score" min="1" step="1" autocomplete="off" />
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label for="coBenefits">Circular Economy</label>
                                        <input class="form-control scoreVal" type="number" name="coBenefits" id="coBenefits"
                                            value="" 
                                            data-parsley-required-message="Please enter Circular Economy"
                                            placeholder="Value of Circular Economy" min="1" step="1" autocomplete="off" />
                                    </div>

                                </div>

                            </div>



                            <div class="col-md-12">

                                <div class="impact_field_block">

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label for="header1">Header Text 1</label>
                                        <input class="form-control" type="text" name="header1" id="header1" value="" 
                                            data-parsley-required-message="Please enter Header Text 1"
                                            placeholder="Enter Header Text 1" autocomplete="off" />
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label for="value1">Value 1</label>
                                        <input class="form-control" type="number" min="0" step="any" name="value1" id="value1" value="" 
                                            data-parsley-required-message="Please enter Value 1"
                                            placeholder="Enter Value 1" autocomplete="off" />
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label>Icon 1 <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows transparent png/jpeg format"></span></label>
                                        <div class="ufileuploader">
                                            <label class="uploader-bar" for="icon1">
                                                <div class="icon">
                                                    <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                                </div>
                                                <div class="upload-info">
                                                    <div class="text filecount"><span>Browse</span> your files, Min WxH: 28x28 px, Aspect Ratio 1:1</div>
                                                </div>
                                                <input type="file" name="icon1" id="icon1" accept="image/png,image/jpeg" />
                                            </label>
                                        </div>
                                    </div>

                                </div>

                            </div>


                            <div class="col-md-12">

                                <div class="impact_field_block">

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label for="header2">Header Text 2</label>
                                        <input class="form-control" type="text" name="header2" id="header2" value="" 
                                            data-parsley-required-message="Please enter Header Text 2"
                                            placeholder="Enter Header Text 2" autocomplete="off" />
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label for="value2">Value 2</label>
                                        <input class="form-control" type="number" min="0" step="any" name="value2" id="value2" value="" 
                                            data-parsley-required-message="Please enter Value 2"
                                            placeholder="Enter Value 2" autocomplete="off" />
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label>Icon 2 <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows transparent png/jpeg format"></span></label>
                                        <div class="ufileuploader">
                                            <label class="uploader-bar" for="icon2">
                                                <div class="icon">
                                                    <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                                </div>
                                                <div class="upload-info">
                                                    <div class="text filecount"><span>Browse</span> your files, Min WxH: 28x28 px, Aspect Ratio 1:1</div>
                                                </div>
                                                <input type="file" name="icon2" id="icon2" accept="image/png,image/jpeg" />
                                            </label>
                                        </div>
                                    </div>

                                </div>

                            </div>


                            <div class="col-md-12">

                                <div class="impact_field_block">

                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label for="header3">Header Text 3</label>
                                        <input class="form-control" type="text" name="header3" id="header3" value="" 
                                            data-parsley-required-message="Please enter Header Text 3"
                                            placeholder="Enter Header Text 3" autocomplete="off" />
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label for="value3">Value ($) 3</label>
                                        <input class="form-control" type="number" min="0" step="any" name="value3" id="value3" value="" 
                                            data-parsley-required-message="Please enter Value 3"
                                            placeholder="Enter Value ($) 3" autocomplete="off" />
                                    </div>


                                    <div class="col-lg-4 col-md-4 col-sm-4 col-12">
                                        <label>Icon 3 <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows transparent png/jpeg format"></span></label>
                                        <div class="ufileuploader">
                                            <label class="uploader-bar" for="icon3">
                                                <div class="icon">
                                                    <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                                </div>
                                                <div class="upload-info">
                                                    <div class="text filecount"><span>Browse</span> your files, Min WxH: 28x28 px, Aspect Ratio 1:1</div>
                                                </div>
                                                <input type="file" name="icon3" id="icon3" accept="image/png,image/jpeg" />
                                            </label>
                                        </div>
                                    </div>

                                </div>

                            </div>

                        </div>





                        <!-- Overview Details -->
                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Overview Details</span>
                                </div>
                            </div>


                            <div class="col-lg-5 col-md-5 col-sm-12 col-12 mb-2">
                                <label for="propertyOverview">Property Details Overview <span >*</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">Fund 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 Fund Highlights</label>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                                <label>Insert Video File <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows mp4 and x-m4v format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="propertyVideo">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>
                                        <input type="file" name="propertyVideo" id="propertyVideo" accept="video/mp4,video/x-m4v,video/*" />
                                    </label>
                                </div>
                            </div>

                        </div>



                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Media</span>
                                </div>
                            </div>


                            <div id="divManagementMedia" data-id="0"></div>

                            <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                <button type="button" class="btn btn-addmore mt-4" id="AddMedia">Add Media</button>
                            </div>

                        </div>







                        <!-- Location Details -->
                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Location Details</span>
                                </div>
                            </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 mb-4">

                        <div class="col-lg-12">
                            <div class="form-header">
                                <span class="title">Comparables</span>
                            </div>
                        </div>


                        <div class="col-lg-9 col-md-9 col-sm-12 col-12 mb-2">
                            <label for="" class="">@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="">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-6 col-sm-6 col-12">
                            <label for="" class="">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-6 col-sm-6 col-12">
                            <label for="" class="">@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-6 col-sm-6 col-12">
                            <label for="" class="">@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-6 col-sm-6 col-12">
                            <label for="" class="">@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-3 col-md-6 col-sm-6 col-12">
                            <label>Map <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows pdf format"></span></label>
                            <div class="ufileuploader">
                                <label class="uploader-bar" for="propertyLogo_map">
                                    <div class="icon">
                                        <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                    </div>
                                    <div class="upload-info">
                                        <div class="text filecount"><span>Browse</span> your files</div>
                                    </div>
                                    <input type="file" name="map" id="propertyLogo_map" accept="application/pdf" />
                                </label>
                            </div>
                        </div>


                        <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                            <label>Comparables Details <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows pdf format"></span></label>
                            <div class="ufileuploader">
                                <label class="uploader-bar" for="comparabledetails">
                                    <div class="icon">
                                        <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                    </div>
                                    <div class="upload-info">
                                        <div class="text filecount"><span>Browse</span> your files</div>
                                    </div>
                                    <input type="file" name="comparabledetails" id="comparabledetails" accept="application/pdf" />
                                </label>
                            </div>
                        </div>


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


                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Documents/ Reports</span>
                                </div>
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Summary <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows pdf format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="investor">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>
                                        <input type="file" name="investor" id="investor" accept="application/pdf" />
                                    </label>
                                </div>
                            </div>




                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Project Summary <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows pdf format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="titlereport">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>
                                        <input type="file" name="titlereport" id="titlereport" accept="application/pdf" />
                                    </label>
                                </div>
                            </div>



                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Term Sheet <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows pdf format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="termsheet">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>
                                        <input type="file" name="termsheet" id="termsheet" accept="application/pdf" />
                                    </label>
                                </div>
                            </div>



                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Prospectus (PPM) <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows pdf format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="propertyUpdatesDoc">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>
                                        <input type="file" name="propertyUpdatesDoc" id="propertyUpdatesDoc" accept="application/pdf" />
                                    </label>
                                </div>
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Financials <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows pdf format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="propertyUpdatesDoc4">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>
                                        <input type="file" name="propertyUpdatesDoc4" id="propertyUpdatesDoc4" accept="application/pdf" />
                                    </label>
                                </div>
                            </div>



                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Other Documents <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows pdf format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="brochure">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>
                                        <input type="file" name="brochure" id="brochure" accept="application/pdf" />
                                    </label>
                                </div>
                            </div>


                        </div>




                        <!-- Property Details -->
<!--
                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Property Details</span>

                                    <div class="switchbox">
                                        <span class="labelfor">Show Property Details</span>

                                        <label class="switch">
                                            <input type="checkbox" checked>
                                            <span class="slider round"></span>
                                            <span class="options right">Yes</span>
                                            <span class="options left">No</span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                        </div>

-->

                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Property Details</span>
                                </div>
                            </div>


                            <div class="col-lg-12">
                                <div class="mapwrap">
                                    <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>



                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">

                                <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-3 col-md-6 col-sm-6 col-12">
                                <label for="" class="">@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-3 col-md-6 col-sm-6 col-12">
                                <label for="" class="">@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 class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label for="" class="">@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-6 col-sm-6 col-12">
                                <label for="" class="">@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-6 col-sm-6 col-12">
                                <label for="" class="">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-6 col-sm-6 col-12">
                                <label for="" class="">@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-6 col-sm-6 col-12">
                                <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-6 col-sm-6 col-12">
                                <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-6 col-sm-6 col-12">
                                <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-6 col-sm-6 col-12">
                                <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-3 col-md-6 col-sm-6 col-12">
                                <label for="" class="">@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-6 col-sm-6 col-12">
                                <label>@lang('admin.placeholders.floorplan') <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows pdf format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="floorplan">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>
                                        <input type="file" name="floorplan" id="floorplan" accept="application/pdf" />
                                    </label>
                                </div>
                            </div>

{{--
                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <label>Image <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows png/jpeg format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="propertyimages">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>
                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>
                                        <input type="file" name="propertyimages[]" id="propertyimages" accept="image/png,image/jpeg" />
                                    </label>
                                </div>
                            </div>
--}}
                            
                    </div>
                    <!-- Property Details -->



                        <!-- Token Details -->
                        <div class="row mb-4">
                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Token Details</span>
                                </div>
                            </div>



                            <div class="col-lg-3 col-md-6 col-sm-12 col-12">
                                <label for="" class="">@lang('admin.coin.tokenname') <span>*</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-3 col-md-6 col-sm-12 col-12">
                                <label for="" class="">@lang('admin.coin.tokensymbol') <span >*</span> <span class="tip tinfo black"  data-bs-toggle="tooltip" title="Only 4 characters are allowed"></span></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-3 col-md-6 col-sm-12 col-12">
                                <label for="" class="">@lang('admin.coin.tokenvalue') ({{Setting::get('default_currency') }}) <span>*</span></label>
                                <input class="form-control" type="number" name="token_value" value="{{old('token_value')}}" step='0.01' pattern="\d{1,10}(?:\.\d{1,2})?$"  required id="tokenValue" placeholder="@lang('admin.coin.tokenvalue')" data-parsley-required-message="Please enter Token Value">
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-12 col-12">
                                <label for="" class="">@lang('admin.coin.tokensupply') <span >*</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-3 col-md-6 col-sm-12 col-12 mb-2">
                                <label for="" >@lang('admin.coin.tokendecimal') <span >*</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" maxlength="2" />
                            </div>


                            <div class="col-lg-3 col-md-6 col-sm-6 col-12 ">
                                <label>@lang('admin.coin.tokenimage') <span >*</span> <span class="tip tinfo black" data-bs-toggle="tooltip" title="110pxX110px, AR: 1. Only allows png/jpeg format"></span></label>
                                <div class="ufileuploader">
                                    <label class="uploader-bar" for="token_image">
                                        <div class="icon">
                                            <img src="{{asset('/assets/images/icons/upload.png')}}" />
                                        </div>

                                        <div class="upload-info">
                                            <div class="text filecount"><span>Browse</span> your files</div>
                                        </div>

                                        <input type="file" name="token_image" id="token_image" accept="image/png,image/jpeg" required data-parsley-required-message="Please Choose Token Image" />
                                    </label>
                                </div>
                            </div>



                            <div class="col-lg-6 col-md-6 col-sm-12 col-12 mb-2">
                                <label for="" >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" disabled />
                                        <label for="tokentype" class="radio">ERC-721 Token</label>
                                    </div>
                                </div>
                            </div>




                            <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                                <div class="token-icon-wrap">
                                    <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>
                        <!-- Token Details -->


                        <!-- Management -->
                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Management Team & Members</span>
                                </div>
                            </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="">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">

                                                <div id="divManagementMembers" data-id="0"></div>
                                                <button type="button" class="btn btn-addmore mt-4" id="AddMember">Add Member</button>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Management -->



                        <!-- Updates -->
                        <div class="row mb-4">

                            <div class="col-lg-12">
                                <div class="form-header">
                                    <span class="title">Updates</span>
                                </div>
                            </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>

                                            </div>

                                            <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                                                <button type="button" class="btn btn-addmore mt-4" id="Addupdates">Add Updates</button>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Updates -->

                    </div>

                    <button type="submit" class="btn btn-addmore me-2 mb-2">Create Debt & Real Estate</button>
                    <a href="{{url('issuer/dashboard')}}" class="btn btn-cancel mb-2" >Cancel</a>

                </form>


            </div>

        </div>

    </div>

</section>

@endsection

@section('scripts')

<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></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 () {
    $('[data-bs-toggle="tooltip"]').tooltip();

    $("#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="">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="">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="">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="">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="">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="">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="">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="">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;
    });


    $(document.body).on("keyup", ".scoreVal", function (event) {
        var numero=$(this).val();
        if($(this).val()>100){
            let o=Math.floor(numero / 10);     
            $(this).val(o);     
        }
    });
});
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-remove mt-toggle" onclick="removeMedia(' + index + ');">Delete</button>';
    var temp = '<div class="row mb-md-0 mb-sm-3 mb-3" id="MediaBlock_' + index + '">' +


            '<div class="col-lg-2 col-md-6 col-sm-6 col-12 ">'+
            '    <label>Media Image/Video <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows png/jpeg/mp4 format"></span></label>'+
            '    <div class="ufileuploader">'+
            '    <label class="uploader-bar" for="media[' + index + '][pic]">'+
            '    <div class="icon">'+
            '    <img src="{{asset('/assets/images/icons/upload.png')}}" />'+
            '    </div>'+
            '    <div class="upload-info">'+
            '    <div class="text filecount"><span>Browse</span> your files</div>'+
            '    </div>'+
            '    <input type="file" name="media[' + index + '][pic]" id="media[' + index + '][pic]"  accept="image/png,image/jpeg,video/mp4" />'+
            '    </label>'+
            '    </div>'+
            '</div>   '+

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



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

function addManagementMember(index) {
    var removeBtn = '<button type="button" class="btn btn-remove  mt-toggle" onclick="removeMember(' + index + ');">Delete</button>';
    var temp = '<div class="row  mb-md-0 mb-sm-3 mb-3" id="MemberBlock_' + index + '">' +
            '	<div class="col-md-3 form-group">' +
            '		<label for="" >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="" >Member Position</label>' +
            '		<input class="form-control" type="text" name="member[' + index + '][position]"  id="MemberName_' + index + '" placeholder="Enter Member Position">' +
            '	</div>' +


            '<div class="col-lg-2 col-md-6 col-sm-6 col-12 ">'+
            '    <label>Member Image <span class="tip tinfo black" data-bs-toggle="tooltip" title="245x230 px. Only allows png/jpeg format"></span></label>'+
            '    <div class="ufileuploader">'+
            '    <label class="uploader-bar" for="member[' + index + '][pic]">'+
            '    <div class="icon">'+
            '    <img src="{{asset('/assets/images/icons/upload.png')}}" />'+
            '    </div>'+
            '    <div class="upload-info">'+
            '    <div class="text filecount"><span>Browse</span> your files</div>'+
            '    </div>'+
            '    <input type="file" name="member[' + index + '][pic]" id="member[' + index + '][pic]"  accept="image/png,image/jpeg" />'+
            '    </label>'+
            '    </div>'+
            '</div>   '+
            '	<div class="col-md-3 form-group">' +
            '		<label for="" >Member Description</label>' +
            '		<input class="form-control" type="text" name="member[' + index + '][description]" id="MemberDescription_' + index + '" placeholder="Enter Description">' +
            '	</div>' +
            '	<div class="col-md-2 form-group">' +
            '       ' + ((index > 0) ? removeBtn : '') +
            '   </div>' +
            '</div>';
    $('#divManagementMembers').attr('data-id', index).append(temp);
    $('[data-bs-toggle="tooltip"]').tooltip();
}


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



$("#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-remove mt-toggle" onclick="removeUpdates(' + index + ');">Delete</button>';
    var temp = '<div class="row  mb-md-0 mb-sm-3 mb-3" id="updates_' + index + '">' +
            '<div class="col-md-3">' +
            '<div class="form-group">' +
            '<label for="" class="">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="">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 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();
    }

    if($('#tokenValue').val()==''){
        tt=0;
        $('#tokenValue').focus();
    }
    else{
        var v=$('#tokenValue').val();
        var re = /^\d+(\.\d{1,2})?$/
        if (re.test(v)) {console.log('match');} 
        else {console.log('does not match');
            tt=0;
            $('#tokenValue').focus();
        }
    }

    
    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