@extends('admin.layouts.main')

@section('content')
    <div class="generic_wrapper">
        <div class="row">
            <div class="col-xs-10">
                <h1>{{ trans('backend.requested_meals') }}</h1>
            </div>
            <div class="col-xs-2 form-actions">

                <a href="{{ url("/admin") }}" data-toggle="tooltip" data-placement="bottom"
                   title="{{ trans("backend.back") }}" class="btn btn-default pull-right">
                    <span class="icon glyphicon glyphicon-arrow-left"></span>
                </a>

            </div>
        </div>
        <div id="requested_meals">
            <div class="row">
                <div class="col-sm-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            {{$mealFood->meal->title}} - {{$mealFood->food->title}}
                        </div>
                        <div class="panel-body">
                            @lang('backend.total_food_requests', ['total' => $mealFood->users->sum('pivot.quantity')])
                        </div>

                        <table class="table">
                            <thead>
                            <tr>
                                <th>@lang('backend.name')</th>
                                <th>@lang('backend.email')</th>
                                <th>@lang('backend.quantity')</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($mealFood->users as $user)
                                <tr>
                                    <td>{{$user->name}}</td>
                                    <td>{{$user->email}}</td>
                                    <td>{{$user->pivot->quantity}}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop