@extends('Admin.master_layout.master')

@section('title', getTitleInPage())

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> 
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a> 
            <a href="" class="current">
                {{ getTitleInPage() }}
            </a> 
        </div>
        <h1>{{ getTitleInPage() }}</h1>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                <form action="{{ url('main-master-menu') }}" method="post" class="form-horizontal" >
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    

                    <div class="control-group mastermenus" style="float: left;width: 17%;">
                        <label class="control-label" style="width:200px;">Filter by Only Parent Menu :</label>
                        <div class="controls">
                            <input type="checkbox" name="filterbyonlyparentmenu" value="1" @if($filterbyonlyparentmenu == 1) checked @endif>
                        </div>
                    </div>
                    <div class="control-group mastermenus" style="float: left;width: 31%;">
                        <label class="control-label" style="width:200px;">Is Show Book :</label>
                        <div class="controls">
                            <input type="checkbox" name="is_show_book" value="1" @if($is_show_book == 1) checked @endif>
                            <button type="submit" class="btn btn-mini btn-primary" >Go</button>
                        </div>
                    </div>
                    
                </form>
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>{{ getTitleInPage() }} List</h5>
                        <span class="pull-right" style="padding: 7px;">
                            <a class="btn btn-mini btn-primary" href="{{ url('main-master-menu/add') }}" title="Add new">Add</a>
                        </span>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered data-table dbclickCls">
                            <thead>
                                <tr>
                                    <th width="2%">No.</th>
                                    <th>Name</th>
                                    <th>Web Menu Order</th>
                                    <th>App Menu Order</th>
                                    <th width="5%">Status</th>
                                    <th width="9%">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($masterMenu as $data)
                                <tr class="gradeX">
                                    <td>{{ $no++ }}</td>
                                    <td>{{ $data->name }}</td>
                                    <td class="edittablestext" data-table="master_menu" data-type="text" data-id="{{ $data->id }}" data-field="menu_order">{{ $data->menu_order }}</td>
                                    <td class="edittablestext" data-table="master_menu" data-type="text" data-id="{{ $data->id }}" data-field="app_menu_order">{{ $data->app_menu_order }}</td>
                                    <td><span class="label label-{{ ($data->status == 0 )? 'info':'success'}}">{{ ($data->status == 0 )? 'Inactive':'Active'}}</span></td>
                                    <td class="center"> 
                                        <a class="btn btn-mini btn-success" href="{{ url('main-master-menu/edit/'.$data->id) }}" title="Edit"><i class="icon-pencil"></i></a> 
                                        <a class="btn btn-inverse btn-mini btn-helpcls" href="javascript:void(0)" data-toggle="modal" data-id="{{ $data->id }}" data-role-name="{{ $data->name }}" data-target="#helpAddEdit" title="Help"><i class="icon-book"></i></a>
                                        <!--                                        <a class="btn btn-mini btn-danger" onclick="if (confirm('Are You Sure? Do You Want To Delete?')) {
                                                                                            return true;
                                                                                        } else {
                                                                                            return false;
                                                                                        }" href="{{ url('main-master-menu/delete/'.$data->id) }}" title="Delete"><i class="icon-trash"></i></a> -->
                                    </td>
                                </tr>
                                @if($filterbyonlyparentmenu == 0)                                                        
                                @if(count(getParentMasterMenu($data->id)) > 0)
                                @foreach(getParentMasterMenu($data->id) as $per => $parentMenu)
                                <tr class="gradeX">
                                    <td>{{ $no++ }}</td>
                                    <td>----{{ $parentMenu->name }}</td>
                                    <td></td>
                                    <td></td>
                                    <td><span class="label label-{{ ($parentMenu->status == 0 )? 'info':'success'}}">{{ ($parentMenu->status == 0 )? 'Inactive':'Active'}}</span></td>
                                    <td class="center"> 
                                        <a class="btn btn-mini btn-success" href="{{ url('main-master-menu/edit/'.$parentMenu->id) }}" title="Edit"><i class="icon-pencil"></i></a> 
                                        <a class="btn btn-inverse btn-mini btn-helpcls" href="javascript:void(0)" data-toggle="modal" data-id="{{ $parentMenu->id }}" data-role-name="{{ $parentMenu->name }}" data-target="#helpAddEdit" title="Help"><i class="icon-book"></i></a>
                                        <!--                                        <a class="btn btn-mini btn-danger" onclick="if (confirm('Are You Sure? Do You Want To Delete?')) {
                                                                                            return true;
                                                                                        } else {
                                                                                            return false;
                                                                                        }" href="{{ url('main-master-menu/delete/'.$data->id) }}" title="Delete"><i class="icon-trash"></i></a> -->
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                                @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="helpAddEdit" class="modal helpmodel hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Help - <span id="RoleName"></span></h3>
    </div>
    <div class="modal-body">
        <form action="{{ url('save-master-menu-help') }}" id="StateForm" class="form-horizontal" method="post">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="menu_id" id="menu_id">

            <div class="control-group" id="state">
                <label class="control-label">Help :</label>
                <div class="controls">
                    <div class="subject-info-box-1">
                    <textarea name="help" class="span10" rows="15" id="help-txt"></textarea>
                    </div>
                </div>
            </div>
            
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success" id="stateSubmit">Submit</button>
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">
$('.btn-helpcls').live('click', function () {
        trHTML = '';
        $('#help-txt').val();
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-role-name");

        $('#RoleName').html(user_name);
        $('#menu_id').val(id);
        $.ajax({
            type: 'GET',
            url: "{{ url('main-master-menu/help') }}/" + id,
            success: function (data) {
                $('#help-txt').val(data);
            }
        });
    });
    $("#help-txt").keypress(function(){
        var help = $('#help-txt').val();
        var menu_id = $('#menu_id').val();
        $.ajax({
                type: "POST",
                url:"{{ url('save-main-master-menu-help') }}",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
                data: {
                    menu_id: menu_id,
                    help: help
                },
                success: function(data) {
                   // $('#logTable').html(data);
                }
            });
   });
   </script>
@parent
@endsection