@extends('layout')
@section('content')
    <!-- begin::main content -->

    <main class="main-content">

        <div class="container">

            <!-- begin::page header -->
            <div class="page-header">
                <h3>Add Permission of {{ $role->name }} Role</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ asset('dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item">
                            <a href="{{ asset('superadmin/roles') }}">Roles</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ asset('permission/' . Request::segment(2)) }}">Permission</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">Add</li>
                    </ol>
                </nav>
            </div>
            <!-- end::page header -->
            <x-flashMessage />
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <button type="button" data-target=".bd-example-modal-sm" data-toggle="modal"
                                class="btn btn-success text-uppercase pull-left text-white">
                                <i class="fa fa-plus fa-lg pr-2"></i>Create new entry
                            </button>

                            <a href="{{ asset('permission/' . $role->id) }}" class="btn text-uppercase btn-primary pull-right text-white">
                                <i class="fa fa-list fa-lg pr-2"></i>List
                            </a>
                        </div>
                        <div class="card-body">
                            <form action="{{ asset('add-permission/' . Request::segment(2)) }}" method="post">
                                @csrf
                                {{-- Permissions --}}
                                @if (!empty($permissions))
                                    @foreach ($permissions as $permission)
                                        <div class="form-group">
                                            <div class="custom-control custom-checkbox">
                                                <input {{ $permission->hasPermission != null ? 'checked' : '' }}
                                                    type="checkbox" name="permission[]" value="{{ $permission->id }}"
                                                    class="custom-control-input" id="{{ $permission->slug }}">
                                                <label class="custom-control-label" for="{{ $permission->slug }}">
                                                    {{ $permission->sort }}: {{ $permission->name }} <i>-
                                                        ({{ $permission->slug }})</i>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif

                                <input type="hidden" name="role_id" value="{{ Request::segment(3) }}">

                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                    </div>



                </div>

            </div>

        </div>

    </main>

    {{-- Add new permission modal --}}
    <div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title">Add New Permission</h6>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{ asset('add-new-permission') }}" method="post">
                    <div class="modal-body">
                        @csrf
                        <div class="form-group">
                            <label for="permission_name">Name</label>
                            <input class="form-control" type="text" name="permission_name" id="permission_name">
                            @if ($errors->has('permission_name'))
                                <div class="error">
                                    {{ $errors->first('permission_name') }}
                                </div>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="permission_slug">Slug</label>
                            <input class="form-control" type="text" name="permission_slug" id="permission_slug">
                            @if ($errors->has('permission_slug'))
                                <div class="error">
                                    {{ $errors->first('permission_slug') }}
                                </div>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="permission_order">Sorting</label>
                            <input class="form-control" type="number" min="1" name="permission_order"
                                id="permission_order">

                            @if ($errors->has('permission_order'))
                                <div class="error">
                                    {{ $errors->first('permission_order') }}
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Save changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- end::main content -->
@endsection
@push('footer-script')
    <link rel="stylesheet" href="{{ asset('public/admin/vendors/select2/css/select2.min.css') }}" type="text/css">
    <!-- end::select2 -->

    <script src="{{ asset('public/admin/vendors/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('public/admin/js/examples/select2.js') }}"></script>
@endpush