@extends('admin.layouts.app')
@section('title', 'Edit ORIC Event')
@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between py-4">
        <p class="page-title">Edit ORIC Event</p>
        @can('oric-event-list')
            <a href="{{ route('oric-event.index') }}" class="btn btn-sm btn-warning">View All</a>
        @endcan
    </div>
    <div class="card rounded-0">
        <div class="card-body">
            <form action="{{ route('oric-event.update', $event->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <div class="row">
                    {{-- Title --}}
                    <div class="col-md-8 mb-3">
                        <label class="form-label">Event Title<span class="text-danger">*</span></label>
                        <input type="text" name="title" value="{{ old('title', $event->title) }}" class="form-control rounded-0 
                        @error('title') is-invalid @enderror" placeholder="Enter event title">
                        @error('title')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Event Date --}}
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Event Date<span class="text-danger">*</span></label>
                        <input type="date" name="e_date" value="{{ old('e_date', $event->e_date) }}"
                               class="form-control rounded-0 @error('e_date') is-invalid @enderror">
                        @error('e_date')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Event Type --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Event Type<span class="text-danger">*</span></label>
                        <select name="e_type_id" class="form-select rounded-0 @error('e_type_id') is-invalid @enderror">
                            <option value="">Select Event Type</option>
                            @foreach($eventTypes as $type)
                                <option value="{{ $type->id }}"
                                    {{ old('e_type_id', $event->e_type_id) == $type->id ? 'selected' : '' }}>{{ $type->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('e_type_id')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Event Level --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Event Level<span class="text-danger">*</span></label>
                        <select name="e_level_id" class="form-select rounded-0 @error('e_level_id') is-invalid @enderror">
                            <option value="">Select Event Level</option>
                            @foreach($eventLevels as $level)
                                <option value="{{ $level->id }}"
                                    {{ old('e_level_id', $event->e_level_id) == $level->id ? 'selected' : '' }}>{{ $level->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('e_level_id')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Resource Person --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Resource Person</label>
                        <input type="text" name="resource_person" value="{{ old('resource_person', $event->resource_person) }}"
                               class="form-control rounded-0 @error('resource_person') is-invalid @enderror">
                        @error('resource_person')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Campus --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Campus</label>
                        <input class="form-control rounded-0 @error('campus') is-invalid @enderror" list="campusList"
                               name="campus" value="{{ old('campus', $event->campus) }}" placeholder="Select or enter campus">
                        <datalist id="campusList"><option value="Green International University"></datalist>
                        @error('campus')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Banner --}}
                    <div class="col-md-6 mb-3" id="banner_input">
                        <label class="form-label">Banner</label>
                        <input type="file" name="banner" accept="image/*" class="form-control image-cropper 
                        @error('banner') is-invalid @enderror" data-width="1920" data-height="450" data-aspect="4.27" data-input="cropper_banner">
                        <input type="file" name="cropper_banner" class="d-none">
                        @error('banner')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Current Banner --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label d-block">Current Banner</label>
                        @if($event->banner)
                            <img src="{{ asset('front/images/new-giu/oric/events/banner/'.$event->banner) }}" class="img-thumbnail" style="max-width:220px;">
                        @else
                            <span class="text-muted">No Banner Uploaded</span>
                        @endif
                    </div>
                    {{-- Thumbnail --}}
                    <div class="col-md-6 mb-3" id="thumbnail_input">
                        <label class="form-label">Thumbnail</label>
                        <input type="file" name="thumbnail" accept="image/*" class="form-control image-cropper 
                        @error('thumbnail') is-invalid @enderror" data-width="500" data-height="500" data-aspect="1" data-input="cropper_thumbnail">
                        <input type="file" name="cropper_thumbnail" class="d-none">
                        @error('thumbnail')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Current Thumbnail --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label d-block">Current Thumbnail</label>
                        @if($event->thumbnail)
                            <img src="{{ asset('front/images/new-giu/oric/events/thumbnail/'.$event->thumbnail) }}" class="img-thumbnail" style="width:120px;height:120px;object-fit:cover;">
                        @else
                            <span class="text-muted">No Thumbnail Uploaded</span>
                        @endif
                    </div>
                    {{-- Short Description --}}
                    <div class="col-md-12 mb-3">
                        <label class="form-label">Short Description</label>
                        <textarea name="short_desc" rows="3" class="form-control rounded-0 
                        @error('short_desc') is-invalid @enderror">{{ old('short_desc', $event->short_desc) }}</textarea>
                        @error('short_desc')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Description --}}
                    <div class="col-md-12 mb-3">
                        <label class="form-label">Detail</label>
                        <textarea name="long_desc" id="oric-event" rows="8" class="form-control rounded-0 
                        @error('long_desc') is-invalid @enderror">{{ old('long_desc', $event->long_desc) }}</textarea>
                        @error('long_desc')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    {{-- Other Details --}}
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Sort Order</label>
                        <input type="number" name="sort_order" min="0" value="{{ old('sort_order', $event->sort_order) }}"
                               class="form-control rounded-0 @error('sort_order') is-invalid @enderror">
                        @error('sort_order')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Status</label>
                        <select name="is_active" class="form-select rounded-0">
                            <option value="1"{{ old('is_active', $event->is_active) == 1 ? 'selected' : '' }}>Active</option>
                            <option value="0"{{ old('is_active', $event->is_active) == 0 ? 'selected' : '' }}>Inactive</option>
                        </select>
                    </div>
                    <div class="col-md-4 mb-3 d-flex align-items-end">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="show_on_homepage" name="show_on_homepage" value="1"
                                   {{ old('show_on_homepage', $event->show_on_homepage) ? 'checked' : '' }}>
                            <label class="form-check-label" for="show_on_homepage">Show on Homepage</label>
                        </div>
                    </div>
                    <hr>
                    <!-- SEO -->
                    <div class="row mt-4">
                        <h4 class="mb-3">SEO Meta Data</h4>
                        <div class="col-md-12 col-sm-12 mb-3">
                            <label class="form-label">Meta Title</label>
                            <input type="text" class="form-control rounded-0" name="meta_title" value="{{$event->meta_title}}">
                        </div>
                        <div class="col-md-12 col-sm-12 mb-3">
                            <label class="form-label">Meta Description</label>
                            <textarea name="meta_description" id="" cols="30" rows="3" class="form-control rounded-0">{{$event->meta_description}}</textarea>
                        </div>

                        <div class="col-md-6 col-sm-12 mb-3">
                            <label class="form-label">Meta keywords</label>
                            <input type="text" class="form-control rounded-0" name="meta_keywords" value="{{$event->meta_keywords}}">
                        </div>
                        <div class="col-md-6 col-sm-12 mb-3">
                            <label class="form-label">Meta Tags</label>
                            <input type="text" class="form-control rounded-0" name="meta_tags" value="{{$event->meta_tags}}">
                        </div>
                    </div>
                    <div class="col-md-12 text-end">
                        <button class="btn btn-success">Update</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Modal -->
@include('admin.components.image-cropper')
@endsection
@push('js')
    <script src="{{asset('admin/js/canvas-to-blob.min.js')}}"></script>
    <script src="{{asset('admin/js/image-cropper.js')}}"></script>
    <script src="{{asset('admin/ckeditor')}}/ckeditor.js"></script>
    <script src="{{asset('admin/ckeditor')}}/ckfinder/ckfinder.js"></script>
    <script>
        $(document).ready(function () {
            var editor = CKEDITOR.replace('oric-event', {
                filebrowserUploadUrl: "{{route('oric-ckeditor', ['_token' => csrf_token()])}}",
                filebrowserUploadMethod: 'form',
                // removed as exportpdf-token-url doesn't exists to avoid console error
                removePlugins: 'exportpdf'
            });
        });
    </script>
@endpush