@extends('layouts.app')

@section('head')

{{--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />--}}
{{-- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> --}}
<link href="/css/treeview.css" rel="stylesheet">
@endsection

@section('breadcrumb')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-primary">@lang('Group Management')</h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active">@lang('Groups')</li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card">
            <div class="card-body">
                <ul id="groups-tree">
                    @foreach($groups as $group)
                        <li>
                            {{ $group->name }}
                            {{-- @can('group-delete') --}}
                                {{--{!! Form::open(['method' => 'DELETE','route' => ['groups.destroy', $group->id],'style'=>'display:inline']) !!}
                                    <button type="button" class="delete-group-btn"><i class="btn btn-danger btn-sm fa fa-trash-alt"></i></button>
                                {!! Form::close() !!}--}}
                            {{-- @endcan --}}
                            @if(count($group->childs))
                                @include('groups.childs', ['childs' => $group->childs])
                            @endif
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            {{-- <div class="card-header">Add New Group</div> --}}
            <h4 class="card-title">@lang('Add New Group')</h4>
            <div class="card-body">
                {!! Form::open(['route'=>'groups.store']) !!}
                    @if ($message = Session::get('success'))
                        <div class="alert alert-success alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                                <strong>{{ $message }}</strong>
                        </div>
                    @endif

                    <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                        <label>@lang('Name'):</label>
                        {!! Form::text('name', old('name'), ['class'=>'form-control', 'placeholder'=> __('Enter Group Name')]) !!}
                        <span class="text-danger">{{ $errors->first('name') }}</span>
                    </div>

                    <div class="form-group {{ $errors->has('parent_id') ? 'has-error' : '' }}">
                        <label>@lang('Parent group'):</label>
                        {!! Form::select('parent_id',$allGroups, old('parent_id'), ['class'=>'form-control', 'placeholder'=> __('Select Group')]) !!}
                        <span class="text-danger">{{ $errors->first('parent_id') }}</span>
                    </div>

                    <div class="form-group">
                        <button class="btn btn-success btn-sm">@lang('Create')</button>
                    </div>

                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
    <script type="text/javascript" src="/js/treeview.js"></script>
    <script>
        $(function() {
            /*$('form button.delete-group-btn').click(function( ) {
                if (confirm('ready?')) {
                    $(this).closest('form').submit();
                }
            })*/
        });
    </script>
@endpush