@extends('admin.master_layout')
@section('title')
    <title>{{ $title }}</title>
@endsection

@section('body-header')
    <h3 class="crancy-header__title m-0">{{ $title }}</h3>
    <p class="crancy-header__text">{{ __('translate.Staff Management') }} >> {{ $title }}</p>
@endsection

@section('body-content')
    <section class="crancy-adashboard crancy-show">
        <div class="container container__bscreen">
            <div class="row">
                <div class="col-12">
                    <div class="crancy-body">
                        <div class="crancy-dsinner">
                            <form action="{{ $role ? route('admin.staff.roles.update', $role->id) : route('admin.staff.roles.store') }}" method="POST">
                                @csrf
                                @if ($role)
                                    @method('PUT')
                                @endif

                                <div class="crancy-product-card">
                                    <h4 class="crancy-product-card__title">{{ __('translate.Role Information') }}</h4>

                                    <div class="crancy__item-form--group mg-top-25">
                                        <label class="crancy__item-label">{{ __('translate.Role Name') }}</label>
                                        <input class="crancy__item-input" type="text" name="name" value="{{ old('name', $role->name ?? '') }}" required>
                                    </div>

                                    <h5 class="mg-top-30">{{ __('translate.Permissions') }}</h5>
                                    @if ($role && $role->isSuperAdmin())
                                        <p class="text-muted">{{ __('translate.Super admin always has full access') }}</p>
                                    @else
                                        @foreach ($sectionGroups as $group)
                                            <div class="staff-permission-group mg-top-20">
                                                <h6 class="staff-permission-group__title">{{ $group['label'] }}</h6>
                                                <div class="row">
                                                    @foreach ($group['sections'] as $key => $label)
                                                        <div class="col-md-4 col-sm-6 mb-2">
                                                            <label class="d-flex align-items-center gap-2">
                                                                <input type="checkbox" name="sections[]" value="{{ $key }}"
                                                                    @checked(in_array($key, old('sections', $selectedSections), true))>
                                                                {{ $label }}
                                                            </label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif

                                    <div class="mg-top-25">
                                        <button type="submit" class="crancy-btn">{{ __('translate.Save') }}</button>
                                        <a href="{{ route('admin.staff.roles.index') }}" class="crancy-btn">{{ __('translate.Cancel') }}</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection