@extends('backend.admin-master')
@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"> </span> Payout </h4>

			   <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"
                      >
                       Department
                      </a> 
                      <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <li onclick="department(this);" title="Aifs"><a class="dropdown-item" href="javascript:void(0)">Alternate Investment Funds</a></li>
                        <li onclick="department(this);" title="Angel Investing"><a class="dropdown-item" href="javascript:void(0)">Angel Investing</a></li>
						<li onclick="department(this);" title="Business Loan"><a class="dropdown-item" href="javascript:void(0)">Business Loan</a></li>
						<li onclick="department(this);" title="Credit Card"><a class="dropdown-item" href="javascript:void(0)">Credit Card</a></li>
						<li onclick="department(this);" title="Fis"><a class="dropdown-item" href="javascript:void(0)">Fixed Income Securities</a></li>
						<li onclick="department(this);" title="Health Insurance"><a class="dropdown-item" href="javascript:void(0)">Health Insurance</a></li>
						<li onclick="department(this);" title="Home Loan"><a class="dropdown-item" href="javascript:void(0)">Home Loan</a></li>
						<li onclick="department(this);" title="Lap"><a class="dropdown-item" href="javascript:void(0)">Lap</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="Personal Loan "><a class="dropdown-item" href="javascript:void(0)">Personal Loan </a></li>
						<li onclick="department(this);" title="PMS"><a class="dropdown-item" href="javascript:void(0)">PMS</a></li>
						<li onclick="department(this);" title="Project Financing"><a class="dropdown-item" href="javascript:void(0)">Business Financing</a></li>
						<li onclick="department(this);" title="StockMarket"><a class="dropdown-item" href="javascript:void(0)">StockMarket</a></li>
						
                      </ul>
                    </li></ul>                      
                    <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#basicModal">Custom Search</button>
                    </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/payout?refresh=refresh') }}"
                          class="btn btn-primary mr10"
                    >
						            Reset
					          </a>
                  </div>
                </div>
              </nav>
			  
			  <!-- Horizontal -->
             <div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <form action="{{ url('superadmin/payout') }}" method="GET">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalLabel1">Payout Filter</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="col mb-3">
                          <label for="nameBasic" class="form-label">Product Title</label>
                          <input type="text" id="nameBasic" class="form-control" placeholder="" name="productname" value="{{ Session()->get('productname') }}"/>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col mb-3">
                          <label for="nameBasic" class="form-label">Customer Name</label>
                          <input type="text" id="nameBasic" class="form-control" placeholder="" name="customername" value="{{ Session()->get('customername') }}"/>
                        </div>
                      </div>
                     <div class="row">
                        <div class="col mb-3">
                          <label for="nameBasic" class="form-label">Email Id</label>
                          <input type="text" id="nameBasic" class="form-control" placeholder="" name="emailid" value="{{ Session()->get('emailid') }}"/>
                        </div>
                      </div>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                        Close
                      </button>
                      <button type="submit" class="btn btn-primary">Search</button>
                    </div>
                  </div>
              </form>
              </div>
            </div>
			  
			  <div class="row mb-5">

             
				 <div class="card">
                <h5 class="card-header">Total  Payout Details</h5>
                <div class="table-responsive text-nowrap">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>date</th>
                        <th>Product</th>
                         <th>department</th>
                        <th>Customer Name</th>
						<th>Email Id</th>
                        <th>Final Deal Amount</th>
                        <th>Percent</th>
                        <th>payout</th>
                        <th>comments</th>
                      </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                      <tr>
    @foreach($_details_pyout as $_details)
    <td>{{ \Carbon\Carbon::parse($_details->created_at)->isoFormat('DD MMM YYYY')}}</td>

      <td><i class="fab fa-angular fa-lg text-danger me-3"></i> <strong>
        {{$_details->product_tittle}}</strong></td>
            <td>{{$_details->department}}</td>
            <td>{{$_details->name}}</td>
			<td>{{$_details->emailid}}</td>
            <td>{{$_details->AUM}}</td>
            <td>{{$_details->Percent}}</td>
            <td>{{$_details->totalprice}}</td>
            <td>{{$_details->enquirycomments}}</td>
                      </tr>
                       @endforeach
                      <tr>
                    </tbody>
                  </table>
                  @if (session('success'))
                  <div class="alert alert-success">
                      {{ session('success') }}
                  </div>
                @endif
                </div>
              </div>
              {{ $_details_pyout->links("pagination::bootstrap-4") }}
            </div>
            <!-- / Content -->
			
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
			
<script>
  var APP_URL = {!! json_encode(url('/')) !!}
  
  function department(d)
  {
    var title = d.getAttribute("title");
    window.location.href= APP_URL+"/superadmin/payout?"+"department="+title;
  }

$('#csvExport').on('click', function(e){
      jQuery.ajax({
          url:'/payout-list',
          type:'get',
          success:function(data){
            /*
            * Make CSV downloadable
            */
            var downloadLink = document.createElement("a");
            var fileData = ['\ufeff'+data];

            var blobObject = new Blob(fileData,{
              type: "text/csv;charset=utf-8;"
            });

            var url = URL.createObjectURL(blobObject);
            downloadLink.href = url;
            downloadLink.download = `payout-list-${new Date().toLocaleDateString('de-DE')}.csv`;

            /*
            * Actually download CSV
            */
            document.body.appendChild(downloadLink);
            downloadLink.click();
            document.body.removeChild(downloadLink);
          }
        });
    })
  
</script>
@endsection