@extends('layouts.bo')

@section('content')
    <div class="row">
    <div class="col-xl-6">
        <!--begin:: Widgets/User Progress -->
        <div class="m-portlet m-portlet--full-height ">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            Commande No : {{$order->id}} - {{$order->created_at->format('d/m/Y')}}	: {{$order->time}}
                        </h3>
                    </div>
                </div>

            </div>
            <div class="m-portlet__body">
                <div class="row">
                    <div class="col-md-12">
                        @php ($total = 0)
                        <ul>
                            @foreach ($order->lines as $line)
                                @if($line->restaurant->id == $restaurant->id)
                                    <li>
                                        {{$line->qty}} x {{$line->name}} - {{$line->price}}€
                                        @php ($total += $line->price)
                                        <ul>

                                            @foreach ($line->components as $component)
                                                <li>
                                                    {{$component->name}}
                                                    <ul>
                                                        @foreach ($component->values as $value)
                                                            <li>{{$value->name}}</li>
                                                        @endforeach
                                                    </ul>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </div>

                </div>

                <div class="row">
                    <div class="col-md-12">
                        <b>Total: {{$total}}€</b>
                    </div>
                </div>

            </div>
        </div>
        <!--end:: Widgets/User Progress -->
    </div>


    </div>
@endsection