@extends('apex-layouts.main')

@section('title',$model->member->name ?? '')

@section('header-right')
    <a href="{{ route('pos.index') }}" class="btn btn-raised btn-primary round mr-1 mb-1"><i
                class="fa fa-plus-circle"></i> </a>
@endsection
@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <div class="card-block">
                        <table class="table table-responsive-lg table-striped">
                            <thead class="">
                            <tr>
                                <th>Total Amount</th>
                                <th>Discount Amount</th>
                                <th>Refund Amount</th>
                                <th>Delivery Amount</th>
                                <th>Shop</th>
                                <th>Coupon</th>
                                <th>Discount By</th>
                                <th>Comment</th>
                            </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{$model->totalAmount ?? ''}}</td>
                                    <td>{{$model->discountAmount ?? ''}}</td>
                                    <td>{{$model->refundAmount ?? ''}}</td>
                                    <td>{{$model->deliveryAmount}}</td>
                                    <td>{{strtoupper($model->shope->title ?? '')}}</td>
                                    <td>{{$model->coupon->code ?? ''}}</td>
                                    <td>{{$model->discountBy->name ?? ''}}</td>
                                    <td>{{$model->comment}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        @foreach($model->items as $item)
            <div class="col-lg-5 col-md-6 col-sm-6" style="max-width: 25%;">
        <div class="card">
            <div class="card-body">
                <div class="card-img">
                    <img class="card-img-top img-fluid"
                         data-src="{{($model->getLogo)?env("IMAGE_URL")."/".$model->getLogo->filePath."/".$model->getLogo->title:URL::asset(config("params")['images']["mealplan"])}}"
                         alt="{{$model->title}}}">
                </div>
                <div class="card-block">
                    <h4 class="card-title text-capitalize">{{$item->meal->title ?? ''}}</h4>
                    <ul class="list-group">
                        <li class="list-group-item  language-markup">
                            <span class="badge bg-light float-right"><b>Rs:{{$item->meal->perOrderAmount ?? ''}}</b></span>Amount
                        </li>
                        <li class="list-group-item  language-markup">
                            <span class="badge bg-light float-right"><b>{{$item->qty ?? ''}}</b></span>Quantity
                        </li>
                        <li class="list-group-item  language-markup">
                            <span class="badge bg-light float-right"><b>{{$item->meal->totalCalories ?? ''}}</b></span>Calories
                        </li>
                        <li class="list-group-item  language-markup">
                            <span class="badge bg-light float-right"><b>{{$item->meal->totalGrams ?? ''}}</b></span>Total Grams
                        </li>
                    </ul>
                </div>
{{--                <div class="card-block">--}}
{{--                    <p>{{$model->comment}}</p>--}}
{{--                </div>--}}
            </div>
        </div>
    </div>
        @endforeach
    </div>

@endsection


@section('scripts')
@stop

@section('styles')
@stop