@extends('apex-layouts.main')
@section('content')
    <section id="fabs-examples">
        <div class="card">
            <div class="card-body">
                <div class="card-block">
                    <div class="row">
                        <div class="col-lg-7 col-md-12 col-sm-12">
                            <div class="row">
                                <div class="col-sm-8">
                                    <h4 class="card-title">{{ $model->title }}</h4>
                                </div>
                                <div class="col-sm-4">
                                    <code class="text-warning float-right"><i id="total_cal">0</i> kcal</code>
                                    <br>
                                    <code class="text-warning float-right">
                                        Review
                                        <a class="info p-0" href="{{ route('orders.mealReview', $model->id) }}"
                                           data-original-title="" title="meal Review">
                                            <i class="ft-fast-forward "></i>
                                        </a>
                                    </code>
                                </div>
                            </div>

                            <code class="text-warning">Type</code>:
                            <small class="text-muted">{{$model->type}}</small>
                            <hr/>
                            <h4 class="clearfix text-warning text-highlight">{{ 'Recipes' }}
                            </h4>
                            <div class="card-body">
                                <ul class="list-group">
                                    @foreach($model->recipes as $recipe)
                                                                                <li class="list-group-item text-muted">

                                            <a class="media" href="{{route("orders.recipe",$recipe->id)}}">
                                                <img alt="{{$recipe->title}}"
                                                     class="media-object d-flex mr-3 align-self-center bg-primary height-50 width-50 rounded-circle"
                                                     data-src="{{($recipe->logo)?env("IMAGE_URL")."/".$recipe->logo:URL::asset(config("params")['images']["recipe"])}}"
                                                     src="#">
                                                <div class="media-body">
                                                    <h4 class="font-medium-1 mt-2 mb-0">{{$recipe->title}}</h4>
                                                    <small><code
                                                            class="text-warning">CUISINES</code>: {{$recipe->cuisines}}
                                                    </small>
                                                </div>
                                                <small><code class="text-warning">Cal </code>{{$caloriesTotal}}
                                                    | <code
                                                        class="text-warning">Grams </code>{{$recipe->ingredients()->sum("grams")}}
                                                </small>
                                            </a>

                                        </li>
                                    @endforeach

                                </ul>
                            </div>
                            <hr/>
                            <p class="card-text text-muted text-justify">
                                {{$model->description}}
                            </p>
                        </div>
                        <div class="col-lg-5 col-md-12 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="card-img">
                                        <img class="card-img-top img-fluid"
                                             data-src="{{($model->logo)?env("IMAGE_URL")."/".$model->logo:URL::asset(config("params")['images']["recipe"])}}"
                                             alt="{{$model->title}}}">
                                        <h4 class="card-title">{{$model->title}}</h4>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection


@section('scripts')
    <script type="text/javascript">
        $('#total_cal').html({{$totalCal}});

    </script>
@stop

@section('styles')
@stop