{{-- resources/views/gis/upload.blade.php --}}
@extends('layouts.app')

@section('title', 'Загрузка запроса ГИС ЖКХ')

@section('content')
<div class="container">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Загрузка запроса из ГИС ЖКХ</h1>
        <div>
            <a href="{{ route('gis.organizations.index') }}" class="btn btn-info me-2">
                <i class="fas fa-building me-1"></i>Управление организациями
            </a>
            <a href="{{ route('gis.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left me-2"></i>Назад
            </a>
        </div>
    </div>
    
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <i class="fas fa-file-csv me-2"></i>Выберите файл запроса
                </div>
                <div class="card-body">
                    <form action="{{ route('gis.process') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        
                        <div class="mb-3">
                            <label for="organization_id" class="form-label">Организация (отправитель запроса)</label>
                            <select class="form-select @error('organization_id') is-invalid @enderror" 
                                    id="organization_id" name="organization_id">
                                <option value="">-- Выберите организацию --</option>
                                @foreach($organizations as $org)
                                    <option value="{{ $org->id }}" 
                                            data-phone="{{ $org->phone }}"
                                            data-contact="{{ $org->contact_person }}"
                                            data-ogrn="{{ $org->ogrn }}">
                                        {{ $org->name }}
                                        @if($org->contact_person)
                                            ({{ $org->contact_person }})
                                        @endif
                                    </option>
                                @endforeach
                            </select>
                            @error('organization_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">
                                Выберите организацию, которая отправляет запрос. Данные будут использованы при формировании ответа.
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="file" class="form-label">Файл запроса (CSV)</label>
                            <input type="file" class="form-control @error('file') is-invalid @enderror" 
                                   id="file" name="file" accept=".csv,.txt" required>
                            @error('file')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="mb-3">
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                <strong>Информация о выбранной организации:</strong>
                                <div id="orgInfo" class="mt-2 text-muted">
                                    Не выбрана
                                </div>
                            </div>
                        </div>
                        
                        <div class="d-grid gap-2">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-play me-2"></i>Обработать запрос
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <i class="fas fa-question-circle me-2"></i>Подсказка
                </div>
                <div class="card-body">
                    <p class="small text-muted">Перед загрузкой запроса:</p>
                    <ol class="small">
                        <li>Убедитесь, что организация добавлена в справочник</li>
                        <li>Проверьте актуальность контактных данных</li>
                        <li>Файл должен быть в формате CSV с разделителем ";"</li>
                    </ol>
                    <hr>
                    <a href="{{ route('gis.organizations.create') }}" class="btn btn-sm btn-success">
                        <i class="fas fa-plus me-1"></i>Добавить новую организацию
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.getElementById('organization_id').addEventListener('change', function() {
    const select = this;
    const selectedOption = select.options[select.selectedIndex];
    const orgInfo = document.getElementById('orgInfo');
    
    if (select.value) {
        orgInfo.innerHTML = `
            <i class="fas fa-check-circle text-success me-1"></i>
            <strong>${selectedOption.text.split(' (')[0]}</strong><br>
            <small>📞 Телефон: ${selectedOption.dataset.phone || 'не указан'}<br>
            👤 Контактное лицо: ${selectedOption.dataset.contact || 'не указано'}<br>
            📋 ОГРН: ${selectedOption.dataset.ogrn || 'не указан'}</small>
        `;
    } else {
        orgInfo.innerHTML = 'Не выбрана';
    }
});
</script>
@endsection