@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>Corporate Fixed Deposits</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>Corporate FD - Shriram Transport Ltd</h3>
                    <p>Shriram Finance Ltd - Fixed Deposit Highlights!</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>5000</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>10 %</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-12">
                    <h3>DESCRIPTION</h3>
                    <h4>HIGHLIGHTS</h4>
<ul>
  <li>Tenure- 12/18/24/30/36/42/50/60 months</li>
  <li>Additional interest of 0.5% p.a. will be paid for senior citizen(Completed age 60 years on the ddate of deposit/renewal)</li>
  <li>Additional interest of 0.25% p.a. will be paid on all renewals</li>
  <li>Additional interest of 0.10% p.a. will be paid to women depositors</li>
  <li>Deposits will be accepted in multiples of Rs. 1000-, subject to minimum amount Rs.5000/</li>
  <li>Cumulative deposits can be renewed for maturity value.</li>
  <li>All above tenures will be available for both offline and nline investments.</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')