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

@section('js')
<script>
@if(isset($readonly) && $readonly)
    const isReadonly = true;
    document.querySelectorAll('input, select, textarea, button').forEach(element => {
        element.setAttribute('readonly', true);
        element.setAttribute('disabled', true);
    });
    document.querySelectorAll('.enabled').forEach(element => {
        element.removeAttribute('readonly');
        element.removeAttribute('disabled');
    });
@endif
const totalGroupsCount = {{ (isset($groups) && count($groups)) ? count($groups) : 0 }};
</script>
<script src="{{ asset('assets/custom/js/common/select-groups.js') }}"></script>
@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($survey->started_at) ? \Carbon\Carbon::parse($survey->started_at) : \Carbon\Carbon::now()->addMinutes(5);
    $endDateTime = isset($survey->ended_at) ? \Carbon\Carbon::parse($survey->ended_at) :  \Carbon\Carbon::now()->addDays(1);
@endphp
<script>
    // document.addEventListener('DOMContentLoaded', function() {
    //     initializeSurveyForm();
    // });

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

    let voteOptionCounter = {{ isset($voteOptions) ? count($voteOptions) : 0 }};

    const cannot_delete_option_lang = "{{ __('messages.cannot_delete_option') }}";
    const cannot_delete_option_it_has_vote_lang = "{{ __('messages.cannot_delete_option_it_has_votes') }}";



    const submitVoteUrl = @if(isset($survey->id)) "{{ route('suvery.vote.submit', $survey->id ?? 0) }}" @else "" @endif


</script>
<script src="{{ asset('assets/custom/js/survey/vote-option.js') }}"></script>
@endsection

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

@section('content')
@include('components.common.page-header', [
    'pageTitle' => isset($survey) && isset($readonly) && $readonly ? __('labels.view_survey') : (isset($survey) ? __('labels.edit_survey') : __('labels.create_survey')),
    'actionButton' => [
        'url' => route('surveys.index'),
        'text' => __('labels.back_to_surveys'),
    ],
])
@include('components.common.flush-message')
@include('components.common.validation-errors')

<form
   @if(!isset($readonly) || !$readonly)
        action="{{ isset($survey) ? route('surveys.update', $survey->id) : route('surveys.store') }}" 
        method="POST"
    @endif >
    @csrf
    @if(isset($survey)) @method('PUT') @endif

    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <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" value="{{ old('title', $survey->title ?? '') }}" 
                                class="form-control @error('title') is-invalid @enderror" 
                                placeholder="{{ __('labels.title') }}" 
                                {{ isset($readonly) && $readonly ? 'readonly' : '' }} required>
                            @error('title')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label class="col-md-2 col-form-label">{{ __('labels.description') }}</label>
                        <div class="col-md-10">
                            <textarea name="description" class="form-control @error('description') is-invalid @enderror" 
                                rows="3" placeholder="{{ __('labels.description') }}" 
                                {{ isset($readonly) && $readonly ? 'readonly' : '' }}>{{ old('description', $survey->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($survey->author_name) && $survey->author_name ? $survey->author_name : auth()->user()->name),
                    ])

                    <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="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>
                    @include('components.form.published-inputs', [
                        'readonly' => isset($readonly) && $readonly ? 1 : 0,
                        'published_at' => old('published_at', $survey->published_at ?? ''),
                        'is_published' => old('is_published', $survey->is_published ?? ''),
                    ])

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

            
            
            @if(!isset($survey) || (isset($survey) && Auth::user()->can('update', $survey)))
                @include('pages.surveys.templates.vote-option',[
                    'readonly' => isset($readonly) && $readonly ? 1 : 0,
                    'voteOptions' => $voteOptions ?? [],
                ])
            @endif

            @if(isset($survey) && !isset($votingResults['userVote']))
                @include('pages.surveys.templates.vote',[
                    'readonly' => isset($readonly) && $readonly ? 1 : 0,
                    'voteOptions' => $voteOptions ?? [],
                    'votes' => $votes ?? [],
                    'hasVoted' => isset($votingResults['userVote']),
                ])
            @endif

            @if(isset($survey) && 
                (
                    Auth::user()->can('update', $survey) ||
                    isset($votingResults['userVote'])
                )
            )
                @include('pages.surveys.templates.vote-results',[
                    'votingResults' => $votingResults ?? [],
                ])
            @endif

            @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\Survey::class),
                'canUpdate' => isset($survey) && auth()->user()->can('update',$survey),
            ])

            @if(!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($survey) && $survey->exists ? __('labels.update') : __('labels.save') }}
                    </button>
                    <a href="{{ route('surveys.index') }}" class="btn btn-secondary">{{ __('labels.cancel') }}</a>
                </div>
            @endif
        </div>
    </div>
</form>


@endsection