@extends('layouts.admin-layout')

@section('title', isset($group) ? 'Edit Group' : 'Add Group')
@section('content')
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">{{ isset($group) ? 'Edit' : 'Add' }} Group</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.groups.index') }}">Groups</a></li>
                            <li class="breadcrumb-item active">{{ isset($group) ? 'Edit' : 'Add' }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <section class="content">
            <div class="container-fluid">
                @if (session('error'))
                    <div class="alert alert-danger alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        {{ session('error') }}
                    </div>
                @endif
                @if ($errors->any())
                    <div class="alert alert-danger alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        Please fix the errors below.
                    </div>
                @endif
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Group Details</h3>
                    </div>
                    <div class="card-body">
                        <form action="{{ isset($group) ? route('admin.groups.update', $group->id) : route('admin.groups.store') }}"
                            method="POST">
                            @csrf
                            <div class="form-group">
                                <label>Name <span class="text-danger">*</span></label>
                                <input type="text" name="name"
                                    class="form-control @error('name') is-invalid @enderror"
                                    value="{{ old('name', $group->name ?? '') }}" placeholder="e.g. Detox Talks">
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label>Description</label>
                                <textarea name="description" rows="4"
                                    class="form-control @error('description') is-invalid @enderror"
                                    placeholder="What is this group about?">{{ old('description', $group->description ?? '') }}</textarea>
                                @error('description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label>Topics (one per line, optional)</label>
                                <textarea name="topics" rows="4"
                                    class="form-control @error('topics') is-invalid @enderror"
                                    placeholder="e.g.&#10;How to handle certain behaviors&#10;What to contribute and what not to do">{{ old('topics', $group->topics ?? '') }}</textarea>
                                <small class="form-text text-muted">Shown as a bullet list on the website below the description.</small>
                                @error('topics')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label>Schedule Days</label>
                                <div class="@error('schedule_days') is-invalid @enderror">
                                    @foreach ($days as $day)
                                        <div class="custom-control custom-checkbox custom-control-inline">
                                            <input type="checkbox" class="custom-control-input" id="day_{{ $day }}"
                                                name="schedule_days[]" value="{{ $day }}"
                                                {{ in_array($day, old('schedule_days', $group->schedule_days ?? [])) ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="day_{{ $day }}">{{ $day }}</label>
                                        </div>
                                    @endforeach
                                </div>
                                @error('schedule_days')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                                @error('schedule_days.*')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Start Time</label>
                                        <input type="time" name="schedule_start_time"
                                            class="form-control @error('schedule_start_time') is-invalid @enderror"
                                            value="{{ old('schedule_start_time', $group->schedule_start_time ?? '') }}">
                                        @error('schedule_start_time')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>End Time</label>
                                        <input type="time" name="schedule_end_time"
                                            class="form-control @error('schedule_end_time') is-invalid @enderror"
                                            value="{{ old('schedule_end_time', $group->schedule_end_time ?? '') }}">
                                        @error('schedule_end_time')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Sort Order</label>
                                        <input type="number" name="sort_order"
                                            class="form-control @error('sort_order') is-invalid @enderror"
                                            value="{{ old('sort_order', $group->sort_order ?? 0) }}">
                                        @error('sort_order')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group mt-4 pt-2">
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" class="custom-control-input" id="is_active"
                                                name="is_active"
                                                {{ old('is_active', $group->is_active ?? true) ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="is_active">Active</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="text-right">
                                <a href="{{ route('admin.groups.index') }}" class="btn btn-secondary mr-2">Cancel</a>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save"></i> {{ isset($group) ? 'Update' : 'Save' }} Group
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection