@extends('layouts.app-general')

@section('content')
<div class="container-fluid">
    <div class="row bg-title">
        <div class="col-md-6 col-sm-4 col-xs-12">
            <h4 class="page-title">MENUS</h4>
        </div>
        <div class="col-md-6 col-sm-4 col-xs-12">
        </div>
        <!-- /.col-lg-12 -->
    </div>

    <!-- ============================================================== -->
    <!-- Sales different chart widgets -->
    <!-- ============================================================== -->
    <!-- .row -->
    @yield('content')

    <!-- /.row -->

    <!-- ============================================================== -->
    <!-- Sales, finance & Expance widgets -->
    <!-- ============================================================== -->

    <!-- /.row -->

    <div class="row">
        <div class="col-md-12">
            @if(session('flash_message'))
            <div class="alert alert-success alert-dismissable">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> Enhorabuena!,
                {{ session('flash_message') }}
            </div>
            @endif
        </div>
    </div>
    @if(isset($web_menu))
    <form class="form-material form-horizontal"
        action="{{ URL::to('administrator/web/menu/update/'.$web_menu->web_menu_id) }}" method="POST"
        enctype='multipart/form-data'>
        @else
        <form class="form-material form-horizontal" action="{{ URL::to('administrator/web/menu/store') }}" method="POST"
            enctype='multipart/form-data'>
            @endif

            <div class="row">
                <div class="col-sm-12">
                    <div class="white-box p-l-20 p-r-20">
                        <h3 class="box-title m-b-0">
                            @if(!isset($web_menu))
                            Agregar menu
                            @elseif(strstr(Request::url(), "view"))
                            Ver menu
                            @else
                            Editar menu
                            @endif</h3>
                        <p class="text-muted m-b-30 font-13"></p>
                        <div class="row">
                            <div class="col-md-12">



                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                                            <label class="col-md-12">Nombre</label>
                                            <div class="col-md-12">
                                                <input type="text" class="form-control form-control-line" name="name"
                                                    value="{{ old('name',isset($web_menu->name) ? $web_menu->name : '') }}">
                                                @if ($errors->has('name'))
                                                <span class="help-block">
                                                    {{ $errors->first('name') }}
                                                </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="form-group{{ $errors->has('web_section_id') ? ' has-error' : '' }}">
                                            <label class="col-md-12">Section</label>
                                            <div class="col-md-12">
                                                <select name="web_section_id" id="" class="form-control">
                                                    <option value="">Seleccionar</option>
                                                    @foreach($web_sections as $web_section)
                                                    <option value="{{ $web_section->web_section_id}}" @if($web_section->
                                                        web_section_id==old('web_section_id',isset($web_menu->web_section_id)
                                                        ? $web_menu->web_section_id : '')) selected="selected"
                                                        @endif>{{ $web_section->name}}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('web_section_id'))
                                                <span class="help-block">
                                                    {{ $errors->first('web_section_id') }}
                                                </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="form-group{{ $errors->has('status') ? ' has-error' : '' }}">
                                            <label class="col-md-12">Estado</label>
                                            <div class="col-md-12">
                                                <select name="status" id="" class="form-control">
                                                    <option value="">Seleccionar</option>
                                                    <option value="1" @if(old('status',isset($web_menu->status) ?
                                                        $web_menu->status : '')===1) selected="selected" @endif>Activada
                                                    </option>
                                                    <option value="0" @if(old('status',isset($web_menu->status) ?
                                                        $web_menu->status : '')===0) selected="selected"
                                                        @endif>Desactivada</option>
                                                </select>
                                                @if ($errors->has('status'))
                                                <span class="help-block">
                                                    {{ $errors->first('status') }}
                                                </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="white-box p-l-20 p-r-20">
                        <h3 class="box-title m-b-0">
                            <div class="col-md-6 col-sm-4 col-xs-12">
                                Items del menu
                            </div>
                            <div class="col-md-6 col-sm-4 col-xs-12">
                                <span href="#" id="add_item" class="btn btn-rounded btn-info btn-xs pull-right">Agregar
                                    item</span>
                            </div>
                        </h3>

                        <p class="text-muted m-b-30 font-13"></p>
                        <div class="row">
                            <div class="col-md-12">

                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="items-container">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th>Nombre</th>
                                                        <th>Url</th>
                                                        <th>Estado</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="items_container">
                                                    @if(isset($web_menu_items))
                                                                                                        @foreach($web_menu_items as $web_menu_item)
                                                                                                        <tr class="item_menu" id="item_menu1">
                                                        <td>
                                                            <input type="text"
                                                                name="items_menu[1][name]"
                                                                class="form-control" placeholder="Nombre"
                                                                value="{{ $web_menu_item->name }}">
                                                        </td>
                                                        <td>
                                                            <input type="text"
                                                                name="items_menu[1][url]"
                                                                class="form-control" placeholder="Url"
                                                                value="{{ $web_menu_item->url }}">
                                                        </td>
                                                        <td>
                                                            <select name="items_menu[1][status]"
                                                                id="" class="form-control">
                                                                <option value="">Seleccionar</option>
                                                                <option value="1"
                                                                    @if(old('status',isset($web_menu_item->status) ?
                                                                    $web_menu_item->status : '')===1)
                                                                    selected="selected" @endif>Activada
                                                                </option>
                                                                <option value="0"
                                                                    @if(old('status',isset($web_menu_item->status) ?
                                                                    $web_menu_item->status : '')===0)
                                                                    selected="selected"
                                                                    @endif>Desactivada</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <a href="http://cuantopaga.com/administrator/web/menu/delete"
                                                                class="btn btn-danger pull-right btn-outline btn-circle btn-md m-r-5 delete">
                                                                <i class="ti-trash"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group m-b-0">
                                <div class="col-sm-12 text-right">
                                    <a href="{{ URL::previous() }}"
                                        class="btn btn-default waves-effect waves-light m-t-10">Volver atras</a>
                                    <button type="submit"
                                        class="btn btn-info waves-effect waves-light m-t-10">Guardar</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </form>
</div>
<!-- ============================================================== -->
<!-- Sales, weather & calander widgets -->
<!-- ============================================================== -->
<!-- .row -->


<!-- ============================================================== -->
<!-- Profile, & inbox widgets -->
<!-- ============================================================== -->
<!-- .row -->
<div class="row"></div>
<!-- /.row -->
<!-- ============================================================== -->
<!-- To do list, & Feed widgets -->
<!-- ============================================================== -->
<div class="row"></div>
<!-- ============================================================== -->
<!-- Right sidebar -->
<!-- ============================================================== -->
<!-- .right-sidebar -->
<div class="right-sidebar">
    <div class="slimscrollright"></div>
</div>
<!-- ============================================================== -->
<!-- End Right sidebar -->
<!-- ============================================================== -->
</div>
@endsection
@section('script')
<script>
    $(document).ready(function(){
            $("#add_item").on("click",function(){
                
                var number = $(".item_menu").length+1;

                var html = '<tr class="item_menu" id="item_menu'+number+'">'+
                                '<td>'+
                                    '<input type="text" name="items_menu['+number+'][name]" class="form-control" placeholder="Nombre">'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" name="items_menu['+number+'][url]" class="form-control" placeholder="Url">'+
                                '</td>'+
                                '<td>'+
                                    '<select name="items_menu['+number+'][status]" id="" class="form-control">'+
                                        '<option value="">Seleccionar</option>'+
                                        '<option value="1" @if(old("status",isset($web_page->status) ? $web_page->status : "")===1) selected="selected" @endif>Activada</option>'+
                                        '<option value="0" @if(old("status",isset($web_page->status) ? $web_page->status : "")===0) selected="selected" @endif>Desactivada</option>'+
                                    '</select>'+
                                '</td>'+
                                '<td>'+
                                    '<a href="{{ URL::to("administrator/web/menu/delete/") }}" class="btn btn-danger pull-right btn-outline btn-circle btn-md m-r-5 delete"><i class="ti-trash"></i></a>'+
                                '</td>'+
                            '</tr>';

                $("#items_container").append(html);
            })
        })
</script>
@endsection