@extends('layouts.app') @section('content')<div class="card p-3"><p>Server time: <strong id="clock">{{now()}}</strong></p><video id="video" autoplay playsinline style="width:100%;max-width:480px"></video><canvas id="canvas" class="d-none"></canvas><form id="f" method="post" enctype="multipart/form-data" action="{{route('presensi.checkin')}}">@csrf<input type="hidden" name="latitude" id="lat"><input type="hidden" name="longitude" id="lon"><input type="file" name="selfie" id="selfie" accept="image/*" capture="user" class="form-control mb-2" required><button class="btn btn-primary">Check-in</button></form><form method="post" enctype="multipart/form-data" action="{{route('presensi.checkout')}}" class="mt-2">@csrf<input type="hidden" name="latitude" id="lat2"><input type="hidden" name="longitude" id="lon2"><input type="file" name="selfie" accept="image/*" capture="user" class="form-control mb-2" required><button class="btn btn-warning">Check-out</button></form></div><script>navigator.geolocation.getCurrentPosition(p=>{lat.value=p.coords.latitude;lon.value=p.coords.longitude;lat2.value=p.coords.latitude;lon2.value=p.coords.longitude},e=>alert('GPS wajib diaktifkan'));navigator.mediaDevices?.getUserMedia({video:{facingMode:'user'}}).then(s=>video.srcObject=s).catch(()=>{});</script>@endsection