@section('css')
        <link rel="stylesheet" href="/css/bootstrap-datepicker.css">
        <link rel="stylesheet" href="/css/cropper.min.css">
@endsection
@section('js')
        <script src="/js/bootstrap.file-input.js"></script>
        <script src="/js/bootstrap-datepicker.js"></script>
        <script src="/js/cropper.min.js"></script>
        <script src="/js/photo-download.js"></script>
@endsection

@extends('layouts.rest-index')
@section('top_class','personal-restaurant')
@section('img_id','rest-cook-boss')
@section('content')
        <div class="personal-restaurant" id="rest-cook-boss">
            <div id="home-page">
                <div class="content-rest">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="hidden-xs">Комплексные обеды</h4>
                                <h5>Список добавленных обедов:</h5>
                            </div>
                        </div>
                        @foreach($dinners as $dinner)
                        <div class="dishes-boss">
                            <div class="name-cook">{{$dinner->name}}</div>
                            <div class="line-border hidden-xs"></div>
                            <div class="name-dish">@foreach($dinner->consist as $consist)@if($consist['name']) <div>{{$consist['name']}}-{{$consist['price']}}</div> @endif @endforeach </div>
                            <div class="line-border hidden-xs"></div>
                            <div class="name-kitchen">Язык: Русский, Естонский</div>
                            <div class="line-border visible-lg"></div>
                            <div class="button-wrapper">
                                <a href="/rest/dinner/{{$dinner->id}}" class="edit blue">редактировать</a>
                                 <form action="/rest/dinner/{{$dinner->id}}" method="POST" style="display:inline-block;">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <input type="hidden" name="_method" value="DELETE">
                                    <button class="cancel white">удалить</button>
                                </form>
                            </div>
                        </div>
                        @endforeach
                        <button class="add-dish blue">Добавить комплесный обед</button>
                        <div class="add-dish-holder">
                            <h4>Добавить комплесный обед</h4>
                            <div class="add-dish-holder-inner">
                                <form action="" method="POST">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <div class="row">
                                        <div class="col-md-12 col-lg-6">
                                            <div class="select-data">
                                            <label for="">
                                                <span class="title">Дата комплексного обеда:</span>
                                                <input type="text" class="form-control"   name="date" id="datepicker">
                                            </label>
                                            </div>
                                            <label for=""><span>Название комплексного обеда:</span>
                                                <input type="text" name="localize[name]" required="">
                                            </label>
                                            <label for=""><span>Стоимость комлпексного обеда:</span>
                                                <input type="text" name="price">
                                            </label>
                                            <label for="download-photo">
                                                <span>Фото блюда:</span>
                                                <a class="file-input-wrapper change-foto download-photo">
                                                    <span>Загрузить фото</span>
                                                    <input type="file" id="inputImage" name="DinnerFotos[]"  accept="image/*">
                                                </a>
                                            </label>
                                        </div>
                                        <div class="col-md-12 col-lg-6">
                                            <div class="col-md-12 col-lg-8">
                                                <label for="">Название блюда</label>
                                            </div>
                                            <div class="col-md-12 col-lg-4">
                                                <label for="">Цена</label>
                                            </div>
                                            <div class="dinners-block">
                                                <div class="row">
                                                    <div class="col-md-4 col-lg-8"><input type="text" name="dinners[0][name]" class=""></div>
                                                    <div class="col-md-4 col-lg-3"><input type="text" name="dinners[0][price]" class=""></div>
                                                    <div class="col-md-4 col-lg-1"><a class="add-dinner"></a></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                        <div class="gallery-dishes">
                                        </div>
                                        <div class="main-button">
                                            <button type="submit" class="blue">сохранить</button>
                                            <button type="reset" class="white">отмена</button>
                                        </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @include('modal.modal-download-photo')
@endsection