@extends('adminlayout.admin')
@section('content')
<div class="nk-content nk-content-fluid">
    
   <div class="container-xl wide-lg">
      <div class="nk-content-body">
        <div class="row">
        <div class="col-sm-12">
           <div class="nk-block-between">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">  </h3>
                   
                </div><!-- .nk-block-head-content -->
                <div class="nk-block-head-content">
                    <div class="toggle-wrap nk-block-tools-toggle">
                        
                        <div class="toggle-expand-content" data-content="pageMenu">
                            <ul class="nk-block-tools g-3">

                                <li class="nk-block-tools-opt">
                                    <div class="drodown">
                                        <a href="{{route('dashboard')}}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                                         
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div><!-- .toggle-wrap -->
                </div><!-- .nk-block-head-content -->
            </div>
             <br>
            <div class="card card-bordered">
          <div class="card-header">
            <h5 class="card-title">Date Filter</h5>
          </div>
          <!-- /.card-header -->
          <div class="card-body">
            <!-- .nk-block-head -->
         <form method="get" action="{{ route('refer_link_user_details') }}" enctype="multipart/form-data">
           
            <div class="container">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">From Date</label>
                            @if(isset($from))
                            <input type="date" name="from" class="form-control" value="{{  $from }}">
                            @else
                            <input type="date" name="from" class="form-control" value="">
                            @endif
                            <span class="text-danger">@if ($errors->has('search')){{ $errors->first('search') }}@endif</span>
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">To Date</label>
                            @if(isset($to))
                            <input type="date" name="to" class="form-control" value="{{  $to }}">
                            @else
                            <input type="date" name="to" class="form-control" value="">
                            @endif
                            @if ($errors->has('search'))<span class="text-danger">{{ $errors->first('search') }}</span>@endif
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group ">
                            <label for="exampleInputEmail1">Search</label>
                            <input type="text" name="search" class="form-control" value="{{ (isset($search))?$search:'' }}" placeholder="Name, Mobile, Email, Referral Type">
                            @if ($errors->has('search'))<span class="text-danger">{{ $errors->first('search') }}</span>@endif
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <button type="submit" class="btn btn-primary margin-top">Submit</button>
                        <button type="reset" class="btn btn-primary margin-top"><a href="{{ route('refer_link_user_details') }}" style="color:white" >Reset</a></button>
                    </div>

                  </div>
            </div>
         </form>
         <!-- .nk-block -->
          </div>
          <!-- /.card-body -->
        </div>
        </div>
    </div>
         <div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
               <div class="nk-block-head-content">
                <br>
                  <h3 class="nk-block-title page-title">Referal Details</h3>
                  <div class="nk-block-des text-soft">
                     @if($errors->any())
                     <p class="text-danger">
                        {{ implode('', $errors->all(':message')) }}
                     </p>
                     @endif
                  </div>
               </div>
               <!-- .nk-block-head-content -->
            </div>
            <!-- .nk-block-between -->
         </div>
         <!-- .nk-block-head -->

         <div class="row">
           <div class="col-12">

               <!-- /.card -->
               <div class="card card-bordered">
                   <!--<div class="card-header">
                       <h3 class="card-title" style="font-size: 2.1rem;">Stock Details List</span></h3>
                       </div>-->
                   <!-- /.card-header -->
                   <div class="card-body" >
                       <div class="table-responsive">
                       <table id="example1" class="table table-bordered table-striped"
                        style="font-size: 12px;" >
                           <thead>
                               <tr>
                                   <th>S.no</th>
                                   <th>User Id</th>
                                   <th>Referal Link</th>
                                   <th>Name</th>
                                   <th>Email</th>
                                   <th>Phone</th>
                                   <th>Referral Link Type</th>
								   <th>Status</th>   
								   <th>Commission</th>
								   <th>Date</th>
                                   @if (Auth::user()->hasRole('super_admin'))
									
                                   <th>Action</th>
                                   @endif
                               </tr>
                           </thead>
                           <tbody>
                               @php 
                               $i=!empty($_REQUEST['page'])?(($_REQUEST['page']-1)*10)+1:1 ;
                               @endphp
                               @foreach($refer_details as $data)
                               <tr id="{{$data->id}}">
                                   <td>{{$i++}}</td>
                                   <td>{{ $data->user->user_id ?? $data->user_id }} [{{ $data->user->name ?? '' }}]</td>
                                   <td>{{ $data->refer_link_sub_category->name ?? '' }}</td>
                                   <td></td>
                                   <td>{{ $data->email }}</td>
                                   <td>{{ $data->phone }}</td>
                                   <td>{{ $data->type }}</td>
                                   @if (Auth::user()->hasRole('super_admin'))
									 <td><select name="lead_status" onchange="updateStatus(this.value, {{ $data->id }})">
								            <option value="">Select </option> 
											@foreach($statusOption as $key=>$option)
								           <option value="{{$key}}" @if($data->lead_status==$key)  selected @endif>{{$option}}</option> 
										   @endforeach
										 
										   </select>
									 </td> 
                                     <td>{{ $data->suvidha_kendra_commission }}</td>	
                                      <td>{{ $data->created_at }}</td>										 
                                   <td>
                                        @if($data->status == 3)
                                            <span style="color:red">Rejected</span>
                                        @elseif($data->status == 1 )
                                            <span style="color:green">Approved</span>
                                        @endif


                                        @if($data->status == 0)
                                        <button class="btn btn-success" data-toggle="modal" data-target="#approve{{$data->id}}"><i class="fas fa-check"></i></button>
                                        <div class="modal fade" role="dialog" id="approve{{$data->id}}">
                                            <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                                                <div class="modal-content">
                                                    <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                                                    <div class="modal-body modal-body-md">
                                                        <h5 class="add-itrcategory">Approve</h5>
                                                        <hr>
                                                        <div class="tab-content">
                                                            <div class="tab-pane active" id="personal-document">
                                                                <form action="{{ route('referal_link_detail_approve') }}" method="post" enctype="multipart/form-data">
                                                                    @csrf
                                                                    <div class="col-12">
                                                                       <!--  <div class="col-md-12"> -->
                                                                            <div class="form-group">
                                                                                <div class="form-control-wrap">
                                                                                    <label for="admin_commission">Admin Commission</label>
                                                                                    <input type="text" class="form-control" id="admin_commission" name="admin_commission" value="{{ $data->refer_link_sub_category->admin_commission ?? '' }}"><br>

                                                                                    <label for="partner_commission">Partner Commission</label>
                                                                                    <input type="text" class="form-control" id="partner_commission" name="partner_commission" value="{{ $data->refer_link_sub_category->partner_commission ?? '' }}"><br>

                                                                                    <label for="franchise_commission">Franchise commission</label>
                                                                                    <input type="text" class="form-control" id="franchise_commission" name="franchise_commission" value="{{ $data->refer_link_sub_category->franchise_commission ?? '' }}"><br>

                                                                                    <label for="suvidha_kendra_commission">Suvidha Kendra Commission</label>
                                                                                    <input type="text" class="form-control" id="suvidha_kendra_commission" name="suvidha_kendra_commission" value="{{ $data->refer_link_sub_category->suvidha_kendra_commission ?? '' }}"><br>

                                                                                    <label for="suvidha_kendra_trade_commission">Suvidha Kendra Trade Commission</label>
                                                                                    <input type="text" class="form-control" id="suvidha_kendra_trade_commission" name="suvidha_kendra_trade_commission" value="{{ $data->refer_link_sub_category->suvidha_kendra_trade_commission ?? '' }}"><br>

                                                                                    <label for="user_commission">User Commission</label><br>
                                                                                    <input type="text" class="form-control" id="user_commission" name="user_commission" value="{{ $data->refer_link_sub_category->user_commission ?? '' }}"><br>

                                                                                    <input type="checkbox" id="trade" name="trade" value="1"> <label for="trade"> Trade</label><br>

                                                                                    <input type="hidden" name="data_id" value="{{Crypt::encrypt($data->id) }}">
																					  <input type="hidden" name="user_id" value="{{Crypt::encrypt($data->user_id) }}">
                                                                                </div>
                                                                            </div>
                                                                       <!--  </div> -->
                                                                        <div class="col-12">
                                                                            <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                                                                <li>
                                                                                    <button type="submit" class="btn btn-lg btn-primary">Submit</button>
                                                                                </li>
                                                                                <li>
                                                                                    <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                            <!-- .tab-pane -->
                                                        </div>
                                                        <!-- .tab-content -->
                                                    </div>
                                                    <!-- .modal-body -->
                                                </div>
                                                <!-- .modal-content -->
                                            </div>
                                            <!-- .modal-dialog -->
                                        </div>

                                        <button class="btn btn-danger" data-toggle="modal" data-target="#reject{{$data->id}}"><i class="fas fa-times"></i></button>
                                        <!--modal start here-->
                                        <div class="modal fade" role="dialog" id="reject{{$data->id}}">
                                            <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                                                <div class="modal-content">
                                                    <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                                                    <div class="modal-body modal-body-md">
                                                        <h5 class="add-itrcategory">Reject Reason</h5>
                                                        <div class="tab-content">
                                                            <div class="tab-pane active" id="personal-document">
                                                                <form action="{{ route('referal_link_detail_reject') }}" method="post" enctype="multipart/form-data">
                                                                    @csrf
                                                                    <div class="col-12">
                                                                       <!--  <div class="col-md-12"> -->
                                                                            <div class="form-group">
                                                                                <div class="form-control-wrap">
                                                                                    <textarea class="form-control" name="reason" required></textarea>
                                                                                    <input type="hidden" name="data_id" value="{{Crypt::encrypt($data->id) }}">
                                                                                </div>
                                                                            </div>
                                                                       <!--  </div> -->
                                                                        <div class="col-12">
                                                                            <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                                                                <li>
                                                                                    <button type="submit" class="btn btn-lg btn-primary">Submit</button>
                                                                                </li>
                                                                                <li>
                                                                                    <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                            <!-- .tab-pane -->
                                                        </div>
                                                        <!-- .tab-content -->
                                                    </div>
                                                    <!-- .modal-body -->
                                                </div>
                                                <!-- .modal-content -->
                                            </div>
                                            <!-- .modal-dialog -->
                                        </div>
                                       
                                      <button class="btn btn-danger" onclick="deleteLead({{$data->id}})" ><i class="fas fa-trash"></i></button>
               						  @endif
                                   </td>
								   @else
									 <td>@if($data->lead_status){{ $statusOption[$data->lead_status] }} @else ----- @endif</td>
								    <td>{{ $data->suvidha_kendra_commission }}</td>	
									 <td>{{ $data->created_at }}</td>	 
                                   @endif
								 
                               </tr>
                               @endforeach
                           </tbody>
                       </table>
					   {!! $refer_details->links() !!}
                    </div>
                   </div>
                   <!-- /.card-body -->
               </div>
               <!-- /.card -->
           </div>
           <!-- /.col -->
         </div>

         
         <!-- .nk-block -->
      </div>
   </div>
</div>
@endsection
<style>
.dataTables_paginate {
display:none;
}
.dataTables_info{
	display:none;
}
</style>
<script>

    function updateStatus(status,id) {
         var url = "{{ url('admin/refer_link_user_status_update') }}"+'/'+id+'/'+status;
                $.ajax({
                    url: url,
                   
                    type: "GET",
                  
                    context: this,
                    success: function(result) {
                       console.log(result);
                    },
                    error: function(error) {
                        console.log(error.responseText);
                    }
                });
    }
function deleteLead(id)
{
	var result = confirm("Want to delete?");

    if(result)
	{
	   var url = "{{ url('admin/refer_link_user_delete') }}"+'/'+id;
                $.ajax({
                    url: url,                   
                    type: "GET",                  
                    context: this,
                    success: function(result) {
                       $('#'+id).remove();
                    },
                    error: function(error) {
                        console.log(error.responseText);
                    }
                });
	}			
}	
</script>