@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('admin::permissions.create_role_title'))


@section('content')
    <section id="admin-roles">
        <div class="container-fluid breadcrumb-wraper">
            <ul class="breadcrumb">
                <li><a href="{{ route('dashboard')}}" class="active bread-link">
                        <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('admin::permissions.home')}}</a></li>
                <li>{{ __('admin::permissions.system')}}</li>
                <li>{{ __('admin::permissions.roles and permissions')}}</li>
                <li>{{ __('admin::permissions.create')}}</li>
            </ul>
        </div>
        <div class="role-container-wrapper">
            <form class="admin-role-form">
               <div class="row justify-content-center g-3">
                   <div class="col-sm-12 col-md-8 col-lg-8">
                       <div class="mb-3">
                           <label for="role-name" class="form-label">{{ __('admin::permissions.role title') }}</label>
                           <input type="text" id="title" class="form-control">
                       </div>
                       <div class="mb-3">
                           <label for="slug" class="form-label">{{ __('admin::permissions.slug') }}</label>
                           <input type="text" id="slug" class="form-control">
                       </div>
                       <div class="mb-3">
                           <label for="description" class="form-label">{{ __('admin::permissions.description') }}</label>
                           <textarea name="description" id="description" cols="3" rows="5" class="form-control"></textarea>
                       </div>
                       <div class="card permissions-card-wrapper">
                           <div class="card-header">
                               <h1 class="title">{{ __('admin::permissions.permission tasks') }}</h1>
                           </div>
                           <div class="card-body">
                               <div class="mb-3">
                                   <div class="form-check mb-3">
                                       <input class="form-check-input" type="checkbox" id="select_all_privilege">
                                       <label class="form-check-label text-uppercase" for="flexCheckDefault">
                                           {{ __('admin::permissions.all privilege') }}
                                       </label>
                                   </div>
                               </div>
                               <hr>
                            @if( count($permissions) >0)
                                <div class="row justify-content-start">
                                    @foreach($permissions as $data)
                                       <div class="col-sm-12 col-md-4 col-lg-4">
                                           <div class="form-check mb-3">
                                               <input class="form-check-input check_this_privilege" type="checkbox" id="check_this_privilege" value="{{ $data->id }}">
                                               <label class="form-check-label" for="flexCheckDefault">
                                                   {{ __('admin::permissions.'.$data->name) }}
                                               </label>
                                           </div>
                                       </div>
                                    @endforeach
                                </div>
                               @endif
                           </div>
                           </div>
                   </div>
                   <div class="col-sm-12 col-mg-4 col-lg-4">
                       <div class="card action-card">
                           <label for="" class="form-label">{{ __('admin::permissions.operation') }}</label>
                          <div class="card-body text-center">
                              <button class="btn submit-role-btn" id="submit-role-btn" type="button" data-url="{{ route('store_permissions') }}">
                                  <span class="btn-text">{{ __('admin::permissions.save') }}</span>
                                  <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                                  <span class="loading-text">{{ __('admin::permissions.saving') }}....</span>
                              </button>
                          </div>
                       </div>
                   </div>
               </div>
            </form>
        </div>
    </section>
@stop