@extends('template.admin.layout')
@section('styles')
@endsection

@section('content-head')
    <h1 class="page-title"> Gesti&oacute;n de Men&uacute; </h1>
@endsection

@section('content-body')
    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject bold uppercase"> Editar men&uacute; del portal web </span>
            </div>
        </div>
        <div class="portlet-body form">
            @include('alerts.index')
            {{ Form::open(array('id' => 'form-validation','route' => array('menu.editar'), 'class'=>'')) }}
            <div class="form-body">
                <div class="panel-group accordion" id="accordion_menu">
                    @foreach($menus as $menu)
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#collapse_{{ $menu['id'] }}" aria-expanded="false"> {{ $menu['nombre'] }} </a>
                                </h4>
                            </div>
                            <div id="collapse_{{ $menu['id'] }}" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
                                <div class="panel-body">
                                    <div class="row">
                                        {{--<label class="control-label col-md-2" for="menus_{{ $menu['id'] }}">T&iacute;tulo</label>--}}
                                        <div class="form-group hide">{!! Form::text('menus[' . $menu['id'] . '][id]', $menu['id'], array('class' => 'form-control')) !!}</div>
                                        <div class="col-md-5 col-xs-6">
                                            <div class="form-group">
                                                {!! Form::text('menus[' . $menu['id'] . '][nombre]', $menu['nombre'], array('class' => 'form-control col-md-9', 'required' => 'required')) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-xs-6">
                                            <div class="form-group">
                                                <div class="btn-group" data-toggle="buttons">
                                                    <label class="btn btn-primary {{ $menu['mostrar'] == true ? 'active' : '' }}">
                                                        <input name="{{ 'menus[' . $menu['id'] . '][mostrar]' }}" type="radio" class="toggle" value="1" {{ $menu['mostrar'] == true ? 'checked="checked"' : '' }}> Mostrar </label>
                                                    <label class="btn btn-primary {{ $menu['mostrar'] == false ? 'active' : '' }}">
                                                        <input name="{{ 'menus[' . $menu['id'] . '][mostrar]' }}" type="radio" class="toggle" value="0" {{ $menu['mostrar'] == false ? 'checked="checked"' : '' }}> No </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @if(!empty($menu->submenus) && count($menu->submenus) > 0)
                                        @foreach($menu->submenus as $submenu)
                                                <div class="row">
                                                    <div class="form-group hide">{!! Form::text('menus[' . $submenu['id'] . '][id]', $submenu['id'], array('class' => 'form-control')) !!}</div>
                                                    <div class="col-md-offset-1 col-md-5 col-xs-6">
                                                        <div class="form-group">
                                                            {!! Form::text('menus[' . $submenu['id'] . '][nombre]', $submenu['nombre'], array('class' => 'form-control', 'required' => 'required' )) !!}
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3 col-xs-6">
                                                        <div class="form-group">
                                                            <div class="btn-group" data-toggle="buttons">
                                                                <label class="btn btn-primary {{ $submenu['mostrar'] == true ? 'active' : '' }}">
                                                                    <input name="{{ 'menus[' . $submenu['id'] . '][mostrar]' }}" type="radio" class="toggle" value="1" {{ $submenu['mostrar'] == true ? 'checked="checked"' : '' }}> Mostrar </label>
                                                                <label class="btn btn-primary {{ $submenu['mostrar'] == false ? 'active' : '' }}">
                                                                    <input name="{{ 'menus[' . $submenu['id'] . '][mostrar]' }}" type="radio" class="toggle" value="0" {{ $submenu['mostrar'] == false ? 'checked="checked"' : '' }}> No </label>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>

                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-12">
                            <a href="{{ url('/admin/') }}" class="btn btn-default">Cancelar</a>
                            <button id="submitBtn" type="submit" class="btn btn-primary ladda-button" data-style="slide-down">
                                <span class="ladda-label">Guardar</span>
                                <span class="ladda-spinner"></span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            {!! Form::close() !!}

        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $( document ).ready(function() {
            $('.summernote').summernote({
                lang: 'es-ES',
                height: 350,
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']]
                ]
            });
        });

        $('.dropdown-toggle').dropdown();

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#output').attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);
            }
        }
        $('input[name=pathimagen]').change(function () {
            readURL(this);
        });

        $("#form-validation").validate({
            submitHandler: function (form) {
            var l = Ladda.create(document.querySelector('#submitBtn'));
            l.start();
            form.submit();
        }
        });

    </script>
@endsection