@extends('layouts.master')

@section('styles')

@endsection

@section('title')
    @lang('Add role')
@endsection

@section('breadcrumbs')
    @component('components.breadcrumb', [
        'items' => [
            ['url' => '#', 'label' => 'Admin'],
            ['url' => route('companies.index'), 'label' => 'Companies'],
            ['url' => route('companies.show', ['company' => $company]), 'label' => $company->name],
            ['url' => '#', 'label' => __('Add role')],
        ]
    ])@endcomponent
@endsection

@section('content')

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <h5 class="card-header bg-transparent border-bottom text-uppercase">@lang('Add role')</h5>

                    <div class="card-body">

                        <form action="{{route('roles.store', ['company' => $company])}}" method="POST">

                            @csrf

                            @component('components.form.input', [ 'name' => 'title', 'label' => __('Role name')])@endcomponent

                            @forelse($permissions as $group => $permission)
                                <h5 class="pt-3">@lang($group)</h5>

                                <div class="row">
                                    @forelse($permission as $item)
                                        <div class="col-md-4">
                                            <div class="">
                                                <label for="{{$item->title}}" class="d-flex" style="font-weight: normal;">
                                                    <input type="checkbox" class="radio pe-2" style="padding-right:5px;" value="{{$item->uuid}}" id="{{$item->title}}" name="permissions_list[]" />
                                                    <span class="ms-2">@lang($item->title)</span>
                                                    <span class="checkmark"></span>
                                                </label>
                                            </div>

                                        </div>
                                    @empty
                                        @lang('No permission available.')
                                    @endforelse
                                </div>
                            @empty
                                @lang('No permission available.')
                            @endforelse

                            <button type="submit" class="btn btn-sm btn-primary mobile-btn mt-4">@lang('Save')</button>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
@endsection