@php($handlerDescriptions = $handlerDescriptions ?? [])
@php($activeFormContext = $activeFormContext ?? null)
@php($showCreateErrors = !$activeFormContext || $activeFormContext === 'create')
@php($createAdvancedOpen = old('region_scope') || old('country_scope') || (old('handler') && old('handler') !== 'generic_list') || ($showCreateErrors && ($errors->has('region_scope') || $errors->has('country_scope') || $errors->has('handler'))))

<div class="modal fade" id="createSourceModal" tabindex="-1" aria-labelledby="createSourceModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header" style="background:#df2935;">
                <h5 class="modal-title text-white" id="createSourceModalLabel">
                    <i class="ri-add-circle-line me-1"></i> Add Scholarship Source
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form method="POST" action="{{ route('admin.system.scholarships.sources.store') }}">
                @csrf
                <input type="hidden" name="form_context" value="create">
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Source Name <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control @if($showCreateErrors && $errors->has('name')) is-invalid @endif" placeholder="e.g. Scholars4Dev Sitemap" value="{{ old('name') }}" required>
                            @if($showCreateErrors && $errors->has('name'))
                                <div class="invalid-feedback d-block">{{ $errors->first('name') }}</div>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Base URL <span class="text-danger">*</span></label>
                            <input type="url" name="base_url" class="form-control @if($showCreateErrors && $errors->has('base_url')) is-invalid @endif" placeholder="https://example.com/scholarships" value="{{ old('base_url') }}" required>
                            @if($showCreateErrors && $errors->has('base_url'))
                                <div class="invalid-feedback d-block">{{ $errors->first('base_url') }}</div>
                            @endif
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Priority</label>
                            <input type="number" name="priority" class="form-control @if($showCreateErrors && $errors->has('priority')) is-invalid @endif" value="{{ old('priority') }}" placeholder="Default: 10" min="1" max="255">
                            <small class="text-muted">Leave blank to use the default priority (lower numbers run first).</small>
                            @if($showCreateErrors && $errors->has('priority'))
                                <div class="invalid-feedback d-block">{{ $errors->first('priority') }}</div>
                            @endif
                        </div>
                        <div class="col-12">
                            <button class="btn btn-link px-0 text-decoration-none" type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#createAdvancedSourceFields"
                                    aria-expanded="{{ $createAdvancedOpen ? 'true' : 'false' }}">
                                Advanced options (optional)
                            </button>
                            <div class="collapse {{ $createAdvancedOpen ? 'show' : '' }}" id="createAdvancedSourceFields">
                                <div class="card border shadow-sm">
                                    <div class="card-body">
                                        <div class="mb-4">
                                            <label class="form-label">Crawler behavior</label>
                                            <select name="handler" id="createSourceHandler" class="form-select @if($showCreateErrors && $errors->has('handler')) is-invalid @endif">
                                                @foreach($handlers as $value => $label)
                                                    <option value="{{ $value }}"
                                                            data-description="{{ $handlerDescriptions[$value] ?? '' }}"
                                                            {{ old('handler', 'generic_list') === $value ? 'selected' : '' }}>
                                                        {{ $label }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <small class="text-muted d-block mt-1">
                                                Leave as “Generic HTML Listing” for most sites. Switch only when you need a specialized parser.
                                            </small>
                                            @if($showCreateErrors && $errors->has('handler'))
                                                <div class="invalid-feedback d-block">{{ $errors->first('handler') }}</div>
                                            @endif
                                        </div>
                                        <ul class="small text-muted mb-4 ps-3">
                                            <li><strong>Scholars4Dev Sitemap:</strong> Reads the XML feed for instant updates.</li>
                                            <li><strong>Scholars4Dev Tag Page:</strong> Scrapes the public “scholarships” tag (HTML list).</li>
                                            <li><strong>DAAD Scholarship Database:</strong> Uses headless Chrome for DAAD’s JS-heavy search results.</li>
                                            <li><strong>TopUniversities Listing:</strong> Scrolls TopUniversities and captures each card.</li>
                                            <li><strong>Generic HTML Listing:</strong> Works for most blogs, portals, and university pages.</li>
                                        </ul>
                                        <div class="row g-3">
                                            <div class="col-md-6">
                                                <label class="form-label">Region</label>
                                                <input type="text" name="region_scope" class="form-control @if($showCreateErrors && $errors->has('region_scope')) is-invalid @endif" placeholder="Global, Africa, Ghana..." value="{{ old('region_scope') }}">
                                                <small class="text-muted">Only fill this if the site targets a specific region.</small>
                                                @if($showCreateErrors && $errors->has('region_scope'))
                                                    <div class="invalid-feedback d-block">{{ $errors->first('region_scope') }}</div>
                                                @endif
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-label">Country (ISO)</label>
                                                <input type="text" name="country_scope" class="form-control @if($showCreateErrors && $errors->has('country_scope')) is-invalid @endif" placeholder="e.g. GH, US" value="{{ old('country_scope') }}">
                                                <small class="text-muted">Two-letter ISO code if country-specific.</small>
                                                @if($showCreateErrors && $errors->has('country_scope'))
                                                    <div class="invalid-feedback d-block">{{ $errors->first('country_scope') }}</div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Notes</label>
                            <textarea name="notes" rows="3" class="form-control @if($showCreateErrors && $errors->has('notes')) is-invalid @endif" placeholder="Describe what this source covers">{{ old('notes') }}</textarea>
                            @if($showCreateErrors && $errors->has('notes'))
                                <div class="invalid-feedback d-block">{{ $errors->first('notes') }}</div>
                            @endif
                        </div>
                        <div class="col-12">
                            <label class="form-label">Extra URLs</label>
                            <textarea name="extra_urls" rows="3" class="form-control @if($showCreateErrors && $errors->has('extra_urls')) is-invalid @endif" placeholder="Add additional URLs for this source, one per line">{{ old('extra_urls') }}</textarea>
                            <small class="text-muted">Optional: use this for alternate pages or tags to crawl with the same handler.</small>
                            @if($showCreateErrors && $errors->has('extra_urls'))
                                <div class="invalid-feedback d-block">{{ $errors->first('extra_urls') }}</div>
                            @endif
                        </div>
                        <div class="col-12">
                            <div class="form-check form-switch">
                                <input type="hidden" name="requires_headless" value="0">
                                <input class="form-check-input" type="checkbox" name="requires_headless" id="requires_headless_create" value="1" {{ old('requires_headless') ? 'checked' : '' }}>
                                <label class="form-check-label" for="requires_headless_create">Requires headless browser</label>
                            </div>
                            <div class="form-check form-switch">
                                <input type="hidden" name="is_active" value="0">
                                <input class="form-check-input" type="checkbox" name="is_active" id="is_active_create" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_active_create">Source is active</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-red">Save Source</button>
                </div>
            </form>
        </div>
    </div>
</div>