@extends('layouts.backend.app')
@section('content')
    <div class="main-panel">
        <div class="row grid-margin">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Event Add</h4>
                        <form class="dynamic-form" action="{{ route('events.storeOrUpdate') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="id" value="{{ $event->id ?? '' }}">

                            <fieldset>
                                  {{-- <div class="form-group">
                                  <label>Related Products</label>
                                    <select name="product_ids[]" class="form-control select2" multiple>
                                        @foreach ($products as $product)
                                            <option value="{{ $product->id }}">{{ $product->title }}</option>
                                        @endforeach
                                    </select>
                                  </div> --}}
                                <!-- Title -->
                                <div class="form-group">
                                    <label>Title *</label>
                                    <input type="text" class="form-control" name="title"
                                        value="{{ old('title', $event->title ?? '') }}">
                                    <span class="text-danger error-text title_error"></span>
                                </div>

                                <!-- Event Date -->
                                <div class="form-group">
                                    <label>Date *</label>
                                    <input type="datetime-local" class="form-control" name="date"
                                        value="{{ old('date', isset($event->date) ? \Carbon\Carbon::parse($event->date)->format('Y-m-d\TH:i') : '') }}">
                                    <span class="text-danger error-text date_error"></span>
                                </div>

                                <!-- Guest -->
                                <div class="form-group">
                                    <label>Guest</label>
                                    <input type="text" class="form-control" name="guest"
                                        value="{{ old('guest', $event->guest ?? '') }}">
                                    <span class="text-danger error-text guest_error"></span>
                                </div>

                                <!-- Description -->
                                <div class="form-group">
                                    <label>Description</label>
                                    <textarea class="form-control" name="description">{{ old('description', $event->description ?? '') }}</textarea>
                                    <span class="text-danger error-text description_error"></span>
                                </div>

                                <!-- External Link -->
                                <div class="form-group">
                                    <label>External Link</label>
                                    <input type="url" class="form-control" name="external_link"
                                        value="{{ old('external_link', $event->external_link ?? '') }}">
                                    <span class="text-danger error-text external_link_error"></span>
                                </div>

                                <!-- Image -->
                                <div class="form-group">
                                    <label>Image</label>
                                    <input type="file" name="image" id="fileuploader" class="image-input form-control" data-preview="#previewEvent">
                                    @if (isset($event) && $event->image)
                                        <img src="{{ asset('/uploads/events/' . $event->image) }}"  width="120">
                                    @endif
                                    <span class="text-danger error-text image_error"></span>
                                    <div id="previewEvent"></div>
                                </div>

                                <!-- Submit Button -->
                                <div class="form-group mt-3">
                                    <button type="submit" class="btn btn-success">
                                        {{ isset($event) && $event->id ? 'Update Event' : 'Create Event' }}
                                    </button>
                                </div>
                            </fieldset>
                        </form>


                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection