@extends('layouts.buddy-screens')
@section('content')

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

			  <form id="formAuthentication" class="mb-3" action="{{ route('deal.addnewpostdeal')}}"  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="button" 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" >Deal Name <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">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">Nature of deal <sup style="color:red;">*</sup>	</label><br>
						  </div>
                          <div class="col-sm-9">
                          <select class="form-select" name="nature_deal_id[]" multiple id="exampleFormControlSelect29" aria-label="Multiple select example" >
                          {{-- <option value="">Select Nature of deal </option> --}}
                                                  </select>
						@if($errors->has('nature_deal_id'))
								<div class="error">{{ $errors->first('nature_deal_id') }}</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="exampleFormControlSelect24" 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">
                          <label class="col-sm-3 col-form-label" for="basic-default-name">Estimated Deal Size (in Cr.) <sup style="color:red;">*</sup> </label>
                          <div class="col-sm-9">
                            <input
                              type="text" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                              class="form-control"
                              name="estimated_deal_size"
                               id="basic-default-company"
                               oninput="validateInputVal(this)"
                                   onchange="validateInputVal(this)"
                              onkeyup="validateInputVal(this)"
                              placeholder=""
                value="{{ old('estimated_deal_size') }}"
                            />
                            <select class="form-select" style="display:none;" name="deal_size_id" id="exampleFormControlSelect1" aria-label="Default select example">
							 <option value="">Select Estimated Deal Size</option>
							  							</select>
							@if($errors->has('deal_size_id'))
									<div class="error">{{ $errors->first('deal_size_id') }}</div>
							@endif
                          </div>
                        </div>
                        <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="description"
                              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="col-md">
						  <label class="col-sm-3 col-form-label" for="basic-default-message">Nature of Funding
                            <sup style="color:red;"></sup>
                          </label>

                          <div class="form-check form-check-inline mt-3">
                            <input
                              class="form-check-input"
                              type="radio"
                              name="nature_of_funding"
                              id="inlineRadio1"
                              value="Equity"
							  {{ ( old('nature_of_funding')=='Equity' ) ? 'checked' : '' }}
                            />
                            <label class="form-check-label" for="inlineRadio1">Equity</label>
                          </div>
                          <div class="form-check form-check-inline">
                            <input
                              class="form-check-input"
                              type="radio"
                              name="nature_of_funding"
                              id="inlineRadio2"
                              value="Debt"
							  {{ ( old('nature_of_funding')=='Debt' ) ? 'checked' : '' }}
                            />
                            <label class="form-check-label" for="inlineRadio2">Debt</label>
                          </div>
                         @if($errors->has('nature_of_funding'))
									<div style="margin-left: 25%;" class="error">{{ $errors->first('nature_of_funding') }}</div>
							@endif
                          </div>
						  <div class="col-md">
						  <label class="col-sm-3 col-form-label" for="basic-default-message">Signed Mandate available? @if (Auth::User()->role == 'dpuser') <sup style="color:red;">*</sup> @endif</label>

                          <div class="form-check form-check-inline mt-3">
                            <input
                              class="form-check-input"
                              type="radio"
							  onclick="showdoc('Yes');"
                              name="signed_mandate_available"
                              id="inlineRadio1"
                              value="Yes"
							  {{ ( old('signed_mandate_available')=='Yes' || old('signed_mandate_available')=='') ? 'checked' : '' }}
                            />
                            <label class="form-check-label" for="inlineRadio1">Yes</label>
                          </div>
                          <div class="form-check form-check-inline">
                            <input
                              class="form-check-input"
                              type="radio"
							  onclick="showdoc('No');"
                              name="signed_mandate_available"
                              id="inlineRadio2"
                              value="No"
							  {{ ( old('signed_mandate_available')=='No' ) ? 'checked' : '' }}
                            />
                            <label class="form-check-label" for="inlineRadio2">No</label>
                          </div>
							 @if($errors->has('signed_mandate_available'))
									<div style="margin-left: 25%;" class="error ">{{ $errors->first('signed_mandate_available') }}</div>
							@endif
                          </div>
						 <div id="signed_mandate_available_doc" class="row mb-3" style="display:{{ ( old('signed_mandate_available')=='No' ) ? 'none;' : 'block;' }}">
						   <div class="input-group">
							<label class="input-group-text" for="inputGroupFile01">Upload Signed Mandate</label>
							<input type="file" name="signed_mandate_available_doc" class="form-control" id="inputGroupFile01" />
						  </div>
						</div>
						<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 @if (Auth::User()->role == 'dpuser') <sup style="color:red;"></sup> @endif</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="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 -->
<!--<script src="https://cdn.ckeditor.com/4.20.1/standard/ckeditor.js"></script> -->


 <script>
		//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',
      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')}}");
	}
  </script>

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" defer></script>
  <script>
    $(document).ready(function() {
      $('#exampleFormControlSelect29').select2();
      $('#exampleFormControlSelect24').select2();
    });
    
       function validateInputVal(input) {

        var decimalPattern = /^\d*\.?\d*$/;

        if (!decimalPattern.test(input.value)) {
          
          input.value = input.value.slice(0, -1); // Clear the input field if it doesn't match the 
        } 


  if (input.value > 1000000000000) {
    input.value = 1000000000000;
  }
}
  </script>
@endsection