@extends('layouts.app')
@section('content')

@php
$table = "yes";
@endphp
<style type="text/css">
.dropdown-menu .show{
    inset:none !important;
}
</style>
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <div class="p-2 main-dashboard-header-left mt-2">
            
        </div>
    </div>
    <!-- End Page Header -->

    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-body">
                    <form id="searchForm">
                        <div class="row">
                            <div class="col-xl-9">
                                <div class="row">
                                    <div class="col-xl-2">
                                        <p class="text-muted">From Date:</p>
                                        <input type="date" name="from_date" class="form-control" id="input">  
                                    </div>

                                    <div class="col-xl-2">
                                        <p class="text-muted">To Date:</p>
                                        <input type="date" name="to_date" class="form-control" id="">  
                                    </div>

                                    <div class="col-xl-2">
                                        <p class="text-muted">User ID:</p>
                                         <input type="text" name="to_date" placeholder="Searchab..." class="form-control" id="">
                                    </div>

                                    <div class="col-xl-2 mt-3"><br>
                                        <button type="submit" class="btn btn-sm btn-primary-gradient waves-light">Search</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3">
                                <div class="btn-list text-end" style="margin-top: 36px;">
                                   
                                    <button class="btn btn-sm btn-orange-gradient waves-light">Export Excel</button>
                                    <button class="btn btn-sm btn-purple-gradient waves-light">Export PDF</button> 
                                </div>

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

    <div class="col-xl-12">
        <div class="card custom-card">
            <div class="card-header justify-content-between">
               <div class="card-title">
                  <h5>Commssion Change History</h5>
               </div>
         
            </div>
            <div class="card-body">
               <div class="table-responsive custom-scroll">
                    <table class="table text-nowrap table-bordered" id="datatables">
                        <thead>
                            <tr>
                                <th>Sr No</th>
                                <th>Created Date</th>
                                <th>Updated Date</th>
                                <th>Plan Name</th>
                                <th>Created By</th>
                                <th>Updated By</th>
                                <th>Update History</th>
                            </tr>
                        </thead>

                        <tbody>
                            @php
                                $srNames = [
                                    "Rahul Sharma","Amit Verma","Neha Yadav",
                                    "Pooja Chauhan","Sanjay Patel","Rohit Gupta"
                                ];

                                $planNames = [
                                    "Basic Commission Plan",
                                    "Silver Commission Plan",
                                    "Gold Commission Plan",
                                    "Premium Commission Plan"
                                ];

                                $admins = [
                                    "Admin",
                                    "Super Admin",
                                    "Finance Admin"
                                ];

                                $updateRemarks = [
                                    "Admin has updated recharge commission plan",
                                    "Admin had changed commission plan of Money Transfer services",
                                    "Admin updated commission structure for Bill Payment Service",
                                    "Super Admin revised commission slabs for AEPS service",
                                    "Finance Admin modified payout commission for DMT and Recharge"
                                ];

                                $rows = [];

                                for ($i = 1; $i <= 10; $i++) {
                                    $createdDate = now()->subDays(rand(20, 60));
                                    $updatedDate = (clone $createdDate)->addDays(rand(1, 15));

                                    $rows[] = [
                                        'sr_name'      => $srNames[array_rand($srNames)],
                                        'created_date' => $createdDate->format('d M Y h:i A'),
                                        'updated_date' => $updatedDate->format('d M Y h:i A'),
                                        'plan_name'    => $planNames[array_rand($planNames)],
                                        'created_by'   => $admins[array_rand($admins)],
                                        'updated_by'   => $admins[array_rand($admins)],
                                        'history'      => $updateRemarks[array_rand($updateRemarks)],
                                    ];
                                }
                            @endphp
                          @foreach($rows as $i => $row)
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $row['created_date'] }}</td>
                                    <td>{{ $row['updated_date'] }}</td>

                                    <td>
                                        <span class="fw-semibold text-primary">
                                            {{ $row['plan_name'] }}
                                        </span>
                                    </td>

                                    <td>
                                        <span class="badge bg-info">
                                            {{ $row['created_by'] }}
                                        </span>
                                    </td>

                                    <td>
                                        <span class="badge bg-warning text-dark">
                                            {{ $row['updated_by'] }}
                                        </span>
                                    </td>

                                    <td>
                                        <small class="text-muted">
                                            {{ $row['history'] }}
                                        </small>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>

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

</div>


    <div class="modal fade" id="createNewPlanModel"
        aria-labelledby="createNewPlanModelLabel" tabindex="-1" aria-hidden="true"
        style="display: none;">
        <div class="modal-dialog modal-md modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                  <h6 class="modal-title" id="staticBackdropLabel1">Commission New Plan
                  </h6>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form id="topupUpdateFrm" action="{{route('topuptxn')}}" method="post">
                <div class="modal-body">
                  <div class="formerror"></div>
                   @csrf
                   <div class="row">
                      <div class="col-md-12 mb-3">
                        <label class="form-label">Commission Plan Name</label>
                        <input type="text" name="comPlanName" class="form-control" placeholder="Enter Valid Value" required>
                      </div>

                      <div class="col-md-12 mb-3">
                          <p class="form-label">Select the Member:</p>
                          <select class="form-control">
                              <option value="">Select</option>
                              <option value="White Label">White Label</option>
                              <option value="Master Distributor">Master Distributor</option>
                              <option value="Distributor">Distributor</option>
                              <option value="Retailer">Retailer</option>
                          </select> 
                      </div>

                      
                      <div class="col-md-12 mb-3">
                          <p class="form-label">Select the Services:</p>
                          <select class="form-control">
                              <option value="">Select</option>
                              <option value="Payment Gateway">Payment Gateway</option>
                              <option value="Bill Payment">Bill Payment</option>
                              <option value="Money Transfer">Money Transfer</option>
                              <option value="Payout">Payout</option>
                          </select> 
                      </div>

                      <input type="hidden" name="userid" value="{{@$user->id}}">
                   </div>
                
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-sm btn-purple-gradient waves-light">Create New Plan</button>
                    <button type="button"  data-bs-dismiss="modal" class="btn btn-sm btn-danger">Close</button> 

                </div>
                </form> 
            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script type="text/javascript">
  $(document).ready(function() {
    var url = "{{url('statement/fetchdata')}}/topuprequest/0";
    var onDraw = function() {

    };
    var options = [
        { "data" : "name",
            'className' : "notClick",
            render:function(data, type, full, meta){
                return `#` + (meta.row + 1);
            }
        },
        { "data" : "created_at" },
   
        { "data" : "id" },
        { "data" : "id" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" },
        { "data" : "amount" }

    ];

    datatableSetup(url, options, onDraw);
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('input[name="_token"]').val()
        }
    });



  });

 
</script>
@endsection