@include('Admin.newui.header')
@include('Admin.newui.mobilemenu')
@include('Admin.newui.sidebar')

            <!-- BEGIN: Content -->
            <div class="content">
            <style> 
.dblack{
    color: black;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.app-page-title .btn {
    margin: 0px 0 !important;
}
</style>
<div class="app-main__outer">
 <div class="app-main__inner">
  <div class="app-inner-layout">    
   <div class="app-page-title"> 
    <div class="page-title-wrapper">
     <div class="page-title-heading"> 
      <div class="dblack">Profit And Loss
      </div>
     </div>
    </div>
   
   	<div class="card-body">   
	<div class="form-row">  
	 <div class="col-md-4">
	  <div class="position-relative form-group">
	   <label for="salesman" class="font-weight-bold ml-2 dblack" > Client</label> 
       <select class="mb-2 form-control" name="client" id="client" > 
	   <option  value="0" data-value="{{$clientId}}" >Select All</option>
		@foreach($client as $client)
	   <option value="{{$client->id}}">{{$client->client_user_name}}  </option> 
		@endforeach 
	   </select> 
	  </div>      <!--position-relative form-group--> 
   
	 </div> 
   <div class="col-md-4" id="myDatepicker4">
         <label for="" class="font-weight-bold mb-2 dblack"> From Date</label>
         <input type="date" class="form-control" name="fromdate" id="fromdate" value="2025-07-16" autocomplete="off">
         </div> 
         <div class="col-md-4" id="myDatepicker5">
         <label for="" class="font-weight-bold mb-2 dblack"> To Date</label>  
         <input type="date" class="form-control" name="todate"  id="todate"  value="2025-07-16" autocomplete="off">
         </div>	 
        </div>
        <div class="full-width-box text-center mt-3">
	          <div class="col-md-12 text-center"> 
		       <button id="submit" class="mt-3 btn btn-primary btn-lg">Search</button> 
		      </div>	
             </div>	
        </div> 
	    </div>     <!--form-row mb-2-->
       
    <!-- <button class="btn btn-success " id="submit">Search</button>   -->
	 
    <div class="tab-pane active" role="tabpanel">
    <div class="card-body "> 
      <div class="main-card mb-3 card "> 
      <div class="card-body ">
        <div class="tab-content">   
     <form id="" class="" action="{{ route('admin_profit_loss_client') }} " method="post">     
       {{ csrf_field() }}
     <input autocomplete="off" name="fromdate1" id="fromdate1" value="s" type="hidden">
      <input autocomplete="off" name="todate1" id="todate1" value="s" type="hidden"> 
       <input autocomplete="off" name="clients1" id="clients1" value="s" type="hidden">  
        <button  id="export" style="display:none;  float:right; margin: 8px 54px 14px 65px;"
		        class="mt-3 btn btn-primary btn-lg" >Export XLS</button> 
        </form> 
           <div class="container" id="report_data">	  
        </div>    
        </div>
       </div>
      </div>
     </div>
    </div>
   </div> 
  </div> 
 </div> 
 </div> 
 </div>  </div>  
 
@include('theme_layout/footer_test')
</div>

<script>
var jq = $.noConflict();  
jq(document).ready(function(){ 
    jq("#submit").click(function(){  

      var fromdate = jq('#fromdate').val();
      var todate = jq('#todate').val(); 

	    var sel_client = jq('#client').val();
		var clientAll = 'no';
		 if(sel_client == 0)
      {
      var element = jq('#client').find('option:selected'); 
      var client1 = element.attr("data-value"); 
      var all_client= client1;  
      clientAll = 'yes';
      } else{
        var sel_client = jq('#client').val(); 
		  var all_client= sel_client;
	  }  

    jq('#fromdate1').val(fromdate);
    jq('#todate1').val(todate);
    jq('#clients1').val(all_client); 


     get_list(all_client,fromdate,todate); 
       });

function get_list(all_client,fromdate,todate){
  
                $.ajax({
                    url: "{{ URL('get_profit_loss_list/') }}"+"/" +all_client+"/"+fromdate+"/"+todate,      
                       type:"GET",
                       success: function (responce) { 
                       
                        var data = jQuery.parseJSON(responce);
                        $('#report_data').html(data.html);
                        var  no_data= jq('#no_data').text();
                        if(no_data)
                        jq('#export').hide();   
                        else
                        jq('#export').show();
                    }
                });
           
}
});
 
</script>
  
        </div>
@include('Admin.newui.footer')