Current File : /home/inlingua/www/crm.vprotectindia.com/resources/views/admin/rpt_whatsapp_report.blade.php

@extends('admin.layouts.app')

@section('head')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.2.0/css/dataTables.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/3.2.0/css/buttons.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/select/2.1.0/css/select.dataTables.css">



@endsection

@section('content')
<!-- Table -->
      <div class="row">
        <div class="col">
          <div class="card shadow">
            <div class="card-header border-0">
              <h3 class="mb-0">Whatsapp Report List</h3>
            </div>
            <div class="table-responsive container">  
              <table class="table table-bordered " id="customer_report">
			   
                <thead>
                    <tr>
                   <th scope="col">ID</th>
                    <th scope="col">title</th>
                    <th scope="col">mobile_no</th>
                    <th scope="col">send_id</th>
                    <th scope="col">amount</th> 
                    <th scope="col">invoice_number</th> 
					
                    <th scope="col">created_date</th>                    
                    <th scope="col">send_way</th>  
                    
                    
					</thead>
					 <tbody>
					@php
                        $i=1;
                    @endphp
					@foreach($customer as $data)
    <tr>    
      <td>{{$i}}</td>
      <td>{{$data->title}}</td>
      <td>{{$data->mobile_no}}</td>
      <td>{{$data->send_id}}</td>
      
      <td>{{$data->amount}}</td>                 
      <td>{{$data->invoice_number}}</td>                 
      <td>{{$data->created_date}}</td>                 
      <td>{{$data->send_way}}</td>                 
     

    </tr>
	@php
                        $i++;
                    @endphp
@endforeach
					
	 </tbody>					
					
					
					
					
							
					
                
            </table>
			
			
			
			
            </div> 
          </div>
        </div>
      </div>
       

      
@endsection

<!-- Modal -->
<div class="modal fade" id="UserDetailsModal" tabindex="-1" aria-labelledby="UserDetailsModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="min-width:800px;">
            <div class="modal-header">
                <h5 class="modal-title" id="UserDetailsModalLabel">Payment Details</h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="table-responsive container">  
				
				
             
            
			<div id="mytable"></div>
			</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@section('footer')


<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/2.2.0/js/dataTables.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/3.2.0/js/dataTables.buttons.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/3.2.0/js/buttons.dataTables.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/3.2.0/js/buttons.html5.min.js"></script> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/3.2.0/js/buttons.print.min.js"></script> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<script>
new DataTable('#customer_report', {
    layout: {
        top1Start: {
            buttons: ['csv', 'excel']
        }
    }
});
 
function reply_click(clicked_id)
  {
	
	var token='<?php echo csrf_token(); ?>';
    $('#UserDetailsModal').modal('show');
    
	var element = document.getElementById("UserDetailsModal");
  element.classList.remove("fade");
	$.ajax({
    type: "POST",
	url: 'getpaymentreport',
	 
    data: { id: clicked_id,_token:token  },
	
		 success : function(data) {   
   //$(".message").addClass('alert alert-success');   
   $("#mytable").html(data);  
  }
	})
  
 } 
 
 
</script>
@endsection