@extends('layouts.dashboard')

@section('content')
<h2>🚨 Botón de Pánico</h2>

<form method="POST" action="{{ route('alerta.activar') }}">
    @csrf
    <input type="hidden" name="latitud" id="latitud">
    <input type="hidden" name="longitud" id="longitud">
    <button type="submit" class="btn btn-danger btn-lg">🔴 ACTIVAR</button>
</form>

<script>
navigator.geolocation.getCurrentPosition(function(pos) {
    document.getElementById('latitud').value = pos.coords.latitude;
    document.getElementById('longitud').value = pos.coords.longitude;
});
</script>
@endsection