@extends('layouts.app')

@section('css')
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="{{ asset('assets/custom/css/common/file-manger.css') }}" rel="stylesheet">
@endsection

@section('js')
<script>
      const totalUsersCount = {{ count($users ?? []) }};
</script>
<script src="{{ asset('assets/custom/js/groups/select-users.js') }}?v={{ time() }}"></script>
@endsection

@push('pageTitle')
    {{ __('labels.groups') }}
@endpush

@section('content')
@include('components.common.page-header', [
    'pageTitle' => isset($group) && isset($readonly) && $readonly ? __('labels.view_group') : (isset($group) ? __('labels.edit_group') : __('labels.create_group')),
    'actionButton' => [
        'url' => route('groups.index'),
        'text' => __('labels.back_to_groups'),
    ],
])
@include('components.common.flush-message')
@include('components.common.validation-errors')

<form
   @if(!isset($readonly) || !$readonly)
        action="{{ isset($group) ? route('groups.update', $group->id) : route('groups.store') }}" 
        method="POST"
    @endif >
    @csrf
    @if(isset($group)) @method('PUT') @endif

    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                        <input type="hidden" name="id" value="{{ $group->id ?? '' }}" />
                        <div class="mb-3 row">
                            <label for="name" class="col-md-2 col-form-label">{{ __('labels.name') }} <span class="text-danger">*</span></label>
                            <div class="col-md-10">
                                <input class="form-control @error('name') is-invalid @enderror" type="text"
                                    name="name" value="{{ old('name', $group->name ?? '') }}" 
                                    {{ isset($readonly) && $readonly ? "readonly" : "" }} placeholder="" required>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label for="description" class="col-md-2 col-form-label">{{ __('labels.description') }}</label>
                            <div class="col-md-10">
                                <textarea class="form-control @error('description') is-invalid @enderror" 
                                        name="description" {{ isset($readonly) && $readonly ? "readonly" : "" }} rows="3" 
                                        placeholder="">{{ old('description', $group->description ?? '') }}</textarea>
                                @error('description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        @include('components.form.author-name', [
                            'readonly' => isset($readonly) && $readonly ? 1 : 0,
                            'authorName' => old('author_name', isset($group->author_name) && $group->author_name ? $group->author_name : auth()->user()->name),
                        ])


                        {{-- <div class="mb-3 row">
                            <label class="col-md-2 col-form-label">{{ __('labels.status') }}</label>
                            <div class="col-md-10">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-check form-switch">
                                            <input 
                                                type="checkbox" 
                                                class="form-check-input" 
                                                name="is_active" 
                                                id="category-status"
                                                {{ isset($readonly) && $readonly ? "disabled" : "" }}
                                                value="1" @checked(old('is_active', $category->is_active ?? true))>
                                            <label class="form-check-label" for="category-status">
                                                {{ old('status', $category->is_active ?? true) ? __('labels.active') : __('labels.inactive') }}
                                            </label>
                                        </div>
                                        @error('is_active')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div> --}}

                </div>
            </div>
        </div>
    </div>

    @if(
        auth()->user()->can('create',\App\Models\Group::class) ||
       (isset($group) && auth()->user()->can('update',$group))
    )
        @include('pages.groups.templates.select-users',[
            'roles' => $roles ?? [],
            'users' => $users ?? [],
            'selectedUsers' => old('users', isset($selectedUsers) && count($selectedUsers) ? $selectedUsers : null),
            'readonly' => isset($readonly) && $readonly ? 1 : 0,
        ])
    @endif


    @if(!isset($readonly) || (isset($readonly) && !$readonly))
        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
            <button type="submit" class="btn btn-primary">{{ __('labels.save') }}</button>
            <a href="{{ route('groups.index') }}" class="btn btn-secondary">{{ __('labels.cancel') }}</a>
        </div>
    @endif 
</form>
@endsection