@extends('adminlayout.admin')

@section('content')
 
<style >
  section .due_sec{
   margin: 10px 0px 10px 15px;
   
 }
 div .due_content{
   display: inline-block;
   border-radius: 10px;
   padding: 10px 15px 10px 15px;
 }
 div .due_warning{
  background-color: #bcfbaf;
}
div .due_success{
  background-color:#f9e1c0 ;
}
div  .due_primary{
  background-color: #b9e5f0;
}
</style>

<!-- Content Wrapper Start -->
<div class="content-wrapper">

  <!-- Content Header Start -->
 <!--<section class="content-header" style="float:right; ">
  <a class="btn btn-lg btn-warning" href="{{url('admin/customer-sell-vehicle')}}">
    <i class="fa fa-fw fa-plus"></i>
    Add Sale
  </a>
  <a class="btn btn-lg btn-success" href="add-purchase-party">
    <i class="fa fa-fw fa-plus"></i>
    Add Purchase
  </a>
  <a class="btn btn-lg btn-primary" href="{{url('admin/add-expence')}}">
    <i class="fa fa-fw fa-plus"></i>
    Add Expences
  </a>    
</section>-->
  <!-- Content Header end -->
<br><br>
  <!-- Content Start -->
  <!-- Content Start -->
  <section class="content">

    <div class="box box-info collapsed-box">
    {{--<div class="box-header with-border">
      <h3 class="box-title">
                     From :         </h3>
                    <input type="date" name="from"> 
                    <h3 class="box-title"> to</h3>
                     <input type="date" name="from">
            
                      <label>
                          <select name="supplier-supplier-list_length" aria-controls="supplier-supplier-list" class="form-control input-sm">
                            <option value="all">All</option>
                            <option value="25">Smgeo auto pvt</option>
                            <option value="50">spvaig </option>
                            <option value="100">df</option>
                            <option value="200">sddd</option>
                            <option value="-1">All</option>
                          </select> </label>
                     <button><i class="fa fa-fw fa-search"></i></button>
                  </div> --}}
            
               

 </div> 
    <div class="row">
      <div class="col-xs-12">
        <div class="box box-success">
          <div class="box-header">
            <h3 class="box-title">
              Customer Sale Report  </h3>
          </div>
          <div class="box-body">
            <div class="table-responsive"> 
                 
              <div id="supplier-supplier-list_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
           
            
              <table id="supplier-supplier-list" class="table table-bordered table-striped table-hover dataTable" data-hide-colums="" role="grid" aria-describedby="supplier-supplier-list_info" style="width: 1197px;">
                <thead>
                  <tr class="bg-gray" role="row">
                    <th class="w-5 text-center sorting_desc" tabindex="0" aria-controls="supplier-supplier-list" rowspan="1" colspan="1" style="width: 21px;" aria-sort="descending" aria-label="Id: activate to sort column ascending">
                        Id  
                     </th>
                      <th class="w-20 sorting" tabindex="0" aria-controls="supplier-supplier-list" rowspan="1" colspan="1" style="width: 197px;" aria-label=" Name activate to sort column ascending"> CUSTOMER NAME  </th>
                      <th class="w-20 sorting_disabled" rowspan="1" colspan="1" style="width: 219px;" aria-label="
                        Mobile                    ">
                        INVOICE NUMBER                    </th>
                      <th class="w-20 sorting_disabled" rowspan="1" colspan="1" style="width: 219px;" aria-label="
                        Mobile                    ">
                        PUR. AMOUNT(Rs.)                    </th>
                        <th class="w-10 text-center sorting" tabindex="0" aria-controls="supplier-supplier-list" rowspan="1" colspan="1" style="width: 80px;" aria-label="
                        Product                    : activate to sort column ascending">
                        PHONE                    </th>
                        <th class="w-20 text-center sorting" tabindex="0" aria-controls="supplier-supplier-list" rowspan="1" colspan="1" style="width: 197px;" aria-label="
                        Created At                    : activate to sort column ascending">
                        CITY                    </th>
                        {{--<th class="w-5 text-center sorting_disabled" rowspan="1" colspan="1" style="width: 43x;" aria-label="
                        Status                    ">
                        STATE                   </th>--}}
                        <th class="w-5 text-center sorting_disabled" rowspan="1" colspan="1" style="width: 219px;" aria-label="
                        Purchase                    ">
                        PURCHASE DATE                    </th>
                        <th class="text-right">Action</th>
                    </tr>
                </thead>
                
              <tbody>
                 @php 
                            $i=1;
                            
                            @endphp
                            @foreach($customers as $data)

                <tr id="row_{{$data->id}}" role="row" class="@if($i%2) even @else odd @endif">
                  <td class="text-center sorting_{{$i}}" data-title="Id">{{$i}}</td>
                        <td >{{$data->name }}</td>
                        <td >{{$data->invoice_number }} </td>
                        <td >₹ {{number_format($data->grand_total_price,2)}}</td>
                        <td class=" text-center" >{{$data->phone }} </td>
                        <td class=" text-center" >{{$data->cityname}} </td>
                        {{--<td class=" text-center" >{{$data->statename}} </td>--}}
                        <td class=" text-center" >{{$data->created_at}}</td>
                       
                       <td> 
                      <div class="btn-group">
                        <a href="{{route('invoice_download',$data->invoice_number)}}" target="_blank"> <button class="btn btn-default buttons-print" data-toggle="modal"  type="button" title="Print"><span><i class="fa fa-print"></i></span></button></a>
  
                         </div>







                         
                  <div class="modal fade" id="add_party{{$i}}" tabindex="{{$i}}" role="dialog" aria-labelledby="add_partyLabel" aria-hidden="true">
            <div class="modal-dialog" role="document" style="width: max-content!important;">
              <div class="modal-content " >
               
                <div class="">
                <!-- id="printArea" -->
                <div class="modal-header">
                  <h3 class="text-center" id="add_partyLabel"> InvoiceTax </h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body printable-area{{$i}}" style="width: max-content!important;">
                 <!-- Add Party Create Form -->
                 <div class="modal-body" id="modal-body">
                  <section class="main-pd-wrapper" style="width: 1000px; margin: auto;border: 1px solid #000; padding: 15px;">
				     @php
					  $companyinfo = UserInfo(1);
					  @endphp
                    <div style="display: table-header-group">
                      <div style="text-align: center; margin: 0">
                         <img src="/{{$companyinfo->profile_image}}" height="100">
                          <h1>{{$companyinfo->name}}</h1>
                      </div>

                      <table style="width: 100%; table-layout: fixed;">

                        <tr>
                          <td
                          style=""
                          >
                          <div
                          style="
                          text-align: left;
                          margin: auto;
                          line-height: 1.5;
                          font-size: 14px;
                          color: #4a4a4a;
                          "
                          >