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

            <div class="container-xxl flex-grow-1 container-p-y newpd">
              @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 class="col-md-6 fixinghigh">
  <div class="container">
    <div class="row">
    <div class="dropdown-wrapper wrap" data-id="0">
  <span class="dropdown-heading">Coupon</span>
  <div class="icon-wrapper">
    <i class="toggle fa fa-chevron-down"></i>
    <div class="dropdown-content">
      <ul>
        <li><input type="checkbox" class="custom-checkbox" name="test" id="Coupon1"><label for="Coupon1">05%-!0%</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="test" id="Coupon2"><label for="Coupon2">10%-15%</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="test" id="Coupon3"><label for="Coupon3">15%-20%</label></li>
      </ul>
    </div>
  </div>
</div>
<div class="dropdown-wrapper1 wrap" data-id="1">
  <span class="dropdown-heading">Credit Ratings</span>
  <div class="icon-wrapper">
    <i class="toggle1 fa fa-chevron-down"></i>
    <div class="dropdown-content customnew">
      <ul>
        <li><input type="checkbox" class="custom-checkbox" name="AAA" id="1"><label for="1">AAA</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="AA+" id="2"><label for="2">AA+</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="AA" id="3"><label for="3">AA</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="AA-" id="4"><label for="4">AA-</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A+" id="5"><label for="3">A+</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="6"><label for="3">A</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="7"><label for="3">A-</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="8"><label for="3">BBB+</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">BBB</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">BBB-</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">BB+</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">BB</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">BB-</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">B+</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">B</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">B-</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">CCC+</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">CCC</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">CCC-</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">CC</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">CC-</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">C</label></li>
        <li><input type="checkbox" class="custom-checkbox" name="A" id="5"><label for="3">D</label></li>
      </ul>
    </div>
  </div>
</div>
    <div class="dropdown-wrapper2 wrap" data-id="2">
  <span class="dropdown-heading">Maturity</span>
  <div class="icon-wrapper">
    <i class="toggle2 fa fa-chevron-down"></i>
    <div class="dropdown-content customnew">
      <ul>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="11"><label for="11">1 Year</label></li>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="55"><label for="55">2 Years</label></li>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="66"><label for="66">3 Years</label></li>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="76"><label for="76">4 Years</label></li>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="86"><label for="86">5 Years</label></li>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="96"><label for="96">6 Years</label></li>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="6"><label for="6">7 Years</label></li>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="6"><label for="6">8 Years</label></li>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="6"><label for="6">9 Years</label></li>
        <li><input type="checkbox" name="test" class="custom-checkbox" id="6"><label for="6">10+ Years</label></li>
      </ul>
    </div>
  </div>
</div>
<div class="reset">
  <button class="resetbtn">Reset</button>
</div>
    </div>
  </div>
</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/ncd.png')}} alt="">
                            </div>
                            <div class="contents othfix newfix">
                                <h3>NCD</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-4">
                   <div class="plan">
                        <div class="item111 col-lg-12 customflex">
                            <div class="image mainimg">
                                <img src={{asset('/assets/dashboard/assets/img/elements/edel.png')}} alt="">
                            </div>
                            <div class="contents othfix mainlist">
                                <h5>Edelweiss ZCB - Gem Series II NCD</h5>
                                <div class="right-content">

                                  <ul>
                                    <li>Coupon-<span class="pfix"> Lorem Ipsum</span></li>
                                    <li>Maturity-<span class="pfix"> 2-3 Years</span></li>
                                    <li>Yield-<span class="pfix"> 2-3 Years</span></li>
                                    
                                  </ul>
                                  <ul class="rightfix">
                                    <li>Interest Payment-<span class="pfix"> 00%</span></li>
                                    <li>Face Value-<span class="pfix"> 3 CR</span></li>
                                    <li>Rating-<span class="pfix"> CRISIL A+</span></li>
                                    
                                  </ul>
                                </div>
                                
                            </div>
                            <div class="newbtns">
          <button class="newapply">View More</button>
        </div>
                            
                        </div>
                       
                       
                    </div>

                
        
                </div>
                <div class="col-lg-4">
                   <div class="plan">
                        <div class="item111 col-lg-12 customflex">
                            <div class="image mainimg">
                                <img src={{asset('/assets/dashboard/assets/img/elements/au.png')}} alt="">
                            </div>
                            <div class="contents othfix mainlist">
                                <h5>12 % AU small</h5>
                                <div class="right-content">

                                  <ul>
                                    <li>Coupon-<span class="pfix"> Lorem Ipsum</span></li>
                                    <li>Maturity-<span class="pfix"> 2-3 Years</span></li>
                                    <li>Yield-<span class="pfix"> 2-3 Years</span></li>
                                    
                                  </ul>
                                  <ul class="rightfix">
                                    <li>Interest Payment-<span class="pfix"> 00%</span></li>
                                    <li>Face Value-<span class="pfix"> 3 CR</span></li>
                                    <li>Rating-<span class="pfix"> CRISIL A+</span></li>
                                    
                                  </ul>
                                </div>
                                
                            </div>
                            <div class="newbtns">
          <button class="newapply">View More</button>
        </div>
                            
                        </div>
                       
                       
                    </div>

                
        
                </div>
                <div class="col-lg-4">
                   <div class="plan">
                        <div class="item111 col-lg-12 customflex">
                            <div class="image mainimg">
                                <img src={{asset('/assets/dashboard/assets/img/elements/edel.png')}} alt="">
                            </div>
                            <div class="contents othfix mainlist">
                                <h5>Edelweiss ZCB - Gem Series II NCD</h5>
                                <div class="right-content">

                                  <ul>
                                    <li>Coupon-<span class="pfix"> Lorem Ipsum</span></li>
                                    <li>Maturity-<span class="pfix"> 2-3 Years</span></li>
                                    <li>Yield-<span class="pfix"> 2-3 Years</span></li>
                                    
                                  </ul>
                                  <ul class="rightfix">
                                    <li>Interest Payment-<span class="pfix"> 00%</span></li>
                                    <li>Face Value-<span class="pfix"> 3 CR</span></li>
                                    <li>Rating-<span class="pfix"> CRISIL A+</span></li>
                                    
                                  </ul>
                                </div>
                                
                            </div>
                            <div class="newbtns">
          <button class="newapply">View More</button>
        </div>
                            
                        </div>
                       
                       
                    </div>

                
        
                </div>
                <div class="col-lg-4">
                   <div class="plan">
                        <div class="item111 col-lg-12 customflex">
                            <div class="image mainimg">
                                <img src={{asset('/assets/dashboard/assets/img/elements/lorem.png')}} alt="">
                            </div>
                            <div class="contents othfix mainlist">
                                <h5>Matrix labs NCD</h5>
                                <div class="right-content">

                                  <ul>
                                    <li>Coupon-<span class="pfix"> Lorem Ipsum</span></li>
                                    <li>Maturity-<span class="pfix"> 2-3 Years</span></li>
                                    <li>Yield-<span class="pfix"> 2-3 Years</span></li>
                                    
                                  </ul>
                                  <ul class="rightfix">
                                    <li>Interest Payment-<span class="pfix"> 00%</span></li>
                                    <li>Face Value-<span class="pfix"> 3 CR</span></li>
                                    <li>Rating-<span class="pfix"> CRISIL A+</span></li>
                                    
                                  </ul>
                                </div>
                                
                            </div>
                            <div class="newbtns">
          <button class="newapply">View More</button>
        </div>
                            
                        </div>
                       
                       
                    </div>

                
        
                </div>
                <div class="col-lg-4">
                   <div class="plan">
                        <div class="item111 col-lg-12 customflex">
                            <div class="image mainimg">
                                <img src={{asset('/assets/dashboard/assets/img/elements/clix.png')}} alt="">
                            </div>
                            <div class="contents othfix mainlist">
                                <h5>Matrix labs NCD</h5>
                                <div class="right-content">

                                  <ul>
                                    <li>Coupon-<span class="pfix"> Lorem Ipsum</span></li>
                                    <li>Maturity-<span class="pfix"> 2-3 Years</span></li>
                                    <li>Yield-<span class="pfix"> 2-3 Years</span></li>
                                    
                                  </ul>
                                  <ul class="rightfix">
                                    <li>Interest Payment-<span class="pfix"> 00%</span></li>
                                    <li>Face Value-<span class="pfix"> 3 CR</span></li>
                                    <li>Rating-<span class="pfix"> CRISIL A+</span></li>
                                    
                                  </ul>
                                </div>
                                
                            </div>
                            <div class="newbtns">
          <button class="newapply">View More</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')