@extends('layouts.backend')

@section('extraCss')
<style>
.tooltip {  
  opacity:1!important;
}
.tooltip .tooltiptext {
  visibility: hidden;
  
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px; 
    position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
</style>
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Customer Buying Details
            <a href="{{ route('customer-details') }}" class="btn btn-info float-right btn-sm"> Back</a>
        </h4>
    </div>
    <div class="card-body">

        <div class="alert alert-default">
            <form action=""> 
                <h5>Telephone :{{ $telephone }}</h5>         
                <table class="table table-bordered data-table">
                    <thead>
                    <tr>
                        <td>Range </td>
                        <td>Frequency</td>                                              
                        <td>Type</td>                                               
                        <td>Timing</td>
                        <td>Discount</td>                       
                    </tr>
                </thead>
                <tbody>
                    @if($Max_price > 0 && $Min_price > 0 && $Min_qty > 0 )
                    <tr>
                        <td>
                            <p>Max-price ={{ $Max_price }} </p>
                            <p>Min-price={{ $Min_price }} </p>
                            <p>Max-qty ={{ $Max_qty }} </p>
                            <p>Min-qty={{ $Min_qty }} </p>
                        </td>
                        <td>
                            @foreach($orders as $order)                                                      
                                <div class="tooltip">{{ $order->bill_date }}<br><span class="tooltiptext">
                                    <table style='text-align: center;margin: 0 auto;'><tr>
                                        <th>article</th>
                                        <th>color</th>
                                        <th>size</th>
                                        <th>Hsn</th>
                                        <th>Mrp</th>
                                        </tr>
                                        @foreach($bill_infos as $bill_info)
                                        <tr>
                                        <td>{{ $bill_info->article }}</td>
                                        <td>{{ $bill_info->color }}</td>
                                        <td>{{ $bill_info->size }}</td>
                                        <td>{{ $bill_info->hsn }} </td> 
                                        <td>{{ $bill_info->basemrp }}</td>
                                        </tr></table>
                                        @endforeach
                                    </span>
                                </div>  
                            @endforeach                            
                        </td>                                          
                        <td>
                            {{-- $subsection --}}                           
                            @foreach($subsection as $key => $s) 
                                @if(!empty($key))                           
                                <p>{{ $key }}( {{ $s }} )<br></p>
                                @endif
                            @endforeach
                        </td>
                        <td><p>{{ $time }}<br></p></td>
                        <td>{{ $Total_discount }}</td>
                    </tr>
                    @else
                     <tr><td colspan="5"><h4>No Record Found </h4></td></tr>
                    @endif
                </tbody>
                </table>
            </form>
        </div>
        
    </div>
</div>
@endsection