@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-12">
              <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>Capital Gain (54 EC) Bond</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="container first">
        <div class="row">
            
        <div class="item111 col-lg-12">
                            <div class="image">
                                <img src={{asset('/assets/dashboard/assets/img/elements/leaf.png')}} alt="">
                            </div>
                            <div class="contents othfix newfix newfixs">
                                <h3>Capital Gain (54 EC) Bond</h3>
                                <ul>
                                  <li>Secured Redeemable Non-Convertible Debentures</li>
                                </ul>
                            </div>
                        </div>
        </div>
    </div>
    <div class="main">
        <div class="container">
           <div class="row">
               <div class="col-lg-6">
                   <div class="plan">
                        <div class="item111 col-lg-12 customflex">
                            <div class="image mainimg">
                                <img src={{asset('/assets/dashboard/assets/img/elements/rec.png')}} alt="">
                            </div>
                            <div class="contents othfix mainlist">
                                <h5>IRFC Capital Gain Tax Exemption Bonds- Series VII</h5>
                                <div class="right-content">

                                  <ul>
                                    <li>Min Investment-<span class="pfix"> 1,00,000</span></li>
                                    <li>ROI(per annum)-<span class="pfix"> 00%</span></li>
                                    
                                  </ul>
                                  <ul class="rightfix">
                                    <li>Interest Credit Date-<span class="pfix"> 31-12-2024</span></li>
                                    <li>Rating-<span class="pfix"> AAA/Stable' by CRISIL</span></li>
                                    
                                  </ul>
                                </div>
                                
                            </div>
                            <div class="newbtns">
          <button class="newapply">Enquire Now</button>
        </div>
                            
                        </div>
                       
                       
                    </div>

                
        
                </div>
                <div class="col-lg-6">
                   <div class="plan">
                        <div class="item111 col-lg-12 customflex">
                            <div class="image mainimg">
                                <img src={{asset('/assets/dashboard/assets/img/elements/pfc.png')}} alt="">
                            </div>
                            <div class="contents othfix mainlist">
                                <h5>Pfc Capital Gain Tax Exemption Bonds-series Vii</h5>
                                <div class="right-content">

                                  <ul>
                                    <li>Min Investment-<span class="pfix"> 1,00,000</span></li>
                                    <li>ROI(per annum)-<span class="pfix"> 00%</span></li>
                                    
                                  </ul>
                                  <ul class="rightfix">
                                    <li>Interest Credit Date-<span class="pfix"> 31-12-2024</span></li>
                                    <li>Rating-<span class="pfix"> AAA/Stable' by CRISIL</span></li>
                                    
                                  </ul>
                                </div>
                                
                            </div>
                            <div class="newbtns">
          <button class="newapply">Enquire Now</button>
        </div>
                            
                        </div>
                       
                       
                    </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')