@extends('layouts.buddy-screens')
@section('content')
  
<link
      href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
      rel="stylesheet"
    />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <script src="https://kit.fontawesome.com/db3adbc7d6.js" crossorigin="anonymous"></script>


          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Dashboards / Deals /</span> Fixed Income Securities</h4>
          <!-- Horizontal -->
           
              <div class="row mb-5">
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-2">
                        <img class="card-img card-img-left" src="{{asset('public/uploads/fis/products/'. $_details->Logo)}}" alt="Card image" />
                      </div>
                      <div class="col-md-10">
                        <div class="card-body">
                          <h5 class="card-title green">{{$_details->productname}}</h5>
                          <p class="card-text">{{$_details->short_desc}}
                          </p>
       
          <br>
          <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#basicModal">
                          Connect
                        </button>
          <!-- <button type="button" class="btn btn-outline-primary"><i class="fa-solid fa-download"></i> Download Details </button> -->

          &nbsp;
          <a href="{{ url('dpbuddy/FixedIncome') }}"
          class="btn btn-outline-secondary">Back</a>
          &nbsp;
{{-- 
             <button class="btn btn-outline-primary" type="button" id="details"><i class="fa-sharp fa-solid fa-download"></i> Download Details</button> --}}

             @if ($_details['upload_docu'])
              <a href="{{url('public/uploads/fis', $_details['upload_docu'])}}" download class="btn btn-outline-primary"><i class="fa-sharp fa-solid fa-download"></i> Download Details</a> 
             @endif


                        <!-- Modal -->
                        <div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <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">
                <form>
                                <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="pmsQueryForname" 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" 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>
              <!--/ Horizontal -->
        
              <!-- Basic Bootstrap Table -->
              <div class="card mb-4">
                <h5 class="card-header"> Details</h5>
                <div class="table-responsive text-nowrap">
                  <table class="table" id="fis_details">
                    <thead>
                      <tr>
                        <th>ASSET CLASS </th>
                        <th>PRE-TAX IRR</th>
                        <th>TENURE</th>
                        <th>Final Deal Amount</th>
                        <th>TOTAL ISSUE SIZE</th>
                         <th>INTEREST PAYOUT </th>
                      </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                      <tr>
                        <td>{{ ucwords(str_replace("_"," ",$_details['asset_class']));}}</td>
                        <td>{{ ucwords(str_replace("_"," ",$_details['pre_tax']));}}</td>
                        <td> {{ucwords(str_replace("_"," ",$_details['tenure']));}}  </td>
             <td>{{$_details['AUM']}}  </td>
             <td>{{$_details['total_issue_size']}} </td>
             <td>{{$_details['interest_payout']}}  %</td>
                      </tr>
                      
                    </tbody>
                  </table>
                </div>
              </div>
              <!--/ Basic Bootstrap Table -->
          
 <div class="card mb-4">
                <h5 class="card-header">Description</h5>
                <div class="card-body">
                  <div class="row">
                    <!-- Custom content with heading -->
                    <div class="col-lg-12 mb-4 mb-xl-0">
                      {!!html_entity_decode($_details->deal_desc)!!}
                      {!!html_entity_decode($_details->additional_desc)!!}
 <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"
                        >

                          <!-- data-bs-target="#basicModal2" -->
                        
                         Generate Query
                        </button>
            <div class="modal fade" id="basicModal1" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <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>
            
            <div class="modal fade" id="basicModal2" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <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">
              
                                <div class="row">
                <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Query For</label>
                          <div class="col-sm-8">
                           <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected>Self</option>
                          <option value="1">DP Buddy User 1</option>
                          <option value="2">DP Buddy User 2</option>
                          <option value="3">DP Buddy User 3</option>
              <option value="3">DP Buddy User 4</option>
              <option value="3">DP Buddy User 5</option>
                        </select>
                          </div>
                        </div>
                                  <div class="row mb-3">
                     <form>
                        <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" id="basic-default-name" placeholder="Enter your full name" />
                          </div>
                        </div>
             <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Email Id </label>
                          <div class="col-sm-8">
                            <input type="email" class="form-control" id="basic-default-name" placeholder="abcd@gmail.com" />
                          </div>
                        </div>
            <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Contact No. </label>
                          <div class="col-sm-8">
                            <input type="tel" class="form-control" id="basic-default-name" placeholder="+91 9999999999" />
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Your Message </label>
                          <div class="col-sm-8">
                           <textarea class="form-control" aria-label="With textarea"></textarea>
                          </div>
                        </div>

                        <div class="row justify-content-end">
                          <div class="col-sm-12">
                            <button type="submit" class="btn btn-primary">Submit</button>
                          </div>
                        </div>
                      </form>
                   
                  </div>
                              </div>
                             
                            </div>
                          </div>
                      
                    </div> 
              
                        </div>
            
            
             <!-- <button type="button" class="btn btn-outline-primary">Chat </button>    -->
                    </div>
                   
           </div>
                 
</div>
             
            </div>
            <!-- / Content -->
            <script>
              
              function download_csv(csv, filename) {
                  var csvFile;
                  var downloadLink;
              
                  // CSV FILE
                  csvFile = new Blob([csv], {type: "text/csv"});
              
                  // Download link
                  downloadLink = document.createElement("a");
              
                  // File name
                  downloadLink.download = filename;
              
                  // We have to create a link to the file
                  downloadLink.href = window.URL.createObjectURL(csvFile);
              
                  // Make sure that the link is not displayed
                  downloadLink.style.display = "none";
              
                  // Add the link to your DOM
                  document.body.appendChild(downloadLink);
              
                  // Lanzamos
                  downloadLink.click();
              }
              
              function export_table_to_csv(html, filename) {
                var csv = [];
                var rows = document.querySelectorAll("#fis_details tr");
                
                  for (var i = 0; i < rows.length; i++) {
                  var row = [], cols = rows[i].querySelectorAll("td, th");
                  
                      for (var j = 0; j < cols.length; j++) 
                          row.push(cols[j].innerText);
                      
                  csv.push(row.join(","));		
                }
              
                  // Download CSV
                  download_csv(csv.join("\n"), filename);
              }
              
              document.querySelector("#details").addEventListener("click", function () {
                  var html = document.querySelector("table").outerHTML;
                export_table_to_csv(html, "fixed-income-securities-detail.csv");
              });
              </script>
  
@endsection
@extends('layouts.chat-screens')