{{-- @extends('layouts.app') --}}
@extends('backend.layouts_backend.master2')

@section('title')
    Add Role
@endsection
@section('content')
    {{-- title --}}
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0"> Add Role</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">

           

            <a href="/admin/roles"><button type="button" class="btn btn-success btn-icon-text me-2 mb-2 mb-md-0">
                    <i class="btn-icon-prepend" data-feather="eye"></i>
                    View Roles
                </button> </a>

            {{-- <a href="javascript::void(0)"> <button type="button" class="btn btn-danger btn-icon-text mb-2 mb-md-0">
                    <i class="btn-icon-prepend" data-feather="trash-2"></i>
                    Trashed
                </button></a> --}}

        </div>
    </div>

    {{-- end title --}}




    













    <div class="row">

        <div class="col-lg-12 col-xl-12 stretch-card">
            <div class="card">
                <div class="card-body">

                    {!! Form::open(['route' => 'roles.store', 'method' => 'POST']) !!}
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <label for="role_name" class="form-label">Role Name</label>
                                <input type="text" name="name" class="form-control" autocomplete="on" id="role_name"
                                    placeholder="Enter role name">

                                {{-- {!! Form::text('name', null, ['placeholder' => 'Enter role name', 'class' => 'form-control ']) !!} --}}
                            </div><br>
                            {{-- validation --}}
                            @if ($errors->has('name'))
                                {{-- <span class="text-danger text-left">{{ $errors->first('name') }}</span> --}}
                                <div class="alert alert-danger" role="alert">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
                                    {{ $errors->first('name') }}
                                </div>
                            @endif

                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12" style="margin-top:20px; ">
                            <div class="form-group">
                                <label for="role_name" class="form-label">Assign Permissions To Role </label> <br>

                                @if ($errors->has('permission'))
                                    {{-- <span class="text-danger text-left">{{ $errors->first('permission') }}</span> --}}
                                    <div class="alert alert-danger" role="alert">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
                                        {{ $errors->first('permission') }}
                                    </div>
                                @endif
                                <hr>

                                {{-- permissions --}}
                                @php
                                    // $permission_g  = $permission::groupBy('permission_category_id')->get();
                                @endphp
                                <div class="row">
                                    {{-- {{ dd($permission->toArray()) }} --}}

                                  

                                    @foreach ($permission as $value)
                                        <div class="col-md-3 ">
                                            <label>{{ Form::checkbox('permission[]', $value->id, false, ['class' => 'name']) }}
                                                {{ $value->description }}</label>
                                            <br />
                                        </div>
                                    @endforeach
                                </div>

                            </div>
                        </div>
                        <br>
                        <hr>
                        <div class="col-xs-12 col-sm-12 col-md-12" style="margin-top:30px;">
                            {{-- <button type="submit" class="btn btn-primary">Save Role</button> --}}
                            <button type="submit" class="btn btn-primary btn-icon-text me-2 mb-2 mb-md-0">
                                <i class="btn-icon-prepend" data-feather="plus-circle"></i>
                                Save Role
                            </button>
                        </div>
                    </div>
                    {!! Form::close() !!}

                </div>
            </div>
        </div>
    </div> <!-- row -->
@endsection