@extends('layouts.app')
@section('style')
<style type="text/css">
   table.td{
        border-top:0px;
    }
    .header{
    
    }
   
</style>
@stop
@section('content')
    {{-- <div class="row"> --}}
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet">
            <div class="portlet-title" id="backbtn">
                <div class="caption font-dark">
                    <i class="icon-settings font-dark"></i>
                    <span class="caption-subject bold uppercase">@lang('layout.CustomerRateDetials')</span>
                </div>
                <div class="tools"></div>
            </div>
            <div class="portlet-body">
                <div class="table-scrollable">
                    <table class="table table-striped table-bordered table-advance table-hover">
                        <thead>
                            <tr>
                                <th>
                                    <i class="fa fa-user"></i> @lang('layout.Member')
                                </th>
                                <th>
                                    <i class="fa fa-briefcase"></i> @lang('layout.ItemAmount')
                                </th>
                                <th>
                                    <i class="fa fa-clock-o"></i> @lang('layout.Date')
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="highlight"> 
                                    {{ $info->member }}
                                </td>
                                <td class="highlight"> 
                                    {{ $info->amount }}
                                </td>
                                <td class="highlight"> 
                                    {{convertDate($info->Date)}}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="portlet-body">
                <div class="row">
                    <div class="col-md-12">
                        <table class="table">
                            <thead>
                                <tr class="header">
                                    <th>@lang('layout.ItemName')</th>
                                    <th>@lang('layout.Measure')</th>
                                    <th>@lang('layout.Price')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($data as $d)
                                <tr>
                                    <td>
                                        {{$d->name}}
                                    </td>
                                    <td>
                                        {{$d->measure}}
                                    </td>
                                    <td>
                                        {{$d->rate}}
                                    </td>
                                </tr>
                                @endforeach                 
                            </tbody>
                        </table>
                    </div> 
                </div>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    {{-- </div> --}}
@endsection