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

<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/edit-icon-green.png")}}' 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> -->

                     <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" 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> -->

                <p>{{date('l dS M', strtotime(@$sdate))}} - {{date('l dS M', strtotime(@$enddate))}}</p>
            </div>
        </div>
    </div>

    <div class="taking-new-contain" >
    <div class="row justify-content-sm-center" id="print-test-result-tablenewmy">
        <div class="col-md-9 my-2"> 
              
       <!-- <di 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>Item </th>
                        <th>Cost</th>
                        <th>Payment method</th>
                        <th>Total Paid</th>
                        
                    </tr>
                </thead>
                <tbody>
                <tr>
                        <td>14-05-2021</td>
                        <td>Anil Mustafa <br/> # 48678</td>
                        <td>Initial Consultation 2 x Metagenics Ultra C </td>
                        
                        <td>$120.00 <br/> $49.99</td>
                        <td>Credit card HICAPS</td>
                        <td>$100.00<br/> $69.99</td>
                        
                    </tr>   
                      
                </tbody>
            </table>
            </div>
            </div> -->

            <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>Item </th>
                                <th>Cost</th>
                                <th>Payment method</th>
                                <th>Total Paid</th>
                                
                            </tr>

                                                     </thead>
                        <tbody>