@php
    $isEdit = isset($proyek) && $proyek;
@endphp

@if ($errors->any())
    <div class="alert alert-danger">
        <strong>Terjadi kesalahan.</strong>
        <ul style="margin:.5rem 0 0 1rem;">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="form-grid">
    <div class="form-group">
        <label for="kode_proyek">Kode Proyek <span class="text-danger">*</span></label>
        <input type="text" id="kode_proyek" name="kode_proyek" class="form-control erp-input" value="{{ old('kode_proyek', $proyek->kode_proyek ?? '') }}" required>
    </div>

    <div class="form-group">
        <label for="nama_proyek">Nama Proyek <span class="text-danger">*</span></label>
        <input type="text" id="nama_proyek" name="nama_proyek" class="form-control erp-input" value="{{ old('nama_proyek', $proyek->nama_proyek ?? '') }}" required>
    </div>

    <div class="form-group">
        <label for="id_pelanggan">Pelanggan <span class="text-danger">*</span></label>
        <select id="id_pelanggan" name="id_pelanggan" class="form-control erp-input" required>
            <option value="">-- Pilih Pelanggan --</option>
            @foreach ($pelangganList ?? [] as $pelanggan)
                <option value="{{ $pelanggan->id_pelanggan }}" {{ (string) old('id_pelanggan', $proyek->id_pelanggan ?? '') === (string) $pelanggan->id_pelanggan ? 'selected' : '' }}>
                    {{ $pelanggan->nama_pelanggan }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="id_kontak_person">PIC Pelanggan</label>
        <select id="id_kontak_person" name="id_kontak_person" class="form-control erp-input">
            <option value="">-- Pilih PIC Pelanggan --</option>
            @foreach ($picList ?? [] as $pic)
                <option value="{{ $pic->id_kontak_person }}" {{ (string) old('id_kontak_person', $proyek->id_kontak_person ?? '') === (string) $pic->id_kontak_person ? 'selected' : '' }}>
                    {{ $pic->nama }}
                    @if(!empty($pic->jabatan))
                        - {{ $pic->jabatan }}
                    @endif
                    @if((int)($pic->is_utama ?? 0) === 1)
                        (Utama)
                    @endif
                </option>
            @endforeach
        </select>
        <small class="form-help">PIC pelanggan otomatis berubah sesuai pelanggan.</small>
    </div>

    <div class="form-group">
        <label for="id_mitra">Mitra Pelaksana</label>
        <select id="id_mitra" name="id_mitra" class="form-control erp-input">
            <option value="">-- Pilih Mitra --</option>
            @foreach ($mitraList ?? [] as $mitra)
                <option value="{{ $mitra->id_mitra }}" {{ (string) old('id_mitra', $proyek->id_mitra ?? '') === (string) $mitra->id_mitra ? 'selected' : '' }}>
                    {{ $mitra->nama_mitra }}
                    @if(!empty($mitra->kode_mitra))
                        - {{ $mitra->kode_mitra }}
                    @endif
                    @if(!empty($mitra->tipe_mitra))
                        ({{ $mitra->tipe_mitra }})
                    @endif
                </option>
            @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="id_pic_mitra">PIC Mitra</label>
        <select id="id_pic_mitra" name="id_pic_mitra" class="form-control erp-input">
            <option value="">-- Pilih PIC Mitra --</option>
            @foreach ($mitraPicList ?? [] as $pic)
                <option value="{{ $pic->id_pic }}" {{ (string) old('id_pic_mitra', $proyek->id_pic_mitra ?? '') === (string) $pic->id_pic ? 'selected' : '' }}>
                    {{ $pic->nama_pic }}
                    @if(!empty($pic->jabatan))
                        - {{ $pic->jabatan }}
                    @endif
                    @if((int)($pic->is_primary ?? 0) === 1)
                        (Utama)
                    @endif
                </option>
            @endforeach
        </select>
        <small class="form-help">PIC mitra otomatis berubah sesuai mitra pelaksana.</small>
    </div>

    <div class="form-group">
        <label for="id_manager_proyek">Manager Proyek</label>
        <select id="id_manager_proyek" name="id_manager_proyek" class="form-control erp-input">
            <option value="">-- Pilih Manager --</option>
            @foreach ($managerList ?? [] as $manager)
                <option value="{{ $manager->id_karyawan }}" {{ (string) old('id_manager_proyek', $proyek->id_manager_proyek ?? '') === (string) $manager->id_karyawan ? 'selected' : '' }}>
                    {{ $manager->nama_lengkap }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="id_sales">Sales / Penanggung Jawab Sales</label>
        <select id="id_sales" name="id_sales" class="form-control erp-input">
            <option value="">-- Pilih Sales --</option>
            @foreach ($salesList ?? [] as $sales)
                <option value="{{ $sales->id_karyawan }}" {{ (string) old('id_sales', $proyek->id_sales ?? '') === (string) $sales->id_karyawan ? 'selected' : '' }}>
                    {{ $sales->nama_lengkap }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="jenis_proyek">Jenis Proyek</label>
        <input type="text" id="jenis_proyek" name="jenis_proyek" class="form-control erp-input" value="{{ old('jenis_proyek', $proyek->jenis_proyek ?? '') }}" placeholder="Contoh: FTTH, OSP, Maintenance">
    </div>

    <div class="form-group">
        <label for="status">Status</label>
        @php
            $statusValue = old('status', $proyek->status ?? 'Penawaran');
            $statusList = ['Penawaran', 'Kontrak', 'Berjalan', 'Selesai', 'Batal'];
        @endphp
        <select id="status" name="status" class="form-control erp-input">
            @foreach ($statusList as $status)
                <option value="{{ $status }}" {{ $statusValue === $status ? 'selected' : '' }}>{{ $status }}</option>
            @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="prioritas">Prioritas</label>
        @php
            $prioritasValue = old('prioritas', $proyek->prioritas ?? 'Normal');
            $prioritasList = ['Rendah', 'Normal', 'Tinggi', 'Urgent'];
        @endphp
        <select id="prioritas" name="prioritas" class="form-control erp-input">
            @foreach ($prioritasList as $prioritas)
                <option value="{{ $prioritas }}" {{ $prioritasValue === $prioritas ? 'selected' : '' }}>{{ $prioritas }}</option>
            @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="nilai_kontrak">Nilai Kontrak</label>
        <input type="text" id="nilai_kontrak" name="nilai_kontrak" class="form-control erp-input" value="{{ old('nilai_kontrak', isset($proyek->nilai_kontrak) ? number_format((float) $proyek->nilai_kontrak, 0, ',', '.') : '') }}" placeholder="Contoh: 150.000.000">
    </div>

    <div class="form-group">
        <label for="tanggal_mulai">Tanggal Mulai</label>
        <input type="date" id="tanggal_mulai" name="tanggal_mulai" class="form-control erp-input" value="{{ old('tanggal_mulai', $proyek->tanggal_mulai ?? '') }}">
    </div>

    <div class="form-group">
        <label for="tanggal_selesai_estimasi">Estimasi Selesai</label>
        <input type="date" id="tanggal_selesai_estimasi" name="tanggal_selesai_estimasi" class="form-control erp-input" value="{{ old('tanggal_selesai_estimasi', $proyek->tanggal_selesai_estimasi ?? '') }}">
    </div>

    <div class="form-group">
        <label for="tanggal_selesai_aktual">Tanggal Selesai Aktual</label>
        <input type="date" id="tanggal_selesai_aktual" name="tanggal_selesai_aktual" class="form-control erp-input" value="{{ old('tanggal_selesai_aktual', $proyek->tanggal_selesai_aktual ?? '') }}">
    </div>

    <div class="form-group">
        <label for="progress_persen">Progress (%)</label>
        <input type="number" id="progress_persen" name="progress_persen" class="form-control erp-input" min="0" max="100" step="0.01" value="{{ old('progress_persen', $proyek->progress_persen ?? 0) }}">
    </div>

    <div class="form-group form-group-full">
        <label for="lokasi">Lokasi</label>
        <input type="text" id="lokasi" name="lokasi" class="form-control erp-input" value="{{ old('lokasi', $proyek->lokasi ?? '') }}">
    </div>

    <div class="form-group form-group-full">
        <label for="deskripsi">Deskripsi</label>
        <textarea id="deskripsi" name="deskripsi" class="form-control erp-input" rows="4">{{ old('deskripsi', $proyek->deskripsi ?? '') }}</textarea>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    const pelangganSelect = document.getElementById('id_pelanggan');
    const picPelangganSelect = document.getElementById('id_kontak_person');
    const mitraSelect = document.getElementById('id_mitra');
    const picMitraSelect = document.getElementById('id_pic_mitra');

    function loadOptions(url, target, emptyLabel, fieldMap) {
        target.innerHTML = '<option value="">Memuat data...</option>';

        fetch(url, {
            headers: {
                'Accept': 'application/json'
            }
        })
        .then(response => response.json())
        .then(items => {
            target.innerHTML = `<option value="">${emptyLabel}</option>`;

            if (!items || items.length === 0) {
                target.innerHTML = '<option value="">Data belum tersedia</option>';
                return;
            }

            let primaryValue = '';

            items.forEach(item => {
                const option = document.createElement('option');
                option.value = item.id;

                let label = item.nama || '-';

                if (item.jabatan) {
                    label += ' - ' + item.jabatan;
                }

                if (item.telepon) {
                    label += ' / ' + item.telepon;
                }

                if (fieldMap.primary(item)) {
                    label += ' (Utama)';
                    primaryValue = item.id;
                }

                option.textContent = label;
                target.appendChild(option);
            });

            if (primaryValue) {
                target.value = primaryValue;
            }
        })
        .catch(() => {
            target.innerHTML = '<option value="">Gagal memuat data</option>';
        });
    }

    if (pelangganSelect && picPelangganSelect) {
        pelangganSelect.addEventListener('change', function () {
            const pelangganId = this.value;

            if (!pelangganId) {
                picPelangganSelect.innerHTML = '<option value="">-- Pilih PIC Pelanggan --</option>';
                return;
            }

            const url = "{{ route('proyek.pic-options', ':id') }}".replace(':id', pelangganId);

            loadOptions(url, picPelangganSelect, '-- Pilih PIC Pelanggan --', {
                primary: item => parseInt(item.is_utama || 0) === 1
            });
        });
    }

    if (mitraSelect && picMitraSelect) {
        mitraSelect.addEventListener('change', function () {
            const mitraId = this.value;

            if (!mitraId) {
                picMitraSelect.innerHTML = '<option value="">-- Pilih PIC Mitra --</option>';
                return;
            }

            const url = "{{ route('proyek.mitra-pic-options', ':id') }}".replace(':id', mitraId);

            loadOptions(url, picMitraSelect, '-- Pilih PIC Mitra --', {
                primary: item => parseInt(item.is_primary || 0) === 1
            });
        });
    }
});
</script>