@extends('layouts.adminapp')

@section('content')

{{-- Customer Serach --}}

<div class="card mb-4">
    <div class="card-header">
        <div class="d-flex">
            <div class="mr-auto p-2 align-self-center"><h4>Customer Reports</h4></div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-sm-6">
                <div class="form-group">
                    <input type="text" oninput="searchCustomer()" class="form-control" value="" name="customersearch" id="CustomerSearch" placeholder="Serach by Customer Id">
                </div>
                <div id="hint_tbl"></div>
            </div>         
        </div>    
    </div>

    <div class="card-body" id="search_tbl">
        
    </div>

    <div class="card-footer">
        <div class="row">
            <div class="col-lg-6">
                <div class="d-flex justify-content-start font-weight-bold">
                <a href=""><button class="btn btn-danger">Save Pdf</button></a>     
                </div>
            </div> 
            <div class="col-lg-6">
                <div class="d-flex justify-content-end font-weight-bold">
                    <form method="post" action="{{route('CustomerSearchPrint')}}">
                    @csrf
                        <input type="hidden" name="InputforPrint" id="InputforPrint">
                        <button type="submit" class="btn btn-primary">Print</button> 
                    </form>  
                </div>
            </div>
        </div>            
    </div>
</div>    



@endsection

<script>
function searchCustomer(){
    
hint_tbl.style.display ="block";  
var items = document.getElementById("CustomerSearch").value;

document.getElementById("InputforPrint").value=items;
$.ajax({
    
      url: '{{ route('SearchingCustomer') }}',
      method: "get",
      
      data: {_token: '{{ csrf_token() }}',searchitems:items },
                              success: function (response){   
                                
                                document.getElementById('hint_tbl').innerHTML=response; 
                              
                                      }
                      });   
} 

function userclick(ID){
    hint_tbl.style.display ="none";
    $.ajax({
          url: '{{ route('searchUser') }}',
          method: "get",
          data: {_token: '{{ csrf_token() }}',user_id:ID },
                                  success: function (response){   
                                             
                                    document.getElementById('search_tbl').innerHTML=response; 
                                          }
                          });
                             
    }

</script>