@extends('admin.layout')

@section('content')
<div class="max-w-4xl mx-auto">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-3xl font-bold text-gray-800">Edit Research Paper: {{ $researchPaper->title }}</h1>
        <a href="{{ route('admin.research-papers.show', $researchPaper) }}" class="bg-gray-600 hover:bg-gray-700 text-white px-4 py-2 rounded-lg flex items-center">
            <i class="fas fa-arrow-left mr-2"></i> Back to Paper
        </a>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <form action="{{ route('admin.research-papers.update', $researchPaper) }}" method="POST">
            @csrf
            @method('PUT')
            
            <div class="space-y-6">
                <!-- Basic Information -->
                <div>
                    <h3 class="text-lg font-semibold text-gray-800 border-b pb-2 mb-4">Basic Information</h3>
                    
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div>
                            <label for="title" class="block text-sm font-medium text-gray-700 mb-1">Title *</label>
                            <input type="text" name="title" id="title" 
                                   value="{{ old('title', $researchPaper->title) }}"
                                   class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
                                   required placeholder="Enter research paper title">
                            @error('title')
                                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                            @enderror
                        </div>
                        
                        <div>
                            <label for="research_field" class="block text-sm font-medium text-gray-700 mb-1">Research Field *</label>
                            <input type="text" name="research_field" id="research_field" 
                                   value="{{ old('research_field', $researchPaper->research_field) }}"
                                   class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
                                   required placeholder="e.g., Computer Science, Biology, Physics">
                            @error('research_field')
                                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="mt-4">
                        <label for="keywords" class="block text-sm font-medium text-gray-700 mb-1">Keywords *</label>
                        <input type="text" name="keywords" id="keywords" 
                               value="{{ old('keywords', is_array($researchPaper->keywords) ? implode(',', $researchPaper->keywords) : $researchPaper->keywords) }}"
                               class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
                               required placeholder="Comma-separated keywords">
                        @error('keywords')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                    
                    <div class="mt-4">
                        <label for="judge_id" class="block text-sm font-medium text-gray-700 mb-1">Assigned Judge</label>
                        <select name="judge_id" id="judge_id" 
                                class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
                            <option value="">Select Judge</option>
                            @foreach($judges as $judge)
                                <option value="{{ $judge->id }}" {{ old('judge_id', $researchPaper->judge_id) == $judge->id ? 'selected' : '' }}>
                                    {{ $judge->first_name }} {{ $judge->last_name }}
                                </option>
                            @endforeach
                        </select>
                        @error('judge_id')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
                
                <!-- Paper Content -->
                <div>
                    <h3 class="text-lg font-semibold text-gray-800 border-b pb-2 mb-4">Paper Content</h3>
                    
                    <div>
                        <label for="abstract" class="block text-sm font-medium text-gray-700 mb-1">Abstract *</label>
                        <textarea name="abstract" id="abstract" rows="6"
                                  class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
                                  required placeholder="Enter the abstract of the research paper">{{ old('abstract', $researchPaper->abstract) }}</textarea>
                        @error('abstract')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                    
                    @if($researchPaper->paper_file)
                    <div class="mt-4">
                        <label class="block text-sm font-medium text-gray-700 mb-1">Current File</label>
                        <div class="flex items-center space-x-2">
                            <i class="fas fa-file-pdf text-red-500"></i>
                            <span class="text-gray-700">{{ basename($researchPaper->paper_file) }}</span>
                            <a href="{{ asset('storage/' . $researchPaper->paper_file) }}" 
                               target="_blank"
                               class="text-blue-600 hover:text-blue-800 text-sm">
                                (View)
                            </a>
                        </div>
                        <p class="text-sm text-gray-500 mt-1">File size: {{ $researchPaper->file_size_formatted }}</p>
                    </div>
                    @endif
                </div>
                
                <!-- Status and Evaluation -->
                <div>
                    <h3 class="text-lg font-semibold text-gray-800 border-b pb-2 mb-4">Status and Evaluation</h3>
                    
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div>
                            <label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status *</label>
                            <select name="status" id="status" 
                                    class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
                                    required>
                                <option value="pending" {{ old('status', $researchPaper->status) == 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="under_review" {{ old('status', $researchPaper->status) == 'under_review' ? 'selected' : '' }}>Under Review</option>
                                <option value="approved" {{ old('status', $researchPaper->status) == 'approved' ? 'selected' : '' }}>Approved</option>
                                <option value="rejected" {{ old('status', $researchPaper->status) == 'rejected' ? 'selected' : '' }}>Rejected</option>
                                <option value="revision_requested" {{ old('status', $researchPaper->status) == 'revision_requested' ? 'selected' : '' }}>Revision Requested</option>
                                <option value="published" {{ old('status', $researchPaper->status) == 'published' ? 'selected' : '' }}>Published</option>
                            </select>
                            @error('status')
                                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                            @enderror
                        </div>
                        
                        <div>
                            <label for="score" class="block text-sm font-medium text-gray-700 mb-1">Score</label>
                            <input type="number" name="score" id="score" 
                                   value="{{ old('score', $researchPaper->score) }}"
                                   class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
                                   min="0" max="100" step="0.1"
                                   placeholder="Optional score (0-100)">
                            @error('score')
                                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="mt-4">
                        <label for="feedback" class="block text-sm font-medium text-gray-700 mb-1">Feedback</label>
                        <textarea name="feedback" id="feedback" rows="3"
                                  class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
                                  placeholder="Optional feedback for the author">{{ old('feedback', $researchPaper->feedback) }}</textarea>
                        @error('feedback')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                    
                    <div class="mt-4 flex items-center">
                        <input type="checkbox" name="is_featured" id="is_featured" 
                               {{ old('is_featured', $researchPaper->is_featured) ? 'checked' : '' }}
                               class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
                        <label for="is_featured" class="ml-2 block text-sm text-gray-700">
                            Feature this paper
                        </label>
                    </div>
                </div>
            </div>
            
            <div class="flex justify-end space-x-4 mt-8">
                <a href="{{ route('admin.research-papers.show', $researchPaper) }}" 
                   class="bg-gray-600 hover:bg-gray-700 text-white px-6 py-2 rounded-lg transition duration-200">
                    Cancel
                </a>
                <button type="submit" 
                        class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg transition duration-200">
                    Update Research Paper
                </button>
            </div>
        </form>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Character counter for abstract
    const abstractTextarea = document.getElementById('abstract');
    const abstractCounter = document.createElement('div');
    abstractCounter.className = 'text-sm text-gray-500 mt-1';
    abstractTextarea.parentNode.appendChild(abstractCounter);
    
    function updateAbstractCounter() {
        const length = abstractTextarea.value.length;
        abstractCounter.textContent = `${length} characters`;
    }
    
    abstractTextarea.addEventListener('input', updateAbstractCounter);
    updateAbstractCounter();
    
    // Update status based on score changes
    const scoreInput = document.getElementById('score');
    const statusSelect = document.getElementById('status');
    
    scoreInput.addEventListener('change', function() {
        const score = parseFloat(this.value);
        if (!isNaN(score)) {
            if (score >= 80) {
                statusSelect.value = 'approved';
            } else if (score >= 60) {
                statusSelect.value = 'revision_requested';
            } else {
                statusSelect.value = 'rejected';
            }
        }
    });
});
</script>
@endsection