@extends('layouts.app')

@section('title', 'Edit Study Material')
@section('page-title', 'Edit: ' . $material->title)

@section('content')
<div class="card">
    <div class="card-header bg-warning">
        <h6 class="mb-0"><i class="fas fa-edit me-2"></i>Edit Study Material</h6>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('study-materials.update', $material->id) }}" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            
            <div class="row">
                <div class="col-md-12 mb-3">
                    <label class="form-label">Title <span class="text-danger">*</span></label>
                    <input type="text" name="title" class="form-control" value="{{ old('title', $material->title) }}" required>
                </div>
                
                <div class="col-md-6 mb-3">
                    <label class="form-label">Category <span class="text-danger">*</span></label>
                    <select name="category_type" class="form-control" required>
                        <option value="">-- Select Category --</option>
                        <option value="fire" {{ $material->category_type == 'fire' ? 'selected' : '' }}>🔥 Fire Insurance</option>
                        <option value="marine" {{ $material->category_type == 'marine' ? 'selected' : '' }}>⚓ Marine Insurance</option>
                        <option value="motor" {{ $material->category_type == 'motor' ? 'selected' : '' }}>🚗 Motor Insurance</option>
                        <option value="health" {{ $material->category_type == 'health' ? 'selected' : '' }}>🏥 Health Insurance</option>
                        <option value="engineering" {{ $material->category_type == 'engineering' ? 'selected' : '' }}>🏗️ Engineering Insurance</option>
                        <option value="liability" {{ $material->category_type == 'liability' ? 'selected' : '' }}>⚖️ Liability Insurance</option>
                        <option value="miscellaneous" {{ $material->category_type == 'miscellaneous' ? 'selected' : '' }}>📦 Miscellaneous</option>
                        <option value="general" {{ $material->category_type == 'general' ? 'selected' : '' }}>📚 General</option>
                    </select>
                </div>
                
                <div class="col-md-6 mb-3">
                    <label class="form-label">Type <span class="text-danger">*</span></label>
                    <select name="type" id="type" class="form-control" required>
                        <option value="">-- Select Type --</option>
                        <option value="clause" {{ $material->type == 'clause' ? 'selected' : '' }}>📜 Clause</option>
                        <option value="tariff" {{ $material->type == 'tariff' ? 'selected' : '' }}>📊 Tariff Details</option>
                        <option value="pdf" {{ $material->type == 'pdf' ? 'selected' : '' }}>📄 PDF Document</option>
                        <option value="text" {{ $material->type == 'text' ? 'selected' : '' }}>📝 Text Content</option>
                        <option value="guideline" {{ $material->type == 'guideline' ? 'selected' : '' }}>📖 Guideline</option>
                        <option value="regulation" {{ $material->type == 'regulation' ? 'selected' : '' }}>⚖️ Regulation</option>
                        <option value="other" {{ $material->type == 'other' ? 'selected' : '' }}>📎 Other</option>
                    </select>
                </div>
                
                <div class="col-md-12 mb-3">
                    <label class="form-label">Description</label>
                    <textarea name="description" class="form-control" rows="2">{{ old('description', $material->description) }}</textarea>
                </div>
                
                <div class="col-md-12 mb-3" id="contentField" {{ $material->type == 'pdf' ? 'style="display: none;"' : '' }}>
                    <label class="form-label">Content</label>
                    <textarea name="content" class="form-control" rows="10">{{ old('content', $material->content) }}</textarea>
                    <small class="text-muted">Enter the clause, tariff details, or study material content here.</small>
                </div>
                
                <div class="col-md-12 mb-3" id="fileField" {{ $material->type == 'pdf' ? '' : 'style="display: none;"' }}>
                    <label class="form-label">Upload New File (PDF, DOC, TXT - Max 10MB)</label>
                    <input type="file" name="file" class="form-control" accept=".pdf,.doc,.docx,.txt">
                    @if($material->file_path)
                        <small class="text-success">Current file: {{ $material->file_name }}</small>
                    @endif
                </div>
            </div>
            
            <div class="mt-3">
                <button type="submit" class="btn btn-warning">Update Material</button>
                <a href="{{ route('study-materials.index') }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>

@push('scripts')
<script>
    const typeSelect = document.getElementById('type');
    const contentField = document.getElementById('contentField');
    const fileField = document.getElementById('fileField');
    
    typeSelect.addEventListener('change', function() {
        if (this.value === 'pdf') {
            contentField.style.display = 'none';
            fileField.style.display = 'block';
        } else {
            contentField.style.display = 'block';
            fileField.style.display = 'none';
        }
    });
</script>
@endpush
@endsection