@extends ('layouts.app')

@section ('content')
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default padding-30">

            @include('partials.messages')

            <div class="row no-padding">
                <div class="col-md-6 no-padding">
                    @include('restaurants.partials.breadcrumbs')
                </div>
                <div class="col-md-6 no-padding">
                    <div class="btn btn-tabletpos pull-right m-l-10" id="add-shelf" data-area_id="{{ $area_id }}">
                      <i class="fa fa-plus" aria-hidden="true"></i>
                    </div>
                    <div class="form-group pull-right">
                        <input type="text" name="shelf_title" id="shelf_title" class="form-control" placeholder="Shelf Title">
                    </div>
                </div>
            </div>

            <hr>

            <div class="row m-t-10">
                <div class="col-md-12 no-padding">
                    <div class="row shelves">
                        @foreach($shelves as $shelf)
                            @include('restaurants.partials.shelf')
                        @endforeach
                    </div>
                </div>
            </div>

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

@include('modals._rename')
@include('modals._deactivate')

@stop