@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, #propertyHighlights-container, #ManagementTeamDescription-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>

<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 UWorld Offerings</h2>
                        </div>
                    </div>
                </div>


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

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

                        <div class="ucard p-3">


                            <div class="row mb-4">

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



                                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                    <label for="propertyName">Project Name <span >*</span></label>
                                    <input class="form-control" type="text" name="propertyName" required=""
                                           value="{{old('propertyName')}}" id="propertyName"
                                           placeholder="Enter Project Name"
                                           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="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="propertyType">Project 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="totalDealSize">Total Deal Size <span >*</span></label>
                                    <input class="form-control" type="number" name="totalDealSize" required
                                           id="totalDealSize" value="{{old('totalDealSize')}}" placeholder="Total Deal Size" min="0" step="any">
                                </div>

                                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                    <label for="initialInvestment">Minimum Investment <span>*</span></label>
                                    <input class="form-control" type="number" name="initialInvestment" required
                                           value="{{old('initialInvestment')}}" id="initialInvestment"
                                           placeholder="@lang('admin.enter') Minimum Investment"
                                           min="0">
                                </div>


                                
                                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                    <label>Insert Photo/Video File <span class="tip tinfo black" data-bs-toggle="tooltip" title="Only allows jpeg/png/mp4/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/*,image/png,image/jpeg" />
                                        </label>
                                    </div>
                                </div>
                                

                                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                    <label for="expectedIrrType">Annual Return Type <span>*</span></label>
                                    <select class="form-control" name="expectedIrrType" id="expectedIrrType" required >
                                        <option value="">Please Select</option>
                                        <option value="Estimated Annual Return">Estimated Annual Return</option>
                                        <option value="Fixed Annual Return">Fixed Annual Return</option>
                                    </select>
                                </div>


                                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                    <label for="expectedIrr">Value Of Annual Return <span>*</span></label>
                                    <input class="form-control" type="number" name="expectedIrr" required id="expectedIrr" value="{{old('expectedIrr')}}"
                                           placeholder="Enter Value Of Annual Return" min="0" step="any">
                                </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 >
                                        <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>Project Image (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 Image (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 Image (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>





                            <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="text" 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="text" 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="text" 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>







                            <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-6 col-md-6 col-sm-12 col-12 mb-2">
                                    <label for="propertyOverview">Project 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 Project Overview</label>

                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-12 col-12 mb-2">
                                    <label for="propertyHighlights">Project 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 Project Highlights</label>

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





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


                            <!-- 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="col-form-label">@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="col-form-label">@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="col-form-label">@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="col-form-label">@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">
                                </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" />
                                        </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="col-form-label">Management Team Description</label>

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

                                            </div>

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

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

            var n = 2;
            $("#add_comparables").click(function (e) {
                e.preventDefault();
                var html = '<div id="comparables_block_' + n + '" class="form-group row"><div class="form-group col-md-3"><label for="" class="col-form-label">Property Address</label><input class="form-control" type="text" name="comparables[' + n + '][property]" required id="property_' + n + '" placeholder="Property Address"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Sale Date</label><input class="form-control" type="text" name="comparables[' + n + '][type]" required id="type_' + n + '" placeholder="Sale Date"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Location</label><input class="form-control" type="text" name="comparables[' + n + '][location]" required id="location_' + n + '" placeholder="Location"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Year of Build</label><input class="form-control" type="number" name="comparables[' + n + '][distanaccept="image/png,image/jpeg"ce]" required id="distance_' + n + '" placeholder="Year of Build" min="0" step="any"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Total Sft</label><input class="form-control" type="number" name="comparables[' + n + '][rent]" required id="rent_' + n + '" placeholder="Total Sft" min="0" step="any"></div><div class="form-group col-md-3"><label for="" class="col-form-label">Sale Price</label><input class="form-control" type="number" name="comparables[' + n + '][saleprice]" required id="saleprice_' + n + '" placeholder="Sale Price" min="0" step="any"></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"  required id="propertyLogo" placeholder="Enter 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=".pdf"  required id="propertyLogo" placeholder="Enter Property Logo"></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=".pdf"  required id="propertyLogo" placeholder="Enter Property Logo"></div></div><div class="form-group col-md-3"><button type="button" class="btn btn-danger landmark_remove" id="landmark_remove_' + n + '" onclick="comparables_remove(' + n + ');" >X</button></div></div>';
                $("#comparables_section").append(html);
                n = n + 1;
            });

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


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


        function removeMedia(index) {
            $('#MediaBlock_' + index).remove();
        }

        $('#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 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="col-form-label">Update Date</label>' +
                    '<input class="form-control" type="date" name="updates[' + index + '][date]" id="date" placeholder="Date" >' +
                    '</div>' +
                    '</div>' +
                    '<div class="col-md-3">' +
                    '<div class="form-group">' +
                    '<label for="" class="col-form-label">Update Description</label>' +
                    '<input class="form-control" type="text" name="updates[' + index + '][description]" id="date" placeholder="Please enter Description" >' +
                    '</div>' +
                    '</div>' +
                    '<div class="col-md-1">' +
                    '' + ((index > 0) ? removeBtn : '') +
                    '<div>' +
                    '<div>';
            $("#updates").attr('data-id', index).append(temp);
        }


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

    </script>
    <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
    <script>
        $(document).ready(function () {
            $('[data-bs-toggle="tooltip"]').tooltip();

            $("input[type=text], input[type=radio], input[type=file], textarea, select, input[type=number]").blur(function () {
                if ($(this).val() != "") {
                    Cookies.set('token_asset_' + $(this).attr('name'), $(this).val(), {
                        expires: 1
                    });
                    console.log($(this).val());
                    console.log($(this).attr('name'));
                }
            });

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

                var cookval = Cookies.get('token_asset_' + $(this).attr('name'));
                if ($(this).attr('type') == "radio") {
                    var inpname = $(this).attr('name');
                    $("input[name=" + inpname + "][value=" + cookval + "]").prop("checked", true);
                } else {
                    $(this).val(cookval);
                }
            });
        });
    </script>
    <script type="text/javascript">
        var quill_1 = new Quill('#propertyOverview-container', {
            placeholder: 'Enter Project Overview',
            theme: 'snow'
        });
        var quill_2 = new Quill('#propertyHighlights-container', {
            placeholder: 'Enter Project Highlights',
            theme: 'snow'
        });
        var quill_3 = new Quill('#ManagementTeamDescription-container', {
            placeholder: 'Enter Management Team Description',
            theme: 'snow'
        });

        function editorValidity(){
            var tt=1;
            $('#propertyOverview_err').hide();
            $('#propertyLocationOverview_err').hide();
            $('#ManagementTeamDescription_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==''){
                tt=0;
                quill_1.focus();
                $('#propertyOverview_err').show();
                $("#propertyOverview").val("");
            }
            else{
                $("#propertyOverview").val($("#propertyOverview-container .ql-editor").html());
            }

            var propertyHighlights_txt=quill_2.getText();
            propertyHighlights_txt=propertyHighlights_txt.replace(/\n$/,'');
            if(propertyHighlights_txt==''){
                $("#propertyHighlights").val("");
            }
            else{
                $("#propertyHighlights").val($("#propertyHighlights-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());
            }

            return tt;
        }



        $(document).ready(function () {
            $('#propertyOverview_err').hide();
            $('#propertyHighlights_err').hide();
            $('#ManagementTeamDescription_err').hide();
            $('#cat_err_msg').hide();

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

            $("#property-create").validate({
                rules: {
                    "propertyName": {
                        required: true,
                        maxlength: 200
                    },
                    "issuerName": {
                        required: true,
                        maxlength: 190
                    },
                    "property_state":{
                        required: true
                    },
                    "propertyType":{
                        required: true
                    },
                    "property_category":{
                        required: true
                    },
                    "propertyLocation": {
                        required: true,
                        maxlength: 200
                    },
                    "propertyLogo": {
                        required: false,
                        accept: 'image/jpeg, image/png, image/jpg, image/bmp'
                    },
                    "propertyType": {
                        required: true
                    },
                    "totalDealSize": {
                        required: true,
                        number: true,
                        min: 0
                    },
                    "expectedIrrType": {
                        required: true
                    },
                    "expectedIrr": {
                        required: true
                    },
                    "initialInvestment": {
                        required: true,
                        number: true,
                        min: 0
                    },
                    "propertyEquityMultiple": {
                        required: false,
                        number: true,
                        min: 0
                    },
                    "holdingPeriod": {
                        required: true,
                        number: true,
                        min: 0
                    },
                    "total_sft": {
                        required: true,
                        number: true,
                        min: 0
                    },
                    "propertyOverview": {
                        required: true
                    },


                    "locality": {
                        required: true,
                        maxlength: 200
                    },
                    "yearOfConstruction": {
                        required: true,
                        number: true,
                        min: 0,
                        maxlength: 4
                    },
                    "investor": {
                        required: false,
                        accept: 'pdf'
                    },
                    "titlereport": {
                        required: false,
                        accept: 'pdf'
                    },
                    "termsheet": {
                        required: false,
                        accept: 'pdf'
                    },
                    "propertyimages": {
                        required: true,
                        accept: 'image/jpeg, image/png, image/jpg, image/bmp'
                    },
                    "management": {
                        required: true
                    },
                    "updates": {
                        required: true
                    },
                    "propertylogoimage": {
                        required: false,
                        accept: 'image/jpeg, image/png, image/jpg, image/bmp'
                    },
                    "propertyVideo": {
                        required: false,
                        accept: 'image/jpeg, image/png, image/jpg, video/mp4,video/x-m4v'
                    },
                    "propertyManagementTeam": {
                        required: false,
                        accept: 'pdf'
                    },
                    "propertyUpdatesDoc": {
                        required: false,
                        accept: 'pdf'
                    },
                    "propertyUpdatesDoc4": {
                        required: false,
                        accept: 'pdf'
                    },
                    "brochure": {
                        required: false,
                        accept: 'pdf'
                    },
                    "map": {
                        required: true,
                        accept: 'pdf'
                    },
                    "comparabledetails": {
                        required: true,
                        accept: 'pdf'
                    },
                    "token_name": {
                        required: true
                    },
                    "token_symbol": {
                        required: true,
                        minlength: 3,
                        maxlength: 4
                    },
                    "token_value": {
                        required: true,
                        number: true
                    },
                    "token_decimal": {
                        required: true,
                        digits: true,
                        maxlength: 2
                    },
                    "token_supply": {
                        required: true
                    },
                    "token_image": {
                        required: true,
                        accept: 'image/jpeg, image/png, image/jpg'
                    },
                    "token_decimal": {
                        required: true,
                        digits: true,
                        maxlength: 2
                    },
                    "investment_sector": {
                        required: true
                    },
                    "geographical_sector": {
                        required: true
                    },
                    "project_company": {
                        required: true
                    },
                    "contact_person": {
                        required: true
                    },
                    "phone": {
                        required: true
                    },
                    "email": {
                        required: true
                    },
                    "address": {
                        required: true
                    }
                },
                messages: {
                    "propertyName": {
                        required: "Please Enter Project Name"
                    },
                    "issuerName": {
                        required: "Please Enter Issuer Name"
                    },
                    "property_state":{
                        required: "Please Select Project Status"
                    },
                    "propertyType":{
                        required: "Please Select Project Type"
                    },
                    "property_category":{
                        required: "Please Select Category"
                    },
                    "propertyLocation": {
                        required: "Please Enter Project Location"
                    },
                    "propertyLogo": {
                        required: "Please Choose Project Image",
                        accept: "Please Upload Valid format (jpeg|png|jpg|bmp)"
                    },
                    "propertyVideo": {
                        required: "Please Choose Photo/Video File",
                        accept: "Please Upload Valid format (jpeg|png|jpg|mp4|x-m4v)"
                    },
                    "management": {
                        required: "Please Upload Management"
                    },
                    "updates": {
                        required: "Please Upload Updates"
                    },
                    "propertylogoimage": {
                        required: "Please Choose Project Logo",
                        accept: "Please Upload Valid format (jpeg|png|jpg|bmp)"
                    },
                    "propertyimages": {
                        required: "Please Choose Project Logo",
                        accept: "Please Upload Valid format (jpeg|png|jpg|bmp)"
                    },
                    "totalDealSize": {
                        required: "Please Enter Total Deal Size"
                    },
                    "expectedIrrType": {
                        required: "Please Enter Annual Return Type"
                    },
                    "expectedIrr": {
                        required: "Please Enter Value Of Annual Return"
                    },
                    "initialInvestment": {
                        required: "Please Enter Minimum Investment"
                    },
                    "propertyEquityMultiple": {
                        required: "Please Enter Project Equity Multiple"
                    },
                    "holdingPeriod": {
                        required: "Please Enter Holding Period"
                    },
                    "total_sft": {
                        required: "Please Enter Total SFT"
                    },
                    "propertyOverview": {
                        required: "Please Enter Project Overview"
                    },
                    "propertyHighlights": {
                        required: "Please Enter Fund Highlights"
                    },
                    "propertyLocationOverview": {
                        required: "Please Enter Location Overview"
                    },
                    "locality": {
                        required: "Please Enter Locality"
                    },
                    "yearOfConstruction": {
                        required: "Please Enter Year of Construction"
                    },
                    "floorforSale": {
                        required: "Please Enter Floor for Sale"
                    },
                    "propertyTotalBuildingArea": {
                        required: "Please Enter Total Building Area"
                    },
                    "propertyDetailsHighlights": {
                        required: "Please Enter Details Highlights"
                    },
                    "investor": {
                        accept: "Please Upload Valid format (pdf)"
                    },
                    "titlereport": {
                        required: "Please Choose Report",
                        accept: "Please Upload Valid format (pdf)"
                    },
                    "termsheet": {
                        required: "Please Choose Reports",
                        accept: "Please Upload Valid format (pdf)"
                    },
                    "comparabledetails": {
                        required: "Please Choose Term Sheet",
                        accept: "Please Upload Valid format (pdf)"
                    },
                    "propertyManagementTeam": {
                        required: "Please Choose Management Team Report",
                        accept: "Please Upload Valid format (pdf)"
                    },
                    "brochure": {
                        required: "Please Choose Brochure Document",
                        accept: "Please Upload Valid format (pdf)"
                    },
                    "propertyUpdatesDoc": {
                        required: "Please Choose Updates Report",
                        accept: "Please Upload Valid format (pdf)"
                    },
                    "propertyUpdatesDoc4": {
                        accept: "Please Upload Valid format (pdf)"
                    },
                    "map": {
                        required: "Please Choose Term Sheet",
                        accept: "Please Upload Valid format (pdf)"
                    },
                    "token_name": {
                        required: "Please Enter Token Name"
                    },
                    "token_symbol": {
                        required: "Please Enter Token Symbol"
                    },
                    "token_value": {
                        required: "Please Enter Token Value"
                    },
                    "token_supply": {
                        required: "Please Enter Token Supply"
                    },
                    "token_image": {
                        required: "Please Choose Token Image",
                        accept: "Please Upload Valid format (png/jpeg)"
                    },
                    "token_decimal": {
                        required: "Please Enter Token Decimal"
                    },
                    "investment_sector": {
                        required: "Please enter Investment Sector"
                    },
                    "geographical_sector": {
                        required: "Please choose Geographical Sector"
                    },
                    "project_company": {
                        required: "Please enter Project Company"
                    },
                    "contact_person": {
                        required: "Please enter Contact Person"
                    },
                    "phone": {
                        required: "Please Enter Phone"
                    },
                    "email": {
                        required: "Please Enter Email"
                    },
                    "address": {
                        required: "Please Enter Address"
                    }
                },
                submitHandler: function (form) {
                    var ttres=editorValidity();
                    if(ttres==1){form.submit();}
                    else{return false;}
                }
            });
        });
    </script>

@endsection