@extends('layouts.buddy-screens')
@section('content')
		<!-- Content wrapper -->
          <div class="content-wrapper mainwrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              @if(session('success') == "Opps! You do not have access")    
			
              @elseif(session()->has('success'))
                <div class="alert alert-success alert-dismissable custom-success-box">
                  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                  <strong> {{session('success')}} </strong>
                </div>	
              @endif
              <div class="container">
                <div class="row">
                <div class="col-md-6">
              <h4 class="fw-bold py-3 mb-0"><span class="text-muted fw-light">Dashboard /</span><span class="text-muted fw-light">  Fixed Income Securities /</span><span>NCDs</span></h4>
              </div>
              <!-- <div class="col-xs-6 col-md-6">
      <form class="topform">
      <div class="form-group">
        <div class="form-inline form-group">
            <select class="input-sm">
              <option value="Select" selected>Select</option>
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
            </select>
            <select class="input-sm">
            <option value="Select" selected>Select</option>
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
            </select>
            <select class="input-sm">
            <option value="Select" selected>Select</option>
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
            </select>
          </div>
        </div>
      </form>
    </div> -->

</div>

                </div>
              </div>
              

 
          

            


              
              
              <div class="col-md-12">
                <div class="container">
                  <div class="row">
                    <div class="top-section">
                    <img src={{asset('/assets/dashboard/assets/img/elements/edel.png')}} alt="">
                    <h3>Edelweiss ZCB - Gem Series II NCD</h3>
                    <p>Edelweiss ZCB - Gem Series II IRR ~10% for 36Months & ~9.75% for 24Months</p>
                    </div>
                    <div class="assest-section">
                      <ul class="assets">
                        <li><img src={{asset('/assets/dashboard/assets/img/elements/asset.png')}} alt=""></li>
                        <li>ASSET CLASS</li>
                        <li><hr class="assethr"></li>
                        <li>Corporate Debt (unlisted)</li>
                      </ul>
                      <ul class="assets">
                        <li><img src={{asset('/assets/dashboard/assets/img/elements/taxpr.png')}} alt=""></li>
                        <li>PRE-TAX IRR</li>
                        <li><hr class="assethr"></li>
                        <li>8 - 14.99%</li>
                      </ul>
                      <ul class="assets">
                        <li><img src={{asset('/assets/dashboard/assets/img/elements/tenure.png')}} alt=""></li>
                        <li>TENURE</li>
                        <li><hr class="assethr"></li>
                        <li>More Than 3 Years</li>
                      </ul>
                      <ul class="assets">
                        <li><img src={{asset('/assets/dashboard/assets/img/elements/deal.png')}} alt=""></li>
                        <li>Final Deal Amount</li>
                        <li><hr class="assethr"></li>
                        <li>10000</li>
                      </ul>
                      <ul class="assets">
                        <li><img src={{asset('/assets/dashboard/assets/img/elements/coins.png')}} alt=""></li>
                        <li>TOTAL ISSUE SIZE (cr)</li>
                        <li><hr class="assethr"></li>
                        <li>3 CR</li>
                      </ul>
                      <ul class="assets">
                        <li><img src={{asset('/assets/dashboard/assets/img/elements/payout.png')}} alt=""></li>
                        <li>INTEREST PAYOUT</li>
                        <li><hr class="assethr"></li>
                        <li>11 %</li>
                      </ul>
                    </div>
                    
                    
                  </div>
                </div>
              </div>

              <div class="container">
                <div class="row">
                <hr class="assethr">
                </div>
              </div>

              <div class="second-sections">
                <div class="container">
                  <div class="row">
                    <div class="col-md-6">
                    <h3>DESCRIPTION</h3>
<p>The salient features are as under</p>
<ul>
  <li>IRR – ~9.75% for 24M</li>
  <li>IRR -  ~10.00% for 36M</li>
  <li>Tax – LTCG @ 12.5% post 12M of holding from investment date</li>
  <li>Tenure – 24 Months & 36 Months</li>
</ul>
<p>Growth of Rs.10 lakhs</p>
<ul>
  <li>24M – INR 12,04,500</li>
  <li>36M – INR 13,31,000</li>
</ul>
<p>Other Key Highlights</p>
<ul>
  <li>Principal is protected at maturity</li>
  <li>Security – Senior and Secured</li>
  <li>Nature of the product – Listed rated non-convertible debenture</li>
  <li>Collateral backed - Secured by 1.33x cover on Redemption Amount initially against balance sheet assets and ultimately against specific assets</li>
  <li>Independent Trustee - Independent Trustee to look after Investor interest</li>
  <li>Issuer: ECap Equities Ltd. - 100% Subsidiary Of Edelweiss Financial Services Ltd</li>
</ul>


                    </div>
                    <div class="col-md-6">
                    <div class="sidebuttons">                    
  <a href="#">                    
<button class="consult">
  Consult Account Manager
</button>
</a>
<a href="#">
<button class="generate">
  Generate Query
</button>
</a>
                    </div>
                  </div>
                  </div>

                </div>
              </div>

             

       </div>


              <!--/ Card layout -->
            </div>
            <!-- / Content -->
            <link rel="stylesheet" href="{{asset('assets/dashboard/assets/css/insurance.css')}}" />

<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 src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.1.0/jquery-migrate.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  
  <script>
    const collapses = document.querySelectorAll("[app-collapse-header-btn]");

const handleInitCollapse = (btnElement, parentEle) => {
  const collapses = parentEle.querySelectorAll("[app-collapse-header-btn]");
  collapses.forEach(collapse => {
    const isIndipendente =  collapse.getAttribute('indipendente') === 'true';
    const controlsId = collapse.getAttribute('aria-controls');
    const contentEl = document.getElementById(controlsId);

    if(!isIndipendente && collapse !== btnElement){
      collapse.setAttribute('aria-expanded', false);
      contentEl.classList.remove('app-collapse-expanded');
    }
  })
}

const handleExpandToggle = (event) => { 
  // console.log("handle Expand Toggle test log");
  const btnElement = event.currentTarget;
  const controlsId = btnElement.getAttribute('aria-controls');
  const contentEl = document.getElementById(controlsId);
  const parentEle = btnElement.closest("[app-accordian]");
  const indipendente = btnElement.getAttribute('indipendente') === 'true';

  if(!indipendente && parentEle){
    handleInitCollapse(btnElement, parentEle);
  }

  let open = btnElement.getAttribute('aria-expanded') === 'true';
  if (open) {
    btnElement.setAttribute('aria-expanded', `${!open}`);
    contentEl.classList.remove('app-collapse-expanded');
  } else {
    btnElement.setAttribute('aria-expanded', `${!open}`);
    contentEl.classList.add('app-collapse-expanded');
  }

} 
collapses.forEach(collapse => collapse.addEventListener('click', handleExpandToggle));
  </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 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' },
      ]
    });
	
	
	function hide(){
    $('#smallModal_homeloan').hide();
    setTimeout(() => {
      window.location.href = @json(session()->get('URL'))  // session set in buddy-screen
    }, "400");
  }
  </script>

  <script>
    let toggle = function(){
	document.querySelectorAll('.dropdown-wrapper')[0].classList.toggle('active');
}
document.querySelectorAll('.toggle')[0].addEventListener("click", toggle);
let toggle1 = function(){
	document.querySelectorAll('.dropdown-wrapper1')[0].classList.toggle('active');
}
document.querySelectorAll('.toggle1')[0].addEventListener("click", toggle1);
 
let toggle3 = function(){
	document.querySelectorAll('.dropdown-wrapper2')[0].classList.toggle('active');
}
document.querySelectorAll('.toggle2')[0].addEventListener("click", toggle3);
//  $(document).on("click",'body',function(e){
//   const dropdownContent = document.querySelector('.wrap')
//         $('.wrap').removeClass('active')
//         $(this).addClass('active')
//     // else{
//     //   $(this).addClass('active')
//     // }
    
//  })
 </script>

@endsection
@extends('layouts.chat-screens')