@extends('layouts.app')

@section('title', 'Emisyon Verisi Girişi')

@section('content')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">
        <i class="bi bi-database-add me-2 text-primary"></i>
        Emisyon Verisi Girişi
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <a href="{{ route('emission-data.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>
            Geri Dön
        </a>
    </div>
</div>

<form method="POST" action="{{ route('emission-data.store') }}" id="emissionDataForm">
    @csrf
    
    <div class="row">
        <!-- Basic Information -->
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-info-circle me-2"></i>
                        Temel Bilgiler
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="emission_project_id" class="form-label">Proje <span class="text-danger">*</span></label>
                            <select class="form-select @error('emission_project_id') is-invalid @enderror" 
                                    id="emission_project_id" name="emission_project_id" required>
                                <option value="">Proje Seçin</option>
                                @foreach($projects as $project)
                                    <option value="{{ $project->id }}" 
                                            {{ (old('emission_project_id', $selectedProject?->id) == $project->id) ? 'selected' : '' }}
                                            data-company="{{ $project->company->name }}">
                                        {{ $project->name }} ({{ $project->company->name }})
                                    </option>
                                @endforeach
                            </select>
                            @error('emission_project_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="emission_factor_id" class="form-label">Emisyon Faktörü <span class="text-danger">*</span></label>
                            <select class="form-select @error('emission_factor_id') is-invalid @enderror" 
                                    id="emission_factor_id" name="emission_factor_id" required>
                                <option value="">Faktör Seçin</option>
                                @foreach($emissionFactors as $factor)
                                    <option value="{{ $factor->id }}" 
                                            data-co2="{{ $factor->co2_factor }}"
                                            data-ch4="{{ $factor->ch4_factor }}"
                                            data-n2o="{{ $factor->n2o_factor }}"
                                            data-unit="{{ $factor->unit }}"
                                            data-scope="{{ $factor->scope }}"
                                            data-category="{{ $factor->category }}">
                                        {{ $factor->name }} ({{ $factor->unit }})
                                    </option>
                                @endforeach
                            </select>
                            @error('emission_factor_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-12 mb-3">
                            <label for="activity_name" class="form-label">Aktivite Adı <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('activity_name') is-invalid @enderror" 
                                   id="activity_name" name="activity_name" value="{{ old('activity_name') }}" 
                                   placeholder="Örn: Elektrik Tüketimi, Doğalgaz Kullanımı" required>
                            @error('activity_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-12 mb-3">
                            <label for="description" class="form-label">Açıklama</label>
                            <textarea class="form-control @error('description') is-invalid @enderror" 
                                      id="description" name="description" rows="3" 
                                      placeholder="Aktivite hakkında detaylı açıklama...">{{ old('description') }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Activity Data -->
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-calculator me-2"></i>
                        Aktivite Verisi
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="activity_data" class="form-label">Aktivite Miktarı <span class="text-danger">*</span></label>
                            <input type="number" step="0.001" class="form-control @error('activity_data') is-invalid @enderror" 
                                   id="activity_data" name="activity_data" value="{{ old('activity_data') }}" 
                                   placeholder="0.000" required>
                            @error('activity_data')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="activity_unit" class="form-label">Birim <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('activity_unit') is-invalid @enderror" 
                                   id="activity_unit" name="activity_unit" value="{{ old('activity_unit') }}" 
                                   placeholder="kWh, m³, litre..." readonly>
                            @error('activity_unit')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="data_source" class="form-label">Veri Kaynağı <span class="text-danger">*</span></label>
                            <select class="form-select @error('data_source') is-invalid @enderror" 
                                    id="data_source" name="data_source" required>
                                <option value="">Kaynak Seçin</option>
                                <option value="bill" {{ old('data_source') === 'bill' ? 'selected' : '' }}>Fatura</option>
                                <option value="meter" {{ old('data_source') === 'meter' ? 'selected' : '' }}>Sayaç Okuması</option>
                                <option value="calculation" {{ old('data_source') === 'calculation' ? 'selected' : '' }}>Hesaplama</option>
                                <option value="estimation" {{ old('data_source') === 'estimation' ? 'selected' : '' }}>Tahmin</option>
                                <option value="other" {{ old('data_source') === 'other' ? 'selected' : '' }}>Diğer</option>
                            </select>
                            @error('data_source')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="measurement_date" class="form-label">Ölçüm Tarihi <span class="text-danger">*</span></label>
                            <input type="date" class="form-control @error('measurement_date') is-invalid @enderror" 
                                   id="measurement_date" name="measurement_date" value="{{ old('measurement_date', date('Y-m-d')) }}" required>
                            @error('measurement_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Classification and Calculations -->
        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-tags me-2"></i>
                        Sınıflandırma
                    </h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label for="scope" class="form-label">Kapsam <span class="text-danger">*</span></label>
                        <select class="form-select @error('scope') is-invalid @enderror" 
                                id="scope" name="scope" required>
                            <option value="">Kapsam Seçin</option>
                            <option value="scope1" {{ old('scope') === 'scope1' ? 'selected' : '' }}>Kapsam 1 - Doğrudan</option>
                            <option value="scope2" {{ old('scope') === 'scope2' ? 'selected' : '' }}>Kapsam 2 - Dolaylı Enerji</option>
                            <option value="scope3" {{ old('scope') === 'scope3' ? 'selected' : '' }}>Kapsam 3 - Diğer Dolaylı</option>
                        </select>
                        @error('scope')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="mb-3">
                        <label for="category" class="form-label">Kategori <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('category') is-invalid @enderror" 
                               id="category" name="category" value="{{ old('category') }}" 
                               placeholder="energy, transport, waste..." readonly>
                        @error('category')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="alert alert-info">
                        <i class="bi bi-info-circle me-2"></i>
                        <strong>Kapsam Açıklaması:</strong>
                        <ul class="mb-0 mt-2 small">
                            <li><strong>Kapsam 1:</strong> Doğrudan emisyonlar</li>
                            <li><strong>Kapsam 2:</strong> Dolaylı enerji emisyonları</li>
                            <li><strong>Kapsam 3:</strong> Diğer dolaylı emisyonlar</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <!-- Emission Calculation Preview -->
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-graph-up me-2"></i>
                        Emisyon Hesaplama
                    </h5>
                </div>
                <div class="card-body">
                    <div id="emissionPreview">
                        <div class="text-center text-muted py-3">
                            <i class="bi bi-calculator display-4"></i>
                            <p class="mt-2">Emisyon faktörü ve aktivite verisi seçin</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Additional Information -->
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-file-text me-2"></i>
                        Ek Bilgiler
                    </h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label for="calculation_method" class="form-label">Hesaplama Yöntemi</label>
                        <textarea class="form-control @error('calculation_method') is-invalid @enderror" 
                                  id="calculation_method" name="calculation_method" rows="3" 
                                  placeholder="Kullanılan hesaplama yöntemi...">{{ old('calculation_method') }}</textarea>
                        @error('calculation_method')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="mb-3">
                        <label for="uncertainty_assessment" class="form-label">Belirsizlik Değerlendirmesi</label>
                        <textarea class="form-control @error('uncertainty_assessment') is-invalid @enderror" 
                                  id="uncertainty_assessment" name="uncertainty_assessment" rows="3" 
                                  placeholder="Veri kalitesi ve belirsizlik değerlendirmesi...">{{ old('uncertainty_assessment') }}</textarea>
                        @error('uncertainty_assessment')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Submit Buttons -->
    <div class="row mt-4">
        <div class="col-12">
            <div class="d-flex justify-content-end gap-2">
                <a href="{{ route('emission-data.index') }}" class="btn btn-secondary">
                    <i class="bi bi-x-circle me-1"></i>
                    İptal
                </a>
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check-circle me-1"></i>
                    Veriyi Kaydet
                </button>
            </div>
        </div>
    </div>
</form>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    const emissionFactorSelect = document.getElementById('emission_factor_id');
    const activityDataInput = document.getElementById('activity_data');
    const activityUnitInput = document.getElementById('activity_unit');
    const scopeSelect = document.getElementById('scope');
    const categoryInput = document.getElementById('category');
    const emissionPreview = document.getElementById('emissionPreview');
    
    function updateEmissionPreview() {
        const selectedFactor = emissionFactorSelect.options[emissionFactorSelect.selectedIndex];
        const activityData = parseFloat(activityDataInput.value) || 0;
        
        if (selectedFactor.value && activityData > 0) {
            const co2Factor = parseFloat(selectedFactor.dataset.co2);
            const ch4Factor = parseFloat(selectedFactor.dataset.ch4);
            const n2oFactor = parseFloat(selectedFactor.dataset.n2o);
            
            const co2Emissions = activityData * co2Factor;
            const ch4Emissions = activityData * ch4Factor;
            const n2oEmissions = activityData * n2oFactor;
            
            // Calculate CO2 equivalent
            const ch4Co2e = ch4Emissions * 25; // CH4 GWP = 25
            const n2oCo2e = n2oEmissions * 298; // N2O GWP = 298
            const totalEmissions = co2Emissions + ch4Co2e + n2oCo2e;
            
            emissionPreview.innerHTML = `
                <div class="row text-center">
                    <div class="col-4">
                        <div class="border rounded p-2">
                            <div class="text-success fw-bold">${co2Emissions.toFixed(3)}</div>
                            <small class="text-muted">CO₂ (t)</small>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="border rounded p-2">
                            <div class="text-warning fw-bold">${ch4Emissions.toFixed(6)}</div>
                            <small class="text-muted">CH₄ (t)</small>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="border rounded p-2">
                            <div class="text-info fw-bold">${n2oEmissions.toFixed(6)}</div>
                            <small class="text-muted">N₂O (t)</small>
                        </div>
                    </div>
                </div>
                <div class="mt-3 text-center">
                    <div class="alert alert-primary mb-0">
                        <strong>Toplam Emisyon: ${totalEmissions.toFixed(3)} tCO₂e</strong>
                    </div>
                </div>
            `;
        } else {
            emissionPreview.innerHTML = `
                <div class="text-center text-muted py-3">
                    <i class="bi bi-calculator display-4"></i>
                    <p class="mt-2">Emisyon faktörü ve aktivite verisi seçin</p>
                </div>
            `;
        }
    }
    
    // Update form fields when emission factor changes
    emissionFactorSelect.addEventListener('change', function() {
        const selectedFactor = this.options[this.selectedIndex];
        if (selectedFactor.value) {
            activityUnitInput.value = selectedFactor.dataset.unit;
            scopeSelect.value = selectedFactor.dataset.scope;
            categoryInput.value = selectedFactor.dataset.category;
            updateEmissionPreview();
        } else {
            activityUnitInput.value = '';
            scopeSelect.value = '';
            categoryInput.value = '';
            updateEmissionPreview();
        }
    });
    
    // Update preview when activity data changes
    activityDataInput.addEventListener('input', updateEmissionPreview);
    
    // Initial preview update
    updateEmissionPreview();
});
</script>
@endpush