@extends('front.inner-layout.app')
@section('content')

<style>
   .hideText {
      visibility:visible          /* because only the first line is indented */
}
</style>

<div class="page-content dashboard-wrapper mdashboard-wrapper clientd-wrapper setting-wrapper">
   <div class="row align-items-center">
      <div class="col-lg-4 col-md-4 col-sm-4">
         <h1 class="page-title eagle-font font-400"><span class="arca-font">My</span> Takings
         </h1>
      </div>
      @include('front.inner-layout.header')
   </div>
   <div class="brdr-bttm"></div>

   <div class="taking-table-top">
      <div class="row">
         <div class="col-md-5">
            <ul class="list-inline icons-listing">

               <!--    <li class="list-inline-item areafilter"><a data-toggle="modal" data-target="#filterpopModal" class=" greentext cursor-pointer">Filter</a></li> txt-filter -->

               <li class="list-inline-item areafilter"> <a data-dismiss="modal" data-toggle="modal" data-target="#dateserviceModal" class=" greentext cursor-pointer">Filter</a></li>

               <!--     <li class="list-inline-item"><a class=""  href="#" data-toggle="modal" data-target=".EditServiceModal" ><img src='{{asset("assets/images/message-icon-green.svg")}}' alt="" class="img-fluid" /></a></li> -->

               <!--     <li class="list-inline-item"><a href="#" id="client-download" data-toggle="modal" data-target=""><img src='{{asset("assets/images/download-icon-green.svg")}}' alt="" class="img-fluid" /></a></li> http://localhost/doctor_booking/public/assets/images/message-icon-green.svg-->

               <li class="list-inline-item"><a href="#" id="downloadtestresult"><img src='{{asset("assets/images/download-icon-green.svg")}}' alt="" class="img-fluid"></a></li>

               <!--   <li class="list-inline-item"><a href="#" data-toggle="modal" data-target=""><img src='' alt="" class="img-fluid"><img src='{{asset("assets/images/print-icon-green.svg")}}' alt="" class="img-fluid" /></a></li> -->

               <li class="list-inline-item"> <a href="#" class="client-print" data-content="print-test-result-tablenewmy"><img src='{{asset("assets/images/print-icon-green.svg")}}' alt=""></a> </li>
               <!-- <li class="list-inline-item"> <a href="#" class="client-print" data-content="print-test-result-tablenewmy" data-header="Date Report"><img src='{{asset("assets/images/print-icon-green.svg")}}' alt=""></a> </li> -->


            </ul>
         </div>
         <div class="col-md-7 text-md-left text-center">
            <!--  <p>Thurs 11th Feb - Friday 12th Feb</p> -->
            <input type="hidden" name="startDate" value="{{$get_start_date}}">
            <input type="hidden" name="endDate" value="{{$get_end_date}}">
            <p>Invoice report {{date('l jS M', strtotime(@$sdate))}} - {{date('l jS M', strtotime(@$enddate))}}</p>
         </div>
      </div>
   </div>

   <div class="taking-new-contain" id="print-test-result-tablenewmy">
      <div class="row justify-content-md-start justify-content-center">
         <h2 class="print-page-titel col-12">
            <!--Date Report-->Invoice report {{date('l jS M', strtotime(@$sdate))}} - {{date('l jS M', strtotime(@$enddate))}} </h2>
         <div class="col-md-9 my-2">
            <div class="taking-new-table for-service-table">
               <div class="table-responsive">
                  <table class="table table-striped">
                     <thead class="head-brdr">
                        <tr >
                           <th>Date</th>
                           <th>Details</th>
                           <th>Description</th>
                           <th>Cost</th>
                           <th>Payment method</th>
                           <th>Total Paid</th>
                           <th>Total GST</th>
                        </tr>
                     </thead>
                     <tbody>
                        @php
                        $var = [];
                        @endphp

                        @foreach($data as $value)
                        
                           @if(isset($value->id))
                          
                           <input type="hidden" name="id_data" value="{{$value->invoice_id}}" class="id_data">
                           @php                           
                              $status = 0;
                              if (in_array($value->invoice_id, $var))
                              {
                                 $status = 1;
                              } else{
                                 $status = 0;
                                 $var []= $value->invoice_id;
                              }
                           @endphp
                        
                        <tr class="@if($status==1) hideText @endif">
                           @if(isset($value->invoice_status) && $value->invoice_status =='credit')
                              @php continue; @endphp
                              <td>{{date('d/m/y', strtotime($value->created_at))}}</td>
                              <td><a href="{{ URL('/practitioner/clientcard?client_id='.base64_encode($value->client_id))}}"><span class="d-block">{{$value->client_name}}</span></a><span>#{{$value->invoice_number}}</span></td>
                              <td>Credit on file</td>
                              <td> - </td>
                              <td>{{$value->payment_type}}</td>
                              <td>${{number_format($value->amount_paid,2)}}</td>
                              <td>-</td>
                           @elseif(isset($value->invoice_status) && $value->invoice_status =='owin')
                              @php continue; @endphp
                              <td>{{date('d/m/y', strtotime($value->created_at))}}</td>
                              <td><a href="{{ URL('/practitioner/clientcard?client_id='.base64_encode($value->client_id))}}"><span class="d-block">{{$value->client_name}}</span></a><span>#{{$value->invoice_number}}</span></td>
                              <td>Owing pay on file</td>
                              <td> - </td>
                              <td>{{$value->payment_type}}</td>
                              <td>${{number_format($value->amount_paid,2)}}</td>
                              <td>-</td>
                           @else

                           
                           <td class="@if($status==1) hideText @endif">{{date('d/m/y', strtotime($value->created_at))}}</td>
                           <td class="@if($status==1) hideText @endif"><a href="{{ URL('/practitioner/clientcard?client_id='.base64_encode($value->client_id))}}"><span class="d-block">{{$value->client_name}}</span></a><span class="@if($status==1) hideText @endif">#{{$value->invoice_number}}</span></td>
                           <td class="@if($status==1) hideText @endif">
                              @if($value->invoiceItem)
                                 @foreach($value->invoiceItem as $service)
                                    @if( isset( $service->item_qty ) )
                                       {{$service->service_name}} x {{ $service->item_qty }}<br>
                                    @else
                                       {{$service->service_name}}
                                    @endif
                                 @endforeach
                              @endif
                              
                              @if($value->invoice_product)
                                 @foreach($value->invoice_product as $product)
                                    {{$product->product_name}} x {{ $product->deduct_quantity }} <br>
                                 @endforeach
                              @endif
                           </td>
                           <td class="@if($status==1) hideText @endif">
                              @if($value->invoiceItem)
                                 @foreach($value->invoiceItem as $service)
                                                                  ${{number_format(preg_replace("/[^0-9.]/", "",$cost),2)}}<br>
                                 @endforeach
                              @endif

                              
                              @if($value->invoice_product)
                                 @foreach($value->invoice_product as $product)
                                    @php $price_subtotal = $product->product_price * $product->deduct_quantity @endphp
                                    ${{number_format($price_subtotal,2)}}<br>
                                 @endforeach
                              @endif

                           </td>
                           <td>
                              
                              @if(isset($value->history) && count($value->history) >=1)
                              @foreach($value->history as $type)
                                    {{$type->payment_type}} <br>
                                    <!-- : ${{number_format($type->paid_amount,2)}} -->
                                    @endforeach
                              @else
                              {{$value->payment_type}}
                              @endif
                           </td>
                           <td>

                           @if(isset($value->history) && count($value->history) >=1)
                              @foreach($value->history as $type)
                                 ${{number_format($type->paid_amount,2)}}<br>
                              @endforeach
                           @else
                              ${{number_format($value->amount_paid,2)}}
                           @endif

                           </td>
                           @if( $use_new_gst == 1 )
                              <td>${{ number_format( $value->gst, 2 ) }}</td>
                           @else
                              <td>${{ number_format( $value->gst, 2 ) }}</td>
                           @endif
                           
                           @endif
                        </tr>
                        @endif
                        @endforeach
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
         <div class="col-md-3 col-8 my-2">
            <div class="card ">
               <div class=" card-header">
                 
                  <!-- <h3>Total <span>${{number_format($total,2)}}</span></h3> -->
                  <h3>Total <span>${{number_format($total_paid,2)}}</span></h3>
               </div>
               <div class="card-body">
                  <div class="row">
                     <div class="col-6">Services</div>
                     <div class="col-6">${{number_format($service_count,2)}}</div>
                  </div>
                  <div class="row">
                     <div class="col-6">Products</div>
                     <div class="col-6">${{number_format($product_count,2)}}</div>
                  </div>
               </div>
               <hr class="m-0" />
               <div class="card-body">
                  @if($creditcard > 0)
                  <div class="row">
                     <div class="col-6">Credit card</div>
                     <div class="col-6">${{number_format($creditcard,2)}}</div>
                  </div>
                  @endif
                  @if($hicaps > 0)
                  <div class="row">
                     <div class="col-6">HICAPS</div>
                     <div class="col-6">${{number_format($hicaps,2)}}</div>
                  </div>
                  @endif
                  @if($direct_debit > 0)
                  <div class="row">
                     <div class="col-6">Direct debit</div>
                     <div class="col-6">${{number_format($direct_debit,2)}}</div>
                  </div>
                  @endif
                  @if($online_payment > 0)
                  <div class="row">
                     <div class="col-6">Online Payment</div>
                     <div class="col-6">${{number_format($online_payment,2)}}</div>
                  </div>
                 @endif
                  @if($cash > 0)
                  <div class="row">
                     <div class="col-6">Cash</div>
                     <div class="col-6">${{number_format($cash,2)}}</div>
                  </div>
                  @endif
               </div>
               <div class="card-footer m-1">
                  @if($total > 0)
                  <div class="row">
                     <div class="col-6">Total sales</div>
                     <div class="col-6">${{number_format($total,2)}}</div>
                  </div>
                  @endif
                  @if($total_paid > 0)
                  <div class="row">
                     <div class="col-6">Total paid</div>
                     <div class="col-6">${{number_format($total_paid,2)}}</div>
                  </div>
                  @endif
                  <div class="row">
                     <div class="col-6">Inc GST</div>
                     <!-- NEW GST CALCULATION CODE -->
                     {{--<div class="col-6">${{number_format($gst_count_new,2)}}</div>--}}
                     @if( $use_new_gst == 1 )
                        <div class="col-6">${{number_format($total_gst,2)}}</div>
                     @else
                        <div class="col-6">${{number_format($gst_count,2)}}</div>
                     @endif
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <!-- Date Service Modal S -->
   <div class="client-follow-popup customscroll waitlist-modal showpop dateserviceModal">
      <div class="modal fade" id="dateserviceModal" tabindex="-1" role="dialog" aria-hidden="true">
         <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
               <div class="popup-marg">
                  <div class="modal-body p-0">
                     <div class="borderbtttm">
                        <form method="POST" action="{{route('practitioner.reports.getreport')}}">
                           @csrf
                           <div class="cdropdown-menu">
                              <div class="">
                                 <h5>Date</h5>
                                 <ul class="date-textli">
                                    <li>From</li>
                                    <li>
                                       <div class="form-group" id="open_from_date">
                                          <!-- <input type="text" class="form-control" name="start_date" id="start_date" placeholder="00/00/00"> -->
                                          <input class="form-control text-gray" id="date" name="start_date" placeholder="DD-MM-YYYY" type="text" autocomplete="off" required="" />
                                          <!--   <input class="form-control" id="date" name="date" placeholder="MM/DD/YYY" type="text"/> -->

                                       </div>
                                    </li>
                                    <li>To</li>
                                    <li>
                                       <div class="form-group">
                                          <input type="text" name="end_date" id="end_date" class="form-control" placeholder="DD-MM-YYYY" autocomplete="off" required="">
                                       </div>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                     </div>

                     <div class="borderbtttm">

                        <label class="ml-0">Service Provider</label>
                        <div class="form-group">
                           <select class="form-control" name="practitioner_id">
                              <option value="">Select</option>
                                                         </select>
                        </div>
                     </div>
                     <div class="borderbtttm">
                        <label class="ml-0">Location</label>
                        <div class="form-group">
                           <select class="form-control select-location" name="location" >
                              <option value="">Select</option>
                                                         </select>
                        </div>
                     </div>
                     <div class="borderbtttm">
                        <label class="ml-0">Payment Method</label>
                        <div class="customdroppdown gray-brdr line-dropdown">
                           <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                              <select class="form-control" name="paytype">
                                 <option value="">Select</option>
                                                               </select>
                           </div>
                        </div>
                     </div>
                     <div class="borderbtttm">
                        <label class="ml-0">Item</label>
                        <div class="customdroppdown gray-brdr line-dropdown">
                           <div class="form-group marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                              <select class="form-control" name="item_type">
                                 <option value="all">All</option>
                                 <option value="products">Products</option>
                                 <option value="services">Services</option>

                              </select>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="modal-footer mb-0">
                     <!-- <a href="#" class="yellow-btn mt-3 save-btn save-btn-bg w-100 font-15">Apply</a> -->
                     <button type="submit" class="yellow-btn mt-3 save-btn save-btn-bg w-100 font-15">Apply</button>
                  </div>
               </div>
               </form>
            </div>
         </div>
      </div>
   </div>
   <!-- Date Service Modal E -->


   <div class="client-follow-popup customscroll openclickmodal quickaddModal applylgModal">
      <div class="modal fade" id="applylgModaldata" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true">
         <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
               <div class="popup-marg">
                  <div class="modal-header">
                     <div class="client-top-area">
                        <ul class="filtertop-li 20img">
                           <li><a data-dismiss="modal" class="txt-filter greentext cursor-pointer dateserviceModalopen">Filter</a></li>

                           <!--   <li><a href="#"><img src="{{asset('assets/images/message-icon-green.svg')}}" alt="" class="img-fluid"></a></li> -->

                           <li><a href="#" id="downloadtestresult_filter"><img src="{{asset('assets/images/download-icon-green.svg')}}" alt="" class="img-fluid"></a></li>
                           <li><a href="#" class="client-print" data-content="print-test-result-table" data-header="Date Report"><img src="{{asset('assets/images/print-icon-green.svg')}}" alt="" class="img-fluid"></a></li>
                        </ul>
                     </div>
                     <h5 class="modal-title text-center eagle-font" id="exampleModalLabel1"><span class="sgetDate"></span> - <span class="egetDate"></span></h5>
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><img src="{{asset('assets/images/close-img.svg')}}" alt="" class="img-fluid closeimg"></span>
                     </button>

                  </div>
                  <div class="modal-body p-0" id="print-test-result-table">
                     <div class="mCustomScrollbar12">
                        <div class=" taking-new-table service-new-table m-sm-5 m-4">
                           <div class="table-responsive ">
                              <table class="table dataappend mb-0">
                                 <!-- <tr>
                              <th>Date</th>
                              <th>Item</th>
                              <th>Qty</th>
                              <th>Cash</th>
                              <th>Credit Card</th>
                              <th>HICAPS</th>
                              <th>Total</th>
                             </tr>
                             <tr>
                              <td>12/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                              <td>12/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                              <td>12/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                              <td>12/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                              <td>11/02/21</td>
                              <td>Initial Naturopathic consult with treatment</td>
                              <td>5</td>
                              <td>&nbsp;</td>
                              <td>$767.00</td>
                              <td>$234.00</td>
                              <td>$1001.00</td>
                             </tr>
                             <tr>
                             <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                             </tr>
                             <tr class="total-bg">
                              <td>Total</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>$1089.50</td>
                              <td>$234.00</td>
                              <td>$1324.40</td>
                             </tr> -->
                              </table>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

</div>
</div>
</div>
</div>
</div>

</div>


<script type="text/javascript">

   var use_new_gst = "{{ $use_new_gst }}";

   $(document).on('click', '#downloadtestresult', function() {
      var ids = [];
      $('.id_data').each(function(i) {
         ids[i] = $(this).val();
      });

      // alert(ids);

      if (ids.length === 0) {
         Swal.fire({
            icon: 'error',
            title: 'No data found.',
            showClass: {
               popup: 'animate__animated animate__fadeInDown'
            },
            hideClass: {
               popup: 'animate__animated animate__fadeOutUp'
            }
         });
         return false;
      }


      $.redirect(baseUrl + '/practitioner/download/report', {
         'ids': ids,
         'start_date': $("input[name='startDate'").val(),
         'end_date': $("input[name='endDate'").val(),
         'use_new_gst': use_new_gst
      }, "GET", "_blank");

   });


   $(document).on('click', '#downloadtestresult_filter', function() {
      var ids = [];
      $('.id_data').each(function(i) {
         ids[i] = $(this).val();
      });

      if (ids.length === 0) {
         Swal.fire({
            icon: 'error',
            title: 'No data found.',
            showClass: {
               popup: 'animate__animated animate__fadeInDown'
            },
            hideClass: {
               popup: 'animate__animated animate__fadeOutUp'
            }
         });
         return false;
      }

      //  $.ajax({
      //    url:"{{ route('practitioner.client.download.testreport_data')}}",
      //    data:{
      //          id:ids
      //         },
      //       method:'POST',
      //    success: function (response){
      //    }
      // });

      $.redirect(baseUrl + '/practitioner/clients/download/testreport_data', {
         'ids': ids,
      }, "GET", "_blank");

   });


   $(document).on('click', '.client-print', function(event) {

      event.preventDefault();
      // $("#print-test-result-table").css('display','block');
      $("#printinvoicecontent").css('display', 'block');

      var conent = $(this).data('content');
      var header = $(this).data('header');

      console.log(baseUrl);
      printJS({
         printable: conent,
         type: 'html',
         //css: baseUrl + '/assets/css/default.css',
         // css: baseUrl + '/assets/css/bootstrap.min.css',
         css: baseUrl + '../assets/css/pdf-print.css',
         //css: baseUrl + '/assets/css/pdf-print.css',

         header: header
      });
      // $("#print-test-result-table").css('display','none');
      $("#printinvoicecontent").css('display', 'none');
   });

   $(".storePractitoner_filter").submit(function(e) {
      var selectedDays = new Array();
      e.preventDefault();
      //$(".profile-form-error").hide();

      // if ($(this).parsley().isValid()) {
      //var f = $(this);

      var datas = new FormData($(this)[0]);

      //alert(datas);

      $.ajax({
         url: $(this).attr('action'),
         data: datas,
         type: "POST",
         contentType: false,
         processData: false,
         success: function(response) {

            //myModal
            //$('#addUserModal').modal('hide');
            $('#applylgModaldata').modal('show');
            $('.dataappend').html(response.html);
            $('.egetDate').html(response.e_date);
            $('.sgetDate').html(response.s_date);
         }
      });

   });

   $(document).ready(function() {

      // $("#date").datepicker({
      //    format: "dd-mm-yyyy",
      //     autoclose: true,
      // });

      // $("#end_date").datepicker({
      //     format: "dd-mm-yyyy",
      //     autoclose: true,
      // });


      $('#date').datepicker({
         //format: "yyyy-mm-dd",
         format: "dd-mm-yyyy",
         weekStart: 1,
         todayHighlight: true,
         autoclose: true,
         clearBtn: false,
         saveBtn: true,
      });
      $('#end_date').datepicker({
         //format: "yyyy-mm-dd",
         format: "dd-mm-yyyy",
         weekStart: 1,
         todayHighlight: true,
         autoclose: true,
         clearBtn: false,
         startDate: '-',
      });

      var startDate = new Date('01/01/2012');
      var FromEndDate = new Date();
      var ToEndDate = new Date();
      ToEndDate.setDate(ToEndDate.getDate() + 365);
      $('#date').datepicker({
            weekStart: 1,
            startDate: '01/01/2012',
            endDate: FromEndDate,
            autoclose: true
         })
         .on('changeDate', function(selected) {
            var to_calendar = $(this).parent().parent().next().next().find('input');
            startDate = new Date(selected.date.valueOf());
            startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
            to_calendar.datepicker('setStartDate', startDate);
            to_calendar.datepicker().datepicker("setDate", startDate);
         });


   });
</script>

@endsection

@section('css')
<style>
   .dateserviceModal .form-control {
      color: #666;
   }

   .dateserviceModal .form-control::placeholder {
      color: #666;
   }
   .taking-new-table tr.head-brdr th{
      vertical-align: bottom;
   }
</style>

@endsection

@section('modals')

@endsection