Current File : /home/inlingua/www/crm.vprotectindia.com/resources/views/admin/rpt_customer_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">Customer 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">PARTY_NAME</th>
                    <th scope="col">CUSTOMER_EMAIL</th>
                    <th scope="col">CUSTOMER_PHONE_NUMBER</th>
                    <th scope="col">ACCOUNT_NUMBER</th> 
                    <th scope="col">PARTY_SITE_NAME</th> 
					
                    <th scope="col">PARTY_SITE_ID</th>                    
                    <th scope="col">ACCOUNT_START_DATE</th>  
                    <th scope="col">SITE_START_DATE</th>
					
                    <th scope="col">PARTY_SITE_NUMBER</th>
                    <th scope="col">SITE_ADDRESS</th>
                    <th scope="col">SITE_ADDRESS_2</th>
                    <th scope="col">SITE_ADDRESS_3</th>
                    <th scope="col">SITE_CITY</th> 
					<th scope="col">SITE_STATE</th>
					<th scope="col">SITE_PIN_CODE</th>
					<th scope="col">CUSTOMER_CLASS</th>
					<th scope="col">BUSINESS_TYPE</th>
					<th scope="col">PERSON_NAME</th>
					<th scope="col">PAYMENT_TERM</th>
					<th scope="col">TAXPAYER_IDENTIFICATION_NUMBER</th>
					<th scope="col">SITE_GST_REGISTRATION_NUMBER</th>
					<th scope="col">created at</th>
					<th scope="col">Action</th>
					</thead>
					 <tbody>
					@php
                        $i=1;
                    @endphp
					@foreach($customer as $data)
    <tr>    
      <td>{{$i}}</td>
      <td>{{$data->PARTY_NAME}}</td>
      <td>{{$data->email}}</td>
      <td>{{$data->CUSTOMER_PHONE_NUMBER}}</td>
      <td>{{$data->ACCOUNT_NUMBER}}</td>
      <td>{{$data->PARTY_SITE_NAME}}</td>                 
      <td>{{$data->PARTY_SITE_ID}}</td>                 
      <td>{{$data->ACCOUNT_START_DATE}}</td>                 
      <td>{{$data->SITE_START_DATE}}</td>                 
      <td>{{$data->PARTY_SITE_NUMBER}}</td>                 
      <td>{{$data->SITE_ADDRESS}}</td>                 
      <td>{{$data->SITE_ADDRESS_2}}</td>                 
      <td>{{$data->SITE_ADDRESS_3}}</td>                 
      <td>{{$data->SITE_CITY}}</td>                 
      <td>{{$data->SITE_STATE}}</td>                 
      <td>{{$data->SITE_PIN_CODE}}</td>                 
      <td>{{$data->CUSTOMER_CLASS}}</td>                 
      <td>{{$data->BUSINESS_TYPE}}</td>                 
      <td>{{$data->PERSON_NAME}}</td>                 
      <td>{{$data->PAYMENT_TERM}}</td>                 
      <td>{{$data->TAXPAYER_IDENTIFICATION_NUMBER}}</td>                 
      <td>{{$data->SITE_GST_REGISTRATION_NUMBER}}</td>                 
      <td>{{$data->created_on}}</td>
      <td><button type="button" onClick="reply_click(this.id)" name="update" id="{{$data->ACCOUNT_NUMBER}}" class="btn btn-warning btn-xs update">View</button></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