@extends('layouts.app')

@section('content')
    <div class="content container mt-3">
        <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
            @component('components.breadcrumb', [
                'links' => [
                    ['name' => 'Manage Users', 'url' => ''],
                    ['name' => 'Groups', 'url' => route('groups.index')],
                    ['name' => 'Edit Group', 'url' => ''],
                ],
            ])
            @endcomponent

            <a href="{{ route('groups.index') }}" class="btn btn-secondary">Back</a>
            
            
        </div>

        @include('layouts.partials.toast')

        <div class="card">
            <div class="card-body p-4">
                <form action="{{ route('groups.update', $group->id) }}" method="POST" id="editGroupForm">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="name" class="form-label">Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
                                name="name" value="{{ old('name', $group->name) }}">
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-12 mb-3">
                            <label for="description" class="form-label">Description</label>
                            <textarea class="form-control @error('description') is-invalid @enderror resize-none" id="description"
                                name="description" rows="3">{{ old('description', $group->description) }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="form-label">Private</label>
                            <div class="form-check form-switch">
                                <input type="hidden" name="is_private" value="0">
                                <input type="checkbox" class="form-check-input" id="is_private" name="is_private"
                                    value="1" {{ old('is_private', $group->is_private) ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_private">Yes</label>
                            </div>
                            <small class="text-muted">Toggle to make this group private.</small>
                            @error('is_private')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="form-label">Status</label>
                            <div class="form-check form-switch">
                                <input type="hidden" name="is_active" value="0">
                                <input type="checkbox" class="form-check-input" id="is_active" name="is_active"
                                    value="1" {{ old('is_active', $group->is_active) ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_active">Yes</label>
                            </div>
                            <small class="text-muted">Toggle to activate or deactivate the group.</small>
                            @error('is_active')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-12 mb-3">
                            <label for="limit" class="form-label">User Limit</label>
                            <input type="number" class="form-control @error('limit') is-invalid @enderror" id="limit"
                                name="limit" value="{{ old('limit', $group->limit) }}" min="1">
                            @error('limit')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-12 mt-3 d-flex justify-content-end">
                            <button type="submit" class="btn btn-primary px-4 me-2">Update Group</button>
                            <a href="{{ route('groups.index') }}" class="btn btn-secondary px-4">Cancel</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection