@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="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/3.4.0/css/bootstrap-colorpicker.min.css" rel="stylesheet">
@endsection

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/3.4.0/js/bootstrap-colorpicker.min.js"></script>
@endsection

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

@section('content')
@include('components.common.page-header', [
    'pageTitle' => isset($discussionCategory) && isset($readonly) && $readonly ? __('labels.view_discussion_category') : (isset($discussionCategory) ? __('labels.edit_discussion_category') : __('labels.create_discussion_category')),
    'actionButton' => [
        'url' => route('discussion-categories.index'),
        'text' => __('labels.back_to_discussion_categories'),
    ],
])
@include('components.common.flush-message')
@include('components.common.validation-errors')

@php
    $sortOrder = old('sort_order', isset($product) ? $product->sort_order : (\App\Models\DiscussionCategory::max('sort_order') ?? 0) + 1);
@endphp

<form
    @if(!isset($readonly) || !$readonly)
        action="{{ isset($discussionCategory) ? route('discussion-categories.update', $discussionCategory->id) : route('discussion-categories.store') }}" 
        method="POST"
        enctype="multipart/form-data"
    @endif >
    @csrf
    @if(isset($discussionCategory)) @method('PUT') @endif

    <input type="hidden" name="id" value="{{ $discussionCategory->id ?? '' }}" />

    <div class="row">
        <div class="col-xl-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-info-circle me-2"></i>
                        {{ __('labels.basic_information') }}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="mb-3 row">
                        <label for="title" class="col-md-3 col-form-label">{{ __('labels.title') }} <span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            <input class="form-control @error('title') is-invalid @enderror" 
                                   type="text"
                                   name="title" 
                                   id="title"
                                   value="{{ old('title', $discussionCategory->title ?? '') }}" 
                                   {{ isset($readonly) && $readonly ? "readonly" : "" }} 
                                   placeholder="{{ __('labels.enter_category_title') }}" 
                                   required>
                            @error('title')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="mb-3 row">
                        <label for="description" class="col-md-3 col-form-label">{{ __('labels.description') }}</label>
                        <div class="col-md-9">
                            <textarea class="form-control @error('description') is-invalid @enderror" 
                                    name="description" 
                                    id="description"
                                    {{ isset($readonly) && $readonly ? "readonly" : "" }} 
                                    rows="4" 
                                    placeholder="{{ __('labels.enter_category_description') }}">{{ old('description', $discussionCategory->description ?? '') }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    @if(!isset($readonly) || (isset($readonly) && !$readonly))
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.appearance') }}</label>
                        <div class="col-md-10">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    @include('components.form.pick-color', [
                                        'name' => 'color',
                                        'selectedValue' => $discussionCategory->color ?? null,
                                        'required' => false,
                                    ])
                                </div>
                                <div class="col-md-6">
                                    @include('components.form.select-icons', [
                                        'name' => 'icon',
                                        'selectedValue' => $discussionCategory->icon ?? null,
                                        'required' => false,
                                    ])
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
        
        <div class="col-xl-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-cogs me-2"></i>
                        {{ __('labels.settings') }}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">{{ __('labels.status') }}</label>
                        <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', $discussionCategory->is_active ?? true))>
                            <label class="form-check-label" for="category-status">
                                {{ __('labels.active') }}
                            </label>
                        </div>
                        @error('is_active')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                        {{-- <small class="form-text text-muted">{{ __('labels.status_help_text') }}</small> --}}
                    </div>
                    
                    <div class="mb-3">
                        <label for="sort_order" class="form-label">{{ __('labels.display_order') }}</label>
                        <input class="form-control @error('sort_order') is-invalid @enderror" 
                               type="number"
                               name="sort_order" 
                               id="sort_order"
                               value="{{ old('sort_order', $discussionCategory->sort_order ?? ($orderNumber ?? '1')) }}" min="0" step="1"
                        >
                        @error('sort_order')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    @if(isset($discussionCategory) && isset($readonly) && $readonly)
                    <div class="mb-3">
                        <label class="form-label">{{ __('labels.statistics') }}</label>
                        <div class="card bg-light">
                            <div class="card-body py-2">
                                <div class="row text-center">
                                    <div class="col-6 border-end">
                                        <h6 class="mb-0 text-primary">{{ $discussionCategory->threads_count ?? 0 }}</h6>
                                        <small class="text-muted">{{ __('labels.threads') }}</small>
                                    </div>
                                    <div class="col-6">
                                        <h6 class="mb-0 text-success">{{ $discussionCategory->active_threads_count ?? 0 }}</h6>
                                        <small class="text-muted">{{ __('labels.active') }}</small>
                                    </div>
                                </div>
                                @if($discussionCategory->created_at)
                                <hr class="my-2">
                                <div class="text-center">
                                    <small class="text-muted">
                                        <i class="far fa-calendar me-1"></i>
                                        {{ __('labels.created') }}: {{ $discussionCategory->created_at->format('d.m.Y') }}
                                    </small>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            
            @if(isset($discussionCategory) && $discussionCategory->created_at)
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-history me-2"></i>
                        {{ __('labels.audit_trail') }}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted">{{ __('labels.created') }}:</span>
                        <span>{{ $discussionCategory->created_at->format('d.m.Y H:i') }}</span>
                    </div>
                    @if($discussionCategory->createdBy)
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted">{{ __('labels.created_by') }}:</span>
                        <span>{{ $discussionCategory->createdBy->name ?? 'N/A' }}</span>
                    </div>
                    @endif
                    @if($discussionCategory->updated_at && $discussionCategory->updated_at != $discussionCategory->created_at)
                    <div class="d-flex justify-content-between">
                        <span class="text-muted">{{ __('labels.last_updated') }}:</span>
                        <span>{{ $discussionCategory->updated_at->format('d.m.Y H:i') }}</span>
                    </div>
                    @endif
                </div>
            </div>
            @endif
        </div>
    </div>
    
    @if(!isset($readonly) || (isset($readonly) && !$readonly))
        <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-3">
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save me-1"></i> {{ isset($discussionCategory) ? __('labels.update') : __('labels.save') }}
            </button>
            <a href="{{ route('discussion-categories.index') }}" class="btn btn-secondary">
                <i class="fas fa-times me-1"></i> {{ __('labels.cancel') }}
            </a>
        </div>
    @endif 
</form>

@endsection