@extends('layouts.app')
@section('css')
    <!-- FilePond Styles -->
    <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet">
    <link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css"
        rel="stylesheet" />
    <link href="{{ asset('assets/custom/css/common/file-manger.css') }}" rel="stylesheet">
@endsection

@section('js')
    <!-- FilePond Library & Plugins -->
    <script src="https://unpkg.com/filepond/dist/filepond.js"></script>
    <script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.js"></script>
    <script src="https://unpkg.com/filepond-plugin-file-validate-type/dist/filepond-plugin-file-validate-type.js"></script>
    <script src="https://unpkg.com/filepond-plugin-file-validate-size/dist/filepond-plugin-file-validate-size.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        const lang_select_category = "@lang('labels.select_category')";
        const lang_add_new_category = "@lang('labels.add_new_category')";
        const lang_category_name = "@lang('labels.category_name')";
        const lang_category_name_required = "@lang('labels.category_name_required')";
        const lang_save_category = "@lang('labels.save_category')";
        const lang_category_added_successfully = "@lang('labels.category_added_successfully')";
        const lang_select_or_create_category = "@lang('labels.select_or_create_category')";
        const lang_saving = "@lang('labels.saving')";
        const lang_error_occurred = "@lang('labels.error_occurred')";


        @if (isset($readonly) && $readonly)
            const isReadonly = true;
            document.querySelectorAll('input, select, textarea').forEach(element => {
                // element.setAttribute('readonly', true);
                // element.setAttribute('disabled', true);
            });
        @endif

        const totalGroupsCount = {{ isset($groups) && count($groups) ? count($groups) : 0 }};
        const postId = {{ isset($news) ? $news->id : 'null' }};
        const loadCommentsUrl =
            @isset($news)
                "/news/{{ $news->id }}}/comments"
            @else
                null
            @endisset ;
        const canCreateCategories = @json(Auth::user()->can('create', \App\Models\NewsCategory::class));
    </script>
    <script src="{{ asset('assets/custom/js/common/file-manger.js') }}"></script>
    <script src="{{ asset('assets/custom/js/common/select-groups.js') }}"></script>
    <script src="{{ asset('assets/custom/js/common/comments.js') }}"></script>
    <script src="{{ asset('assets/custom/js/news/create.js') }}"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            initializeFilePond();
            initializeAssetButtons();
            initializeLightGallery();
            initCategorySelect();
        });
    </script>
@endsection

@push('pageTitle')
    {{ isset($post) && isset($readonly) && $readonly ? __('labels.view_news') : (isset($news) ? __('labels.edit_news') : __('labels.create_news')) }}
@endpush

@section('content')
    @include('components.common.page-header', [
        'pageTitle' =>
            isset($news) && isset($readonly) && $readonly
                ? __('labels.view_news')
                : (isset($news)
                    ? __('labels.edit_news')
                    : __('labels.create_news')),
        'actionButton' => [
            'url' => route('news.index', ['type' => 'latest']),
            'text' => __('labels.back_to_news'),
        ],
    ])

    @include('components.common.flush-message')
    @include('components.common.validation-errors')
    @include('components.form.add-category-modal')
    <form
        @if (!isset($readonly) || (isset($readonly) && !$readonly)) action="{{ isset($news) ? route('news.update', $news->id) : route('news.store') }}" 
        method="POST"
        enctype="multipart/form-data" @endif
        id="documentForm">
        @csrf
        @if (isset($news))
            @method('PUT')
        @endif



        <div class="card">
            <div class="card-body">

                {{-- Title --}}
                <div class="mb-3 row">
                    <label class="col-md-2 col-form-label">
                        {{ __('labels.title') }} <span class="text-danger">*</span>
                    </label>
                    <div class="col-md-10">
                        <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
                            value="{{ old('title', $news->title ?? '') }}"
                            {{ isset($readonly) && $readonly ? 'readonly' : '' }} required>
                        @error('title')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                {{-- Description --}}
                <div class="mb-3 row">
                    <label class="col-md-2 col-form-label">
                        {{ __('labels.description') }}
                    </label>
                    <div class="col-md-10">
                        <textarea name="description" rows="4" class="form-control @error('description') is-invalid @enderror"
                            {{ isset($readonly) && $readonly ? 'readonly' : '' }}>{{ old('description', $news->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($news->author_name) && $news->author_name ? $news->author_name : auth()->user()->name),
                ])


                <div class="mb-3 row">
                    <label class="col-md-2 col-form-label">
                        {{ __('labels.type') }} <span class="text-danger">*</span>
                    </label>

                    <div class="col-md-10">
                        <select name="type" class="form-control @error('type') is-invalid @enderror"
                            {{ isset($readonly) && $readonly ? 'disabled' : '' }} required>
                            <option value="">
                                {{ __('labels.select') }}
                            </option>
                            @foreach ($newsTypes as $value => $label)
                                <option value="{{ $value }}"
                                    {{ old('type', $news->type ?? '') == $value ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                        @error('type')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>


                {{-- Category with Add Button --}}
                <div class="mb-3 row">
                    <label for="category_id" class="col-md-2 col-form-label">{{ __('labels.category') }} <span
                            class="text-danger">*</span></label>
                    <div class="col-md-10">
                        <div class="input-group">
                            <select class="form-control select2 @error('category_id') is-invalid @enderror"
                                name="category_id" {{ isset($readonly) && $readonly ? 'disabled' : '' }} required>
                                <option value="">{{ __('labels.select_category') }}</option>
                                @foreach ($categories as $key => $value)
                                    <option value="{{ $key }}"
                                        {{ old('category_id', $news->category_id ?? '') == $key ? 'selected' : '' }}>
                                        {{ $value }}</option>
                                @endforeach
                            </select>
                            @if (!isset($readonly) || (isset($readonly) && !$readonly))
                                @can('create', \App\Models\NewsCategory::class)
                                    <button type="button" class="btn btn-outline-secondary" onclick="showAddCategoryModal()"
                                        data-toggle="tooltip" data-placement="top" data-bs-toggle="tooltip"
                                        title="{{ __('labels.add_new_category') }}">
                                        <i class="fas fa-plus"></i>
                                    </button>
                                @endcan
                            @endif
                        </div>
                        @error('category_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        @can('create', \App\Models\NewsCategory::class)
                            <small class="text-muted">{{ __('labels.select_or_create_category') }}</small>
                        @endcan
                    </div>
                </div>

                @if (auth()->user()->isAdmin() || auth()->user()->isGroupAdmin())
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">
                            {{ __('labels.audience') }} <span class="text-danger">*</span>
                        </label>

                        <div class="col-md-10">
                            <select name="audience" class="form-control @error('audience') is-invalid @enderror"
                                {{ isset($readonly) && $readonly ? 'disabled' : '' }} required>
                                <option value="">
                                    {{ __('labels.select') }}
                                </option>
                                <option value="general"
                                    {{ old('audience', $news->audience ?? '') == 'general' ? 'selected' : '' }}>
                                    {{ __('labels.general') }}
                                </option>
                                <option value="group"
                                    {{ old('audience', $news->audience ?? '') == 'group' ? 'selected' : '' }}>
                                    {{ __('labels.group') }}
                                </option>
                            </select>
                            @error('audience')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                @endif

                @include('components.form.published-inputs', [
                    'readonly' => isset($readonly) && $readonly ? 1 : 0,
                    'published_at' => old('published_at', $news->published_at ?? ''),
                    'is_published' => old('is_published', $news->is_published ?? ''),
                ])


            </div>
        </div>

        {{-- File Manager --}}
        @isset($news->assets)
            @include('components.form.file-manager.existing-files', [
                'readonly' => isset($readonly) && $readonly,
                'assets' => $news->assets,
            ])
        @endisset

        @if (!isset($readonly) || !$readonly)
            @include('components.form.file-manager.upload-files')
        @endif

        {{-- Groups --}}
        @include('components.form.select-group', [
            'readonly' => isset($readonly) && $readonly,
            'groups' => $groups ?? [],
            'selectedGroups' => old('groups', $selectedGroups ?? null),
            'canCreate' => auth()->user()->can('create', \App\Models\News::class),
            'canUpdate' => isset($news) && auth()->user()->can('update', $news),
        ])

        @if (!isset($readonly) || !$readonly)
            <div class="text-end mt-3">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save me-1"></i>
                    {{ isset($news) ? __('labels.update') : __('labels.save') }}
                </button>
                <a href="{{ route('news.index') }}" class="btn btn-secondary">
                    {{ __('labels.cancel') }}
                </a>
            </div>
        @endif

    </form>
    {{-- @if (isset($news))
        @include('components.comments.index', [
            'comments' => $news->comments ?? null,
            'commentStates' => \App\Models\Comment::commentStates($news),
            'commentableId' => $news->id ?? null,
            'commentableType' => 'App\Models\News',
        ])
    @endif --}}
@endsection