@extends('source.layouts.app')

@section('content')
<div class="main-wrapper bg-light min-vh-100">
    @include('source.common.header')
    @include('source.common.sidebar')
    <div class="page-wrapper">
        <div class="content py-4">
            <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 mb-4">
                <h3 class="fw-bold mb-0"><i class="ti ti-upload me-2"></i>Publish Manuscript</h3>
                <a href="{{ route('admin.manuscripts') }}" class="btn btn-outline-secondary d-flex align-items-center">
                    <i class="ti ti-arrow-left me-1"></i>Back
                </a>
            </div>
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <strong><i class="ti ti-alert-circle me-1"></i>Validation Error:</strong> Please review the highlighted fields and try again.
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif
            <div class="row justify-content-center">
                <div class="col-lg-10 col-xl-9">
                    <div class="card border-0 shadow-sm rounded-4">
                        <div class="card-header bg-white border-bottom-0 pt-4 pb-0 rounded-top-4">
                            <h5 class="mb-1 fw-semibold">Manuscript Publication Details</h5>
                            <p class="text-muted mb-0">Fill in the details to publish this manuscript/article. Fields marked with <span class="text-danger">*</span> are required.</p>
                        </div>
                        <div class="card-body pt-4 pb-4 px-4">
                            <form method="POST" action="{{ route('admin.manuscript.publish.store', $manuscript->uuid) }}" enctype="multipart/form-data" class="needs-validation" novalidate>
                                @csrf
                                <div class="row g-3 mb-3">
                                    <div class="col-md-6">
                                        <label class="form-label fw-semibold" for="articleJournal">Journal</label>
                                        <select class="form-select" id="articleJournal" name="journal">
                                            <option value="">Select Journal</option>
                                            @foreach($journals as $journal)
                                                <option value="{{ $journal->title }}" {{ old('journal') == $journal->title ? 'selected' : '' }}>{{ $journal->title }}</option>
                                            @endforeach
                                        </select>
                                        @error('journal') <small class="text-danger">{{ $message }}</small> @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label fw-semibold" for="articleTitle">Article Title <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="articleTitle" name="article_title" value="{{ old('article_title', $manuscript->title) }}" required>
                                        @error('article_title') <small class="text-danger">{{ $message }}</small> @enderror
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-semibold" for="tableOfIndex">Table of Index</label>
                                    <textarea class="form-control ckeditor" id="tableOfIndex" name="table_of_index" rows="4">{{ old('table_of_index') }}</textarea>
                                    @error('table_of_index') <small class="text-danger">{{ $message }}</small> @enderror
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-semibold" for="articleAbstract">Abstract</label>
                                    <textarea class="form-control ckeditor" id="articleAbstract" name="abstract" rows="6">{{ old('abstract', $manuscript->abstract) }}</textarea>
                                    @error('abstract') <small class="text-danger">{{ $message }}</small> @enderror
                                </div>
                                <div class="mb-3">
                                    <label class="form-label fw-semibold" for="articleContent">Content</label>
                                    <textarea class="form-control ckeditor" id="articleContent" name="content" rows="8">{{ old('content') }}</textarea>
                                    @error('content') <small class="text-danger">{{ $message }}</small> @enderror
                                </div>
                                <hr class="my-4">                                
                                <div class="row g-3 mt-2">
                                    <div class="col-md-4">
                                        <label class="form-label fw-semibold" for="articleVolume">Volume</label>
                                        <input type="text" class="form-control" id="articleVolume" name="volume" value="{{ old('volume') }}">
                                        @error('volume') <small class="text-danger">{{ $message }}</small> @enderror
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label fw-semibold" for="articleIssue">Issue</label>
                                        <input type="text" class="form-control" id="articleIssue" name="issue" value="{{ old('issue') }}">
                                        @error('issue') <small class="text-danger">{{ $message }}</small> @enderror
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label fw-semibold" for="articlePages">Pages</label>
                                        <input type="text" class="form-control" id="articlePages" name="pages" value="{{ old('pages') }}">
                                        @error('pages') <small class="text-danger">{{ $message }}</small> @enderror
                                    </div>
                                </div>
                                <div class="row g-3 mt-2">
                                    <div class="col-md-4">
                                        <label class="form-label fw-semibold" for="articleYear">Year</label>
                                        <input type="number" class="form-control" id="articleYear" name="year" value="{{ old('year') }}">
                                        @error('year') <small class="text-danger">{{ $message }}</small> @enderror
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label fw-semibold" for="articleDOI">DOI</label>
                                        <input type="text" class="form-control" id="articleDOI" name="doi" value="{{ old('doi') }}">
                                        @error('doi') <small class="text-danger">{{ $message }}</small> @enderror
                                    </div>
                                </div>
                                <div class="text-end mt-4">
                                    <button type="submit" class="btn btn-primary px-4 py-2 fw-semibold shadow-sm">
                                        <i class="ti ti-check me-1"></i>Publish
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section('scripts')
    <script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>
    <script>
        function SimpleUploadAdapterPlugin(editor) {
            editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
                return {
                    upload: () => {
                        return loader.file.then(file => {
                            return new Promise((resolve, reject) => {
                                const data = new FormData();
                                data.append('upload', file);
                                data.append('_token', '{{ csrf_token() }}');
                                fetch("{{ route('ckeditor.upload') }}", {
                                    method: 'POST',
                                    body: data
                                })
                                .then(response => response.json())
                                .then(data => {
                                    if (data.url) {
                                        resolve({ default: data.url });
                                    } else {
                                        reject(data.error || 'Upload failed');
                                    }
                                })
                                .catch(() => reject('Upload failed'));
                            });
                        });
                    }
                };
            };
        }
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.ckeditor').forEach(function(textarea) {
                ClassicEditor.create(textarea, {
                    extraPlugins: [SimpleUploadAdapterPlugin],
                }).then(editor => {
                    editor.editing.view.change(writer => {
                        writer.setStyle('min-height', '350px', editor.editing.view.document.getRoot());
                    });
                }).catch(error => {});
            });
        });
    </script>
@endsection
@endsection