@extends('layouts.app')

@section('title', 'Geofence Settings')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Geofence Settings</h5>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('settings.update') }}">
                        @csrf
                        @method('PUT')
                        
                        <div class="row">
                            <div class="col-md-6">
                                <h6>Geofence Configuration</h6>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="enable_geofencing" {{ config('geofence.enable_geofencing') ? 'checked' : '' }}>
                                        <label class="form-check-label">Enable Geofencing</label>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Default Geofence Radius (meters)</label>
                                    <input type="number" class="form-control" name="default_geofence_radius" value="{{ config('geofence.default_geofence_radius') }}" min="10" max="1000">
                                    <small class="form-text text-muted">Default radius for new geofences</small>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Location Accuracy Threshold (meters)</label>
                                    <input type="number" class="form-control" name="location_accuracy_threshold" value="{{ config('geofence.location_accuracy_threshold') }}" min="5" max="100">
                                    <small class="form-text text-muted">Maximum GPS error tolerance</small>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h6>Violation Settings</h6>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="track_geofence_violations" {{ config('geofence.track_geofence_violations') ? 'checked' : '' }}>
                                        <label class="form-check-label">Track Geofence Violations</label>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="notify_on_violation" {{ config('geofence.notify_on_violation') ? 'checked' : '' }}>
                                        <label class="form-check-label">Notify on Geofence Violation</label>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="block_actions_on_violation" {{ config('geofence.block_actions_on_violation') ? 'checked' : '' }}>
                                        <label class="form-check-label">Block Actions on Violation</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <h6>Transit Tracking</h6>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="enable_transit_tracking" {{ config('geofence.enable_transit_tracking') ? 'checked' : '' }}>
                                        <label class="form-check-label">Enable Transit Tracking</label>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Transit Update Interval (seconds)</label>
                                    <input type="number" class="form-control" name="transit_update_interval" value="{{ config('geofence.transit_update_interval') }}" min="10" max="300">
                                    <small class="form-text text-muted">How often to update location during transit</small>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Min Transit Speed (km/h)</label>
                                    <input type="number" class="form-control" name="min_transit_speed" value="{{ config('geofence.min_transit_speed') }}" min="1" max="10">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h6>Map Settings</h6>
                                <div class="mb-3">
                                    <label class="form-label">Default Map Provider</label>
                                    <select class="form-select" name="map_provider">
                                        <option value="google" {{ config('geofence.map_provider') === 'google' ? 'selected' : '' }}>Google Maps</option>
                                        <option value="openstreetmap" {{ config('geofence.map_provider') === 'openstreetmap' ? 'selected' : '' }}>OpenStreetMap</option>
                                        <option value="mapbox" {{ config('geofence.map_provider') === 'mapbox' ? 'selected' : '' }}>Mapbox</option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Map API Key</label>
                                    <input type="text" class="form-control" name="map_api_key" value="{{ config('geofence.map_api_key') }}" placeholder="Enter API key">
                                </div>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="show_geofence_boundaries" {{ config('geofence.show_geofence_boundaries') ? 'checked' : '' }}>
                                        <label class="form-check-label">Show Geofence Boundaries on Map</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-2"></i>Save Settings
                            </button>
                            <button type="reset" class="btn btn-secondary">
                                <i class="fas fa-undo me-2"></i>Reset
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection