@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 light bordered sale">
                <div class="portlet-title">
                    <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="pull-right">
                        <a class="btn btn-primary" href="{{ route('costItems.index') }}"><i class="fa fa-mail-reply"></i> @lang('layout.Back')</a>
                    </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-9">
                           <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