@extends('backend.admin-withouterrmaster')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')

	 <!-- 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"> Superadmin /</span> Faqs</h4>
				 @if (session('success'))
				   <div class="alert alert-success">
					  {{ session('success') }}
				   </div>
				@endif 

          <nav class="navbar navbar-example navbar-expand-lg bg-light mb-3">
                <div class="container-fluid">
                  <a class="navbar-brand" href="javascript:void(0)">&nbsp;</a>
                  <button
                    class="navbar-toggler"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#navbar-ex-3"
                  >
                    <span class="navbar-toggler-icon"></span>
                  </button>

                  <div class="collapse navbar-collapse" id="navbar-ex-3">
                    <div class="navbar-nav me-auto">
                      <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item dropdown">
                      <a
                        class="nav-link dropdown-toggle"
                        href="javascript:void(0)"
                        id="navbarDropdown"
                        role="button"
                        data-bs-toggle="dropdown"
                      >
                       Type
                      </a> 
                      <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="max-height: 400px;overflow: scroll;">
                        <li onclick="department(this);" title="angel-investing"><a class="dropdown-item" href="javascript:void(0)">angel-investing</a></li>
                        <li onclick="department(this);" title="investments-banking"><a class="dropdown-item" href="javascript:void(0)">investments-banking</a></li>

                        <li onclick="department(this);" title="healths-insurance"><a class="dropdown-item" href="javascript:void(0)">healths-insurance</a></li>

                        <li onclick="department(this);" title="life-insurance"><a class="dropdown-item" href="javascript:void(0)">life-insurance</a></li>

                        <li onclick="department(this);" title="other-general-insurance"><a class="dropdown-item" href="javascript:void(0)">other-general-insurance</a></li>

                        <li onclick="department(this);" title="alternative-investment-funds"><a class="dropdown-item" href="javascript:void(0)">alternative-investment-funds</a></li>

                        <li onclick="department(this);" title="fixed-income-security"><a class="dropdown-item" href="javascript:void(0)">fixed-income-security</a></li>

                        <li onclick="department(this);" title="mutual-funds"><a class="dropdown-item" href="javascript:void(0)">mutual-funds</a></li>

                        <li onclick="department(this);" title="portfolio-management-service"><a class="dropdown-item" href="javascript:void(0)">portfolio-management-service</a></li>
                       
                       <li onclick="department(this);" title="stock_market"><a class="dropdown-item" href="javascript:void(0)">stock_market</a></li>

                       <li onclick="department(this);" title="business-finances"><a class="dropdown-item" href="javascript:void(0)">business-finances</a></li>

                       <li onclick="department(this);" title="home-loans"><a class="dropdown-item" href="javascript:void(0)">home-loans</a></li>

                    

                       <li onclick="department(this);" title="loans-against-property"><a class="dropdown-item" href="javascript:void(0)">loans-against-property</a></li>

                       <li onclick="department(this);" title="business-loans"><a class="dropdown-item" href="javascript:void(0)">business-loans</a></li>

                       <li onclick="department(this);" title="personal-loans"><a class="dropdown-item" href="javascript:void(0)">personal-loans</a></li>

                       <li onclick="department(this);" title="credit-check-and-upgrade"><a class="dropdown-item" href="javascript:void(0)">credit-check-and-upgrade</a></li>

                       <li onclick="department(this);" title="due-diligence-services"><a class="dropdown-item" href="javascript:void(0)">due-diligence-services</a></li>

                       <li onclick="department(this);" title="digital-transformation"><a class="dropdown-item" href="javascript:void(0)">digital-transformation</a></li>

                       <li onclick="department(this);" title="restructuring-proposal"><a class="dropdown-item" href="javascript:void(0)">restructuring-proposal</a></li>

                       <li onclick="department(this);" title="strategic-advisory"><a class="dropdown-item" href="javascript:void(0)">strategic-advisory</a></li>

                       <li onclick="department(this);" title="startup-services"><a class="dropdown-item" href="javascript:void(0)">startup-services</a></li>

                       <li onclick="department(this);" title="transfer-pricing"><a class="dropdown-item" href="javascript:void(0)">transfer-pricing</a></li>

                       <li onclick="department(this);" title="valuation-services"><a class="dropdown-item" href="javascript:void(0)">valuation-services</a></li>
                     
                      </ul>
                    </li></ul>                      
                    
                    </div>
                    <!--<form onsubmit="return false">-->
                     <!-- <button class="btn btn-outline-primary" id="csvExport" type="button"><i class="bx bxs-download"></i> Download</button>!-->
                    <!--</form>-->
          &nbsp;&nbsp;&nbsp;
           <a
                      href="{{ url('superadmin/faqs-list?refresh=refresh') }}"
                          class="btn btn-primary mr10"
                    >
                        Reset
                    </a>
                  </div>
                </div>
              </nav>
				
				
 

              <div class="row mb-5">
				 <div class="card">

                <div class="table-responsive text-nowrap">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>Id</th>
                        <th>Question</th>
                        <th>Type</th>
						            <th>Created At</th>
						            <th>ACTIONS</th>
                      </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
        					  @forelse($faqs as $data)
        					  <tr>
          						<td>{{$data->id_faq}}</td>
          						<td>{{$data->question}}</td>
                      <td>{{$data->type}}</td>
          						<td>{{$data->created_at}}</td>
          						<td>
                        
                          <div class="dropdown">
                            <button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown">
                              <i class="bx bx-dots-vertical-rounded"></i>
                            </button>
                            <div class="dropdown-menu">
                              <a class="dropdown-item" href="{{url('superadmin/edit-faqs' , $data->id_faq)}}"
                                ><i class="bx bx-edit-alt me-1"></i> Edit</a
                              >
                              <a onclick="return confirm('Are you sure you want to delete this?')" class="dropdown-item" href="{{ url('superadmin/delete-faqs',$data->id_faq) }}"
                                ><i class="bx bx-trash me-1"></i> Delete</a>
                            </div>
                          </div>
                            
                        </td>
					  </tr>
            @empty
            <tr><td colspan="7"><h4 class="text-center mt-3 text-muted">No Records Found !</h4></td></tr>
           @endforelse
                    </tbody>
                  </table>
				   {{ $faqs->links("pagination::bootstrap-4") }} 

                </div>
              </div>

            </div>
            <!-- / Content -->

            <div class="content-backdrop fade"></div>
          </div>
          <!-- Content wrapper -->
        </div>
<script>
var APP_URL = {!! json_encode(url('/')) !!}
function posted_by(d)
{
	var id = d.getAttribute("id");
	var title = d.getAttribute("title");

	window.location.href= APP_URL+"/superadmin/support?"+"posted-by="+id;
}

  
  function department(d)
  {
    var title = d.getAttribute("title");
    window.location.href= APP_URL+"/superadmin/faqs-list?"+"type="+title;
  }

// download enquires
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("table 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.getElementById("csv").addEventListener("click", function () {
    var html = document.querySelector("table").outerHTML;
  export_table_to_csv(html, `homeloan-enquiry-${new Date().toLocaleDateString('de-DE')}.csv`);
});


</script>
@endsection