@extends('app')

@section('title', 'Generátor jídel | Profil')

@section('content')

    <div class="@if($user->type == 'regular') block profile background-diet @endif">
        <div class="wrap">

            <div class="profile-container">

                @include('_profile._partials.arrows')

                <div class="profile-container-inner">

                    @include('_profile._partials.day')
                    @include('_profile._partials.menu')

                    <div class="row generator">

                        <h2>Generátor jídel</h2>

                        <div class="col-md-4 no-padding">
                            <div id="generator-container">
                                @include('_profile.generator._partials.form')
                            </div>
                            <a href="javascript:void(0)" class="recalculate button pull-right">Přepočítat</a>
                        </div>
                        <div class="col-md-8 no-padding">
                            <div id="results">
                                <div class="ingredients"></div>
                                <div class="info"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if($user->tutorial_step == 'generator')
        @include('_modals.tutorial.generator')
    @endif
@endsection

@section('javascripts')
    <script>
        window.ingredientsAutocompleteUrl = "{{action('Profile\IngredientCalculatorController@ingredientsAutocomplete')}}";
        window.calculatorUrl = '{{action('Profile\IngredientCalculatorController@calculate')}}';
    </script>
@endsection