{{-- resources/views/groups/form.blade.php --}}
@extends('layouts.app')
@php
    // $localdateTimeFormat = \App\Facades\DateTimeFormat::getLocalDateTimeFormat();
    // $startDateTime = isset($event->started_at) ? \Carbon\Carbon::parse($event->started_at) : \Carbon\Carbon::now()->startOfHour()->format($localdateTimeFormat);
    // $endDateTime = isset($event->ended_at) ? \Carbon\Carbon::parse($event->ended_at) : \Carbon\Carbon::now()->startOfHour()->addDay($localdateTimeFormat);
    $startDateTime = isset($event->started_at) ? \Carbon\Carbon::parse($event->started_at) : \Carbon\Carbon::now()->addMinutes(5);
    $endDateTime = isset($event->ended_at) ? \Carbon\Carbon::parse($event->ended_at) :  \Carbon\Carbon::now()->addDays(1);
@endphp

@section('css')
<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="{{ asset('assets/custom/css/common/file-manger.css') }}" rel="stylesheet">
@endsection

@section('js')
<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>
@if(isset($readonly) && $readonly)
    document.querySelectorAll('input, select, textarea').forEach(el => {
        el.setAttribute('readonly', true);
        el.setAttribute('disabled', true);
    });
@endif
const totalGroupsCount = {{ (isset($groups) && count($groups)) ? count($groups) : 0 }};
</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/events/event-response.js') }}"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    initializeFilePond();
    initializeAssetButtons();
    initializeDateRangePicker(
        'dateRangePicker',
        'started_at', 
        'ended_at',
        '{{ old('started_at', $startDateTime) }}',
        '{{ old('ended_at', $endDateTime) }}'
    );

    document.querySelectorAll('.enabled').forEach(element => {
        element.removeAttribute('readonly');
        element.removeAttribute('disabled');
    });
});
</script>
@endsection

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

@section('content')

@include('components.common.page-header', [
    'pageTitle' => isset($event) && isset($readonly) && $readonly 
                    ? __('labels.view_event') 
                    : (isset($event) ? __('labels.edit_event') : __('labels.create_event')),
    'actionButton' => [
        'url' => route('events.index'),
        'text' => __('labels.back_to_events'),
    ],
])

@include('components.common.flush-message')
@include('components.common.validation-errors')
@include('components.common.modal', [
    'modalId' => 'response-details',
    'title' => 'Event Response Details',
    'modalSizeClass' => 'modal-lg'
])

<form
    @if(!isset($readonly) || (isset($readonly) && !$readonly))
        action="{{ isset($event) ? route('events.update', $event->id) : route('events.store') }}"
        method="POST"
        enctype="multipart/form-data"
    @endif
    id="documentForm">

    @csrf
    @if(isset($event)) @method('PUT') @endif

    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <input type="hidden" name="id" value="{{ $event->id ?? '' }}">

                    {{-- 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 class="form-control @error('title') is-invalid @enderror"
                                   type="text" name="title"
                                   value="{{ old('title', $event->title ?? '') }}"
                                   {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                   placeholder="{{ __('labels.enter_title') }}" 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 class="form-control @error('description') is-invalid @enderror"
                                      name="description" rows="3"
                                      {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                      placeholder="{{ __('labels.enter_description') }}">{{ old('description', $event->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($event->author_name) && $event->author_name ? $event->author_name : auth()->user()->name),
                    ])

                    {{-- Event Type --}}
                    <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 class="form-control @error('type') is-invalid @enderror"
                                    name="type"
                                    {{ isset($readonly) && $readonly ? 'disabled' : '' }} required>
                                <option value="announcements" {{ old('type', $event->type ?? '') == 'announcements' ? 'selected' : '' }}>
                                    {{ __('labels.announcements') }}
                                </option>
                                <option value="webinars" {{ old('type', $event->type ?? '') == 'webinars' ? 'selected' : '' }}>
                                    {{ __('labels.webinars') }}
                                </option>
                                <option value="workshops" {{ old('type', $event->type ?? '') == 'workshops' ? 'selected' : '' }}>
                                    {{ __('labels.workshops') }}
                                </option>
                                <option value="other" {{ old('type', $event->type ?? '') == 'other' ? 'selected' : '' }}>
                                    {{ __('labels.other') }}
                                </option>
                            </select>
                            @error('type') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>
                    <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_type"
                                    class="form-control @error('audience_type') is-invalid @enderror"
                                    {{ isset($readonly) && $readonly ? 'disabled' : '' }}
                                    required>
                                <option value="">
                                    {{ __('labels.select') }}
                                </option>
                                <option value="customer_event"
                                    {{ old('audience_type', $event->audience_type ?? '') == 'customer_event' ? 'selected' : '' }}>
                                    {{ __('labels.customer_event') }}
                                </option>
                                <option value="staff_training"
                                    {{ old('audience_type', $event->audience_type ?? '') == 'staff_training' ? 'selected' : '' }}>
                                    {{ __('labels.staff_training') }}
                                </option>
                                 <option value="both"
                                    {{ old('audience_type', $event->audience_type ?? '') == 'both' ? 'selected' : '' }}>
                                    {{ __('labels.both') }}
                                </option>
                            </select>
                            @error('audience_type')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- Date Range --}}
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.date_time') }} <span class="text-danger">*</span></label>
                        <div class="col-md-10">
                       
                            <input type="text" id="dateRangePicker"
                                class="form-control @error('started_at') is-invalid @enderror @error('ended_at') is-invalid @enderror"
                                name="event_date_range"
                                {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                placeholder="{{ __('labels.select_datetime') }}" autocomplete="off">

                            <input type="hidden" name="start_datetime" id="start_datetime"
                                   value="{{ old('start_datetime', default: $event->start_datetime ?? '') }}">

                            <input type="hidden" name="end_datetime" id="end_datetime"
                                   value="{{ old('end_datetime', $event->end_datetime ?? '') }}">
                            <input type="hidden" name="started_at" id="started_at" value="{{ old('started_at', $startDateTime) }}">
                            <input type="hidden" name="ended_at" id="ended_at" value="{{ old('ended_at', $endDateTime) }}">

                            @error('started_at') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                            @error('ended_at') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                        </div>
                    </div>
                     <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.url_links') }}</label>
                        <div class="col-md-10">
                            <input class="form-control @error('event_link') is-invalid @enderror"
                                   type="text" name="event_link"
                                   value="{{ old('event_link', $event->event_link ?? '') }}"
                                   {{ isset($readonly) && $readonly ? 'readonly' : '' }}
                                   placeholder="{{ __('labels.url_links') }}">
                            @error('event_link') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>
                    {{-- Status --}}
                    {{-- <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.status') }}</label>
                        <div class="col-md-10">
                            <div class="form-check form-switch">
                                <input type="checkbox" class="form-check-input"
                                       name="is_active" id="document-status"
                                       value="1"
                                       {{ isset($readonly) && $readonly ? 'disabled' : '' }}
                                       @checked(old('is_active', $event->is_active ?? true))>

                                <label class="form-check-label" for="document-status">
                                    {{ old('is_active', $event->is_active ?? true) ? __('labels.active') : __('labels.inactive') }}
                                </label>
                            </div>
                        </div>
                    </div> --}}

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


                </div>
            </div>

            @if(isset($event))
                @include('pages.events.templates.response.submit',[
                    'event' => $event ?? null,
                ])

            @if(auth()->user()->can('viewEventResponses', $event))
                @include('pages.events.templates.response.statistics',[
                    'responseStats' => $event->responseStatistics() ?? null,
                ])
            @endif

                {{-- @include('pages.events.templates.response.statistics',[
                    'responseStats' => $event->responseStatistics() ?? null,
                ]) --}}
            @endif

           {{-- Existing Files --}}
            @if(isset($event) && $event->assets->filter(fn($a) => !empty($a->file_path))->count())
                @include('components.form.file-manager.existing-files', [
                    'readonly' => isset($readonly) && $readonly ? 1 : 0,
                    'assets' => $event->assets->filter(fn($a) => !empty($a->file_path))
                ])
            @endif

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

            {{-- Group Selector --}}
            @include('components.form.select-group', [
                'readonly' => isset($readonly) && $readonly ? 1 : 0,
                'groups' => $groups ?? [],
                'selectedGroups' => old('groups', isset($selectedGroups) && count($selectedGroups) ? $selectedGroups : null),
                'canCreate' => auth()->user()->can('create',\App\Models\Event::class),
                'canUpdate' => isset($event) && auth()->user()->can('update',$event),
            ])

        </div>
    </div>

    {{-- Save Buttons --}}
    @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($event) ? __('labels.update') : __('labels.save') }}
            </button>
            <a href="{{ route('events.index') }}" class="btn btn-secondary">{{ __('labels.cancel') }}</a>
        </div>
    @endif
</form>

@endsection