@extends('admin.layout')

@section('content')
    <div class="container-fluid" ng-controller="taskersFormController">
        <div class="row">
            @if (session('success_message'))
                <div class="alert alert-success">
                    {{ session('success_message') }}
                </div>
            @endif
                @if (session('error_message'))
                    <div class="alert alert-danger">
                        {{ session('error_message') }}
                    </div>
                @endif
            <div class="col-md-12">
                <!-- DATA TABLE -->
                <div class="card">
                    <form class="form-horizontal" action="save-policy" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="card-header">
                            <strong>Thêm nhóm quyền mới</strong>
                        </div>
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="text-input" class=" form-control-label">Tên nhóm<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input type="text" name="name" placeholder="Tên nhóm quyền" value="{{old('name')}}" class="form-control @if($errors->has('name'))is-invalid @endif">
                                    @if($errors->has('name'))
                                        <small class="text-danger">{{$errors->get('name')[0]}}</small>
                                    @endif

                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="email-input" class=" form-control-label">Quyền<em class="red-color">*</em></label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <table class="table table-data2">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Quyền</th>
                                            <th>Select</th>
                                        </tr>
                                        </thead>
                                        <tbody id="list-scopes">
                                        @foreach($au_scopes as $scope)
                                            <tr class="tr-shadow" >
                                                <td>#{{$scope->id}}</td>
                                                <td>{{$scope->title}}</td>
                                                <td>
                                                    <label class="form-check-label">
                                                        <input type="checkbox"
                                                               name="scope_ids[]"
                                                               @if(old('scope_ids') && in_array($scope->id, old('scope_ids'))) checked @endif
                                                               value="{{$scope->id}}"/>&nbsp;
                                                    </label>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-right">
                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="fa fa-dot-circle-o"></i> Submit
                            </button>
                            <button type="reset" class="btn btn-danger btn-sm">
                                <i class="fa fa-ban"></i> Reset
                            </button>
                        </div>
                    </form>
                </div>
                <!-- END DATA TABLE -->
            </div>
        </div>

    </div>
@endsection