@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 mx-auto">
            <div class="neon-card p-4">
                <h1 class="neon-text text-center mb-4">{{ isset($mahasiswa) ? 'Edit' : 'Tambah' }} Mahasiswa</h1>

                <form action="{{ isset($mahasiswa) ? route('mahasiswa.update', $mahasiswa->id_mhs) : route('mahasiswa.store') }}" method="POST">
                    @csrf
                    @if(isset($mahasiswa))
                        @method('PUT')
                    @endif

                    <div class="mb-3">
                        <label for="nim" class="form-label neon-text">NIM</label>
                        <input type="text" class="form-control bg-dark text-white" id="nim" name="nim" 
                               value="{{ isset($mahasiswa) ? $mahasiswa->nim : old('nim') }}" required>
                    </div>

                    <div class="mb-3">
                        <label for="nama_mhs" class="form-label neon-text">Nama Mahasiswa</label>
                        <input type="text" class="form-control bg-dark text-white" id="nama_mhs" name="nama_mhs" 
                               value="{{ isset($mahasiswa) ? $mahasiswa->nama_mhs : old('nama_mhs') }}" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label neon-text">Jenis Kelamin</label>
                        <div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="jkelamin" id="jkelaminL" value="L" 
                                       {{ (isset($mahasiswa) && $mahasiswa->jkelamin == 'L') || old('jkelamin') == 'L' ? 'checked' : '' }} required>
                                <label class="form-check-label" for="jkelaminL">Laki-laki</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="jkelamin" id="jkelaminP" value="P" 
                                       {{ (isset($mahasiswa) && $mahasiswa->jkelamin == 'P') || old('jkelamin') == 'P' ? 'checked' : '' }}>
                                <label class="form-check-label" for="jkelaminP">Perempuan</label>
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="kode_prodi" class="form-label neon-text">Program Studi</label>
                        <select class="form-select bg-dark text-white" id="kode_prodi" name="kode_prodi" required>
                            <option value="">Pilih Program Studi</option>
                            @foreach($prodis as $prodi)
                                <option value="{{ $prodi->kode_prodi }}" 
                                    {{ (isset($mahasiswa) && $mahasiswa->kode_prodi == $prodi->kode_prodi) || old('kode_prodi') == $prodi->kode_prodi ? 'selected' : '' }}>
                                    {{ $prodi->nama_prodi }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label for="alamat" class="form-label neon-text">Alamat</label>
                        <textarea class="form-control bg-dark text-white" id="alamat" name="alamat" rows="3">{{ isset($mahasiswa) ? $mahasiswa->alamat : old('alamat') }}</textarea>
                        <button type="button" class="btn btn-sm neon-btn mt-2" onclick="getCurrentLocation()">
                            <i class="fas fa-location-arrow"></i> Ambil Lokasi Saat Ini
                        </button>
                    </div>

                    <div class="text-center">
                        <button type="submit" class="btn neon-btn px-4">
                            <i class="fas fa-save"></i> Simpan
                        </button>
                        <a href="{{ route('mahasiswa.index') }}" class="btn neon-btn px-4">
                            <i class="fas fa-arrow-left"></i> Kembali
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@section('scripts')
<script>
    function getCurrentLocation() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(
                function(position) {
                    const latitude = position.coords.latitude;
                    const longitude = position.coords.longitude;
                    
                    // Reverse geocoding to get address
                    fetch(`https://nominatim.openstreetmap.org/reverse?format=json&lat=${latitude}&lon=${longitude}`)
                        .then(response => response.json())
                        .then(data => {
                            let address = '';
                            if (data.address) {
                                if (data.address.road) address += data.address.road + ', ';
                                if (data.address.village) address += data.address.village + ', ';
                                if (data.address.suburb) address += data.address.suburb + ', ';
                                if (data.address.city) address += data.address.city + ', ';
                                if (data.address.state) address += data.address.state + ', ';
                                if (data.address.country) address += data.address.country;
                            }
                            
                            if (address === '') {
                                address = `Latitude: ${latitude}, Longitude: ${longitude}`;
                            }
                            
                            document.getElementById('alamat').value = address;
                        })
                        .catch(error => {
                            console.error('Error:', error);
                            document.getElementById('alamat').value = `Latitude: ${latitude}, Longitude: ${longitude}`;
                        });
                },
                function(error) {
                    alert('Error getting location: ' + error.message);
                }
            );
        } else {
            alert('Geolocation is not supported by this browser.');
        }
    }
</script>
@endsection
@endsection