@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>Others</span></h4>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-12">
        <div class="container">
          <div class="row">
            <div class="top-section">
              <img class="card-img card-img-left" src="{{asset('public/uploads/fis/products/'. $details->Logo)}}" alt="Card image" />
              <h3>{{$details->productname}}</h3>
              <!-- <p>{{$details->company_name}}</p> -->
            </div>
            <div class="assest-section">
              <ul class="assets">
                <li><img src={{asset('/assets/dashboard/assets/img/elements/asset.png')}} alt=""></li>
                <li>Company Name</li>
                <li>
                  <hr class="assethr">
                </li>
                <li>{{$details->company_name}}</li>
              </ul>
              <ul class="assets">
                <li><img src={{asset('/assets/dashboard/assets/img/elements/payout.png')}} alt=""></li>
                <li>Coupon Rate</li>
                <li>
                  <hr class="assethr">
                </li>
                <li></li>
              </ul>
              <ul class="assets">
                <li><img src={{asset('/assets/dashboard/assets/img/elements/taxpr.png')}} alt=""></li>
                <li>Tenure</li>
                <li>
                  <hr class="assethr">
                </li>
                <li>{{ ucwords(str_replace("_"," ",$details->tenure));}}</li>
              </ul>
              <ul class="assets">
                <li><img src={{asset('/assets/dashboard/assets/img/elements/tenure.png')}} alt=""></li>
                <li>Min. Investment</li>
                <li>
                  <hr class="assethr">
                </li>
                <li>{{ $details->min_investment }}</li>
              </ul>
              <ul class="assets">
                <li><img src={{asset('/assets/dashboard/assets/img/elements/deal.png')}} alt=""></li>
                <li>Credit Rating</li>
                <li>
                  <hr class="assethr">
                </li>
                <li></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>
              {{ $details->short_desc }}          
              {!!html_entity_decode($details->deal_desc)!!}
              {!!html_entity_decode($details->additional_desc)!!}
          </div>
          <div class="col-md-6">
              <div class="sidebuttons">                    
                     
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#basicModal1">
                Consult Account Manager
                </button> &nbsp;<button type="button" class="btn btn-warning" data-bs-toggle="modal"
                  data-bs-target="#basicModal">Generate Query
                </button>

<!--popup start-->
<div class="modal fade" id="basicModal1" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog" role="document" style="min-width:600px;">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel1">Finance Advisor Details</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form>
          <div class="row mb-3">
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Mobile No.</th>
                </tr>
              </thead>
              <tbody>
                @forelse ( $consultant as $manager )
                <tr>
                  <td>{{$manager->name}}</td>
                  <td>{{$manager->email}}</td>
                  <td>{{$manager->mobile}}</td>
                </tr>
                @empty
                <tr>
                  <td colspan="7">
                    <h4 class="text-center text-muted mt-2">No Records Found !</h4>
                  </td>
                </tr>
                @endforelse
              </tbody>
            </table>
          </div>
          <div class="modal-footer">
        </form>
      </div>
    </div>
  </div>
</div>
</div>

<!-- Modal -->
<div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog" role="document" style="min-width:600px;">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel1">FIS Enquiry</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">        
          <div class="row">
            <form class="mb-3" method="POST">
              @csrf

              @if(Auth::user()->role == 'dpuser')
              <div class="row mb-3" style="display: none;">
                <label class="col-sm-4 col-form-label" for="basic-default-name">Query For</label>
                <div class="col-sm-8">
                  <select onchange="pmsQueryFor()" class="form-select" id="pmsQueryFor1"
                    aria-label="Default select example">
                    <option selected value="Self">Self</option>
                    @foreach($child_details as $child_detailss)
                    <option value="{{$child_detailss->id}}">{{$child_detailss->name}} {{$child_detailss->role}}
                    </option>
                    @endforeach
                  </select>
                </div>
              </div>
              <input type="hidden" class="form-control" name="manager" id="manager"
                value="{{$user_details->parentid}}" />
              @else
              <div class="row mb-3">
                <label class="col-sm-4 col-form-label" for="basic-default-name">Query For <sup
                    style="color:red;">*</sup></label>
                <div class="col-sm-8">
                  <select onchange="pmsQueryFor()" class="form-select" id="pmsQueryFor1"
                    aria-label="Default select example">
                    <option selected value="Self">Self</option>
                    @foreach($child_details as $child_detailss)
                    <option value="{{$child_detailss->id}}">{{$child_detailss->name}} {{$child_detailss->role}}
                    </option>
                    @endforeach
                  </select>
                </div>
              </div>
              <input type="hidden" class="form-control" name="manager" id="manager" value="{{$user_details->id}}" />
              @endif

              <div class="row mb-3">
                <label class="col-sm-4 col-form-label" for="basic-default-name">Full Name </label>
                <div class="col-sm-8">
                  <input type="text" class="form-control" name="customerName" id="full_name"
                    placeholder="Enter your full name" value="{{$user_details->name}} {{$user_details->last_name}}" />

                  <input type="hidden" class="form-control" name="userid" id="userid" value="{{$user_details->id}}" />
                  {{-- <input type="hidden" class="form-control"  name="manager" id="manager"  value="{{$user_details->id}}"
                  /> --}}
                  <input type="hidden" class="form-control" name="productid" id="productid" value="{{$details->id}}" />
                  <input type="hidden" class="form-control" name="department" id="department" value="Fis" />

                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-4 col-form-label" for="basic-default-name">Email Id <sup
                    style="color:red;">*</sup></label>
                <div class="col-sm-8">
                  <input type="email" class="form-control" name="emailid" id="pmsQueryForemail"
                    placeholder="abcd@gmail.com" value="{{$user_details->email}}" />
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-4 col-form-label" for="basic-default-name">Contact No. <sup
                    style="color:red;">*</sup></label>
                <div class="col-sm-8">
                  <input type="tel" name="phone" class="form-control number" maxlength="10" id="pmsQueryForphone" placeholder="+91 9999999999"
                    value="{{$user_details->phone}}" />
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-4 col-form-label" for="basic-default-name">Your Message <sup
                    style="color:red;">*</sup></label>
                <div class="col-sm-8">
                  <textarea class="form-control" aria-label="With textarea" id="message" name="message"
                    required></textarea>
                </div>
              </div>

              <div class="row justify-content-end">
                <div class="col-sm-12">
                  <button type="button" onclick="Submitqueryforpms()" class="btn btn-primary">Submit</button>
                </div>
              </div>
            </form>
          </div>
      </div>

    </div>
  </div>
</div>


</div>
</div>
</div>
</div>

</div>
<!--popup end-->

                    </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')