@extends('layouts.buddy-screens')
@section('content')
{{-- @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif --}}
          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Dashboard/</span> Post a Deal</h4>

              <!-- Basic Layout & Basic with Icons -->
             <form id="formAuthentication" class="mb-3" action="{{ route('deal.add_aipostdeal')}}"  enctype="multipart/form-data" method="POST">
              @csrf
        <!-- Basic Layout & Basic with Icons -->
              <div class="row">
                <!-- Basic Layout -->
                <div class="col-xxl">
                  <div class="card mb-4">
                    <div class="card-header d-flex align-items-center justify-content-between">
                      <h5 class="mb-0">Post a Deal</h5>

                    </div>
                    {{-- default image --}}
                    <input type="hidden" name="default_image" value="product-image.png">

           <div class="card-body">
                      <div class="d-flex align-items-start align-items-sm-center gap-4">
                        <img
                          src="{{asset('assets/dashboard/assets/img/elements/product-image.png')}}"
                          alt="user-avatar"
                          class="d-block rounded"
                          height="100"
                          width="100"
                          id="uploadedAvatar"
                        />
                        <div class="button-wrapper">
                          <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                            <span class="d-none d-sm-block">Upload new photo</span>
                            <i class="bx bx-upload d-block d-sm-none"></i>
                            <input
                              type="file"
                              id="upload"
                name="deal_image"
                              class="account-file-input"
                              hidden
                              accept="image/png, image/jpeg"
                            />
                          </label>
                          <button onclick="reset_fprm();" type="reset" class="btn btn-outline-secondary account-image-reset mb-4">
                            <i class="bx bx-reset d-block d-sm-none"></i>
                            <span class="d-none d-sm-block">Reset</span>
                          </button>

                          <p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p>
                         @if($errors->has('deal_image'))
              <div class="error">{{ $errors->first('deal_image') }}</div>
            @endif
            </div>
                      </div>
                    </div>
                    <div class="card-body">


                        <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-name">Name of Deal<sup style="color:red;">*</sup>
  </label>
                          <div class="col-sm-9">
                            <input type="text" value="{{old('deal_name')}}" name="deal_name" class="form-control" id="basic-default-name" />
               @if($errors->has('deal_name'))
                <div class="error">{{ $errors->first('deal_name') }}</div>
              @endif
              </div>

                        </div>

                        <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-name">Actual Name
  </label>
                          <div class="col-sm-9">
                            <input type="text" value="{{old('actual_name')}}" name="actual_name" class="form-control" id="basic-default-name" />
               @if($errors->has('actual_name'))
                <div class="error">{{ $errors->first('actual_name') }}</div>
              @endif
              </div>

                        </div>

                        <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-phone">Name of Business/Company Entity<sup style="color:red;">*</sup>
</label>
                          <div class="col-sm-9">
                            <input
                              type="text"
                name="name_of_business"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                value="{{old('name_of_business')}}"
                              
                            />
              @if($errors->has('name_of_business'))
                <div class="error">{{ $errors->first('name_of_business') }}</div>
              @endif
                          </div>
                        </div>

       <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-phone">Location of business<sup style="color:red;">*</sup>
</label>
                          <div class="col-sm-9">
                            <input
                              type="text"
                name ="location_of_business"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                value="{{old('location_of_business')}}"
                              
                            />
              @if($errors->has('location_of_business'))
                <div class="error">{{ $errors->first('location_of_business') }}</div>
              @endif
                          </div>
                        </div>






            <div class="row mb-3">
                         <div class="col-sm-3"> <label class="col-form-label" for="basic-default-phone">Deal Industry/Sector<sup style="color:red;">*</sup>  </label><br>
              </div>
                          <div class="col-sm-9">
                           <select class="form-select" name="industry_sector_id" id="exampleFormControlSelect2" aria-label="Multiple select example" >
                          <option value="">Select Deal Industry/Sector</option>
                                                  </select>
            @if($errors->has('industry_sector_id'))
                <div class="error">{{ $errors->first('industry_sector_id') }}</div>
              @endif

                          </div>
                        </div>



            <div class="row mb-3">
                         <div class="col-sm-3"> <label class="col-form-label" for="basic-default-phone">Number of employees <sup style="color:red;">*</sup></label><br>
              </div>
                          <div class="col-sm-9">
                           <select class="form-select" name="noofEmploylist" id="exampleFormControlSelect2" aria-label="Multiple select example" >
                    <option value="">Select Number of employees</option>

                                                  </select>

                      <!--   <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected="">1-10</option>
                          <option value="1">10-50</option>
                          <option value="2">50-100</option>
                          <option value="3">100-200 &amp; above</option>
                        </select> -->

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

                          </div>
                        </div>







            <div class="row mb-3">
                         <div class="col-sm-3"> <label class="col-form-label" for="basic-default-phone">Stage of business <sup style="color:red;">*</sup></label><br>
              </div>
              <div class="col-sm-9">

                   <select onchange="showhide(this.value)" class="form-select" name="stageOfbusinessais" id="exampleFormControlSelect2" aria-label="Multiple select example" >
                    <option value="">Select Stage of business</option>

                                                  </select>

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

             </div>
					<div style="display: {{ ( old('stageOfbusinessais')==4 ) ? 'block' : 'none' }}" id="revenue_div">
					
					<div class="row mb-3">
							  <label class="col-sm-3 col-form-label" for="basic-default-message">Annual Revenue <sup style="color:red;">*</sup></label>
							  <div class="col-sm-9">
								<input  type="number" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"  class="form-control" id="basic-default-company" name="annualRevenue" placeholder="Enter Annual Revenue" value="{{old('annualRevenue')}}">
							  
							  @if($errors->has('annualRevenue'))
							  <div class="error">{{ $errors->first('annualRevenue') }}</div>
							@endif
						  </div>
					 </div>
					</div>



  <hr>
            <p class="green">Description of the deal</p>
            <div class="row mb-3">
              <label class="col-sm-3 col-form-label" for="basic-default-message">Short Description of the deal <sup style="color:red;">* </sup></label>
              <div class="col-sm-9">
                <textarea
                  id="basic-default-message"
                  class="form-control"
                  name="short_description"
                  aria-label="Please enter the name of business/company/Project, funding/loan required for."
                  aria-describedby="basic-icon-default-message2"
                >{{old('short_description')}}</textarea>
                @if($errors->has('short_description'))
                    <div class="error">{{ $errors->first('short_description') }}</div>
                @endif
              </div>
            </div>
                        <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-message">Description of the deal <sup style="color:red;">*</sup></label>
                          <div class="col-sm-9">
                            <textarea
                              id="basic-default-message"
                              class="form-control"
                              name="description"
                              aria-label="Please enter the name of business/company/Project, funding/loan required for."
                              aria-describedby="basic-icon-default-message2"
                            >{{old('description')}}</textarea>
                          
                          @if($errors->has('description'))
                          <div class="error">{{ $errors->first('description') }}</div>
                        @endif
                      </div>
                        </div>
             <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-message">Profile of promoters 1 <sup style="color:red;">*</sup></label>
                          <div class="col-sm-9">
                            <textarea
                              id="basic-default-message"
                              class="form-control"
                              name="promoters1"
                              aria-label="Please enter the name of business/company/Project, funding/loan required for."
                              aria-describedby="basic-icon-default-message2"
                            >{{old('promoters1')}}</textarea>
                          
                          @if($errors->has('promoters1'))
                          <div class="error">{{ $errors->first('promoters1') }}</div>
                        @endif
                      </div>
                        </div>
            <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-message">Profile of promoters 2</label>
                          <div class="col-sm-9">
                            <textarea
                              id="basic-default-message"
                                 name="promoters2"
                              class="form-control"
                              
                              aria-label="Please enter the name of business/company/Project, funding/loan required for."
                              aria-describedby="basic-icon-default-message2"
                            >{{old('promoters2')}}</textarea>
                          </div>
                        </div>
             <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-message">Investment amount required (In Lakhs) <sup style="color:red;">*</sup> : </label>
                          <div class="col-sm-9">
                            <input
                              type="number" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                              class="form-control"
                              name="investmentamount"
                               id="basic-default-company"
                             
                              value="{{old('investmentamount')}}"
                            />
                          
                          @if($errors->has('investmentamount'))
                          <div class="error">{{ $errors->first('investmentamount') }}</div>
                        @endif
                      </div>
                        </div>
              <div class="col-md">
              <label class="col-sm-3 col-form-label" for="basic-default-message">Any previous funding raised ?</label>

                          <div class="form-check form-check-inline mt-3">
                            <input
                              class="form-check-input"
                              type="radio"
                              name="anyfundingraised"
                              id="inlineRadio1"
                              value="yes"
                              
                            />
                            <label class="form-check-label" for="inlineRadio1">Yes</label>
                          </div>
                          <div class="form-check form-check-inline">
                            <input
                              class="form-check-input"
                              type="radio"
                              name="anyfundingraised"
                              id="inlineRadio2"
                              value="no"
                              checked
                              
                            />
                            <label class="form-check-label" for="inlineRadio2">No</label>
                          </div>

                          </div>


                         <div class="row mb-3 fieldGroup investment_amount_received" style="display: none">

             <div class="col-lg-5"><label class="col-sm-4 col-form-label" for="basic-default-phone">Investor Name</label>
                          <div class="col-sm-12">
                            <input
                              type="text"
                              name="investorName[]"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                             
                            />
                          </div>
                        </div>
                          <div class="col-lg-5"><div class="col-lg-5"><label class=" col-form-label" for="basic-default-phone">Investment Amount</label></div>
                          <div class="col-lg-12">
                            <input
                            type="number" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                               name="investoramount[]"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder=""
                            />
                          </div>
                        </div>

                        <div class="col-lg-2" style="margin-top: 40px">
  <div class="input-group-addon">
                <a href="javascript:void(0)" class="btn btn-success addMore"><span class="glyphicon glyphicon glyphicon-plus" aria-hidden="true"></span> Add</a>
            </div>

 </div>


                        </div>


               <div class="row mb-3 fieldGroupCopy investment_amount_receivedcopy" style="display: none;">
             <div class="col-lg-5"><label class="col-sm-4 col-form-label" for="basic-default-phone">Investor Name</label>
                          <div class="col-sm-12">
                            <input
                              type="text"
                              name="investorName[]"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              
                            />
                          </div>
                        </div>
                          <div class="col-lg-5"><div class="col-lg-5"><label class=" col-form-label" for="basic-default-phone">Investment Amount</label></div>
                          <div class="col-lg-12">
                            <input
                            name="investoramount[]"
                             type="number" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder=""
                            />
                          </div>
                        </div>

                        <div class="col-lg-2" style="margin-top: 40px">
  <div class="input-group-addon">
                <a href="javascript:void(0)" class="btn btn-danger remove"><span class="glyphicon glyphicon glyphicon-remove" aria-hidden="true"></span> Remove</a>
            </div>

 </div>


                        </div>


<!-- <div class="form-group fieldGroupCopy" style="display: none;">
    <div class="input-group">
        <input type="text" name="name[]" class="form-control" placeholder="Enter name"/>
        <input type="text" name="email[]" class="form-control" placeholder="Enter email"/>
        <div class="input-group-addon">
            <a href="javascript:void(0)" class="btn btn-danger remove"><span class="glyphicon glyphicon glyphicon-remove" aria-hidden="true"></span> Remove</a>
        </div>
    </div>
</div> -->

            <div class="row mb-3" style="display: none;"><a  href="javascript:void(0)" class=" addMore" >+ add more </a></div>
<!--
             <div class="input-group">
                        <label class="input-group-text" for="inputGroupFile01">Upload Supporting Documents</label>
                        <input type="file" class="form-control" id="inputGroupFile01" />
                      </div>
            <p>Please upload deal supporting document. E.g. Project Report, Introductory Profile or Information Memorandum.</p>

            <div class="row mb-3">
               <div class="input-group">
              @if($errors->has('signed_mandate_available_doc'))
                    <div class="error ">{{ $errors->first('signed_mandate_available_doc') }}</div>
                @endif
              </div>
            </div> -->
          <div class="input-group">
                        <label class="input-group-text" for="inputGroupFile01">Upload Supporting Documents</label>
                        <input type="file" multiple name="supporting_documents[]" class="form-control" id="inputGroupFile01" />
            </div>
            @if($errors->has('supporting_documents'))
                <div class="error ">{{ $errors->first('supporting_documents') }}</div>
            @endif
            <p>Please upload deal supporting document. E.g. Project Report, Introductory Profile or Information Memorandum.</p>

             {{-- <div class="form-check mt-3 mb-3">
                            <input {{ ( old('confidential')=='1' ) ? 'checked' : '' }} class="form-check-input" name="confidential" type="checkbox" value="1" id="defaultCheck1" />
                            <label class="form-check-label" for="defaultCheck1"> I want to keep it confidential<sup style="color:red;">*</sup> </label>
                          </div>
            @if($errors->has('confidential'))
                <div class="error mb-2">{{ $errors->first('confidential') }}</div>
            @endif --}}
                        <div class="row justify-content-end">
                          <div class="col-sm-12">
                            <button type="submit" class="btn btn-primary">Submit</button>
                          </div>
                        </div>

                    </div>
                  </div>
                </div>
                <!-- Basic with Icons -->

              </div>
         </form>
            </div>
            <!-- / Content -->

    <!-- / Layout wrapper -->



<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>




 <script>

$(document).ready(function(){
    //group add limit
    var maxGroup = 10;

    //add more fields group
    $(".addMore").click(function(){
        if($('body').find('.fieldGroup').length < maxGroup){
            var fieldHTML = '<div class="row mb-3  fieldGroup investment_amount_received">'+$(".fieldGroupCopy").html()+'</div>';
            $('body').find('.fieldGroup:last').after(fieldHTML);
        }else{
            alert('Maximum '+maxGroup+' groups are allowed.');
        }
    });

    //remove fields group
    $("body").on("click",".remove",function(){
        $(this).parents(".fieldGroup").remove();
    });
});


    //CKEDITOR.replace( 'description' );
    function showdoc(value)
    {
      if(value=='Yes')
      {
        $("#signed_mandate_available_doc").show();
      }else{
        $("#signed_mandate_available_doc").hide();
      }
    }
</script>
<script>
    tinymce.init({
      selector: '#description',
      plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed linkchecker a11ychecker tinymcespellchecker permanentpen powerpaste advtable advcode editimage tinycomments tableofcontents footnotes mergetags autocorrect typography inlinecss',
      toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
      tinycomments_mode: 'embedded',
      tinycomments_author: 'Author name',
      mergetags_list: [
        { value: 'First.Name', title: 'First Name' },
        { value: 'Email', title: 'Email' },
      ]
    });
  </script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  <script>
	$("#upload").on('change', function () {
        if (typeof (FileReader) != "undefined") {
			var reader = new FileReader();
            reader.onload = function (e) {
				$("#uploadedAvatar").attr('src',e.target.result);
            }
            reader.readAsDataURL($(this)[0].files[0]);
        } else {
            alert("This browser does not support FileReader.");
        }
    });
	function reset_fprm()
	{
		$('#formAuthentication')[0].reset();
		$("#uploadedAvatar").attr('src',"{{asset('assets/dashboard/assets/img/elements/product-image.png')}}");
	}
	
	function showhide(value)
	{
		if(value=='4')
		{
			$("#revenue_div").show();
		}
		else
		{
			$("#revenue_div").hide();
		}
		//
	}

  $('input[type=radio][name=anyfundingraised]').click(function() {
        $('.investment_amount_received').hide();
        $('.investment_amount_receivedcopy').hide();
        $('.fieldGroup input[name="investorName[]"]').removeAttr('required');
        $('.fieldGroup input[name="investoramount[]"]').removeAttr('required');
        var checkedValue = $('input[type=radio][name=anyfundingraised]:checked').val();
        if (checkedValue=='yes') {
          $('.investment_amount_received').show();
          $('.fieldGroup input[name="investorName[]"]').attr('required', true);
          $('.fieldGroup input[name="investoramount[]"]').attr('required', true);
        }
        else {
          $('.investment_amount_received input, .investment_amount_receivedcopy input').val('');
        }
    });
  </script>


@endsection