@extends('layouts.app')

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

@section('content')
<div class="w-full">
    <div class="flex flex-col">
        <div class="w-full">
            <div class="bg-white rounded-lg shadow-md border border-gray-200">
                <div class="px-6 py-4 border-b border-gray-200 bg-gray-50">
                    <h5 class="text-lg font-semibold text-gray-800 m-0">Patrol Settings</h5>
                </div>
                <div class="p-6">
                    <form method="POST" action="{{ route('settings.update') }}">
                        @csrf
                        @method('PUT')
                        
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div class="space-y-4">
                                <h6 class="text-base font-semibold text-gray-700">Schedule Settings</h6>
                                <div class="space-y-2">
                                    <label class="block text-sm font-medium text-gray-700">Default Shift Duration (hours)</label>
                                    <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" name="default_shift_duration" value="{{ config('patrol.default_shift_duration') }}" min="1" max="24" step="0.5">
                                </div>
                                <div class="space-y-2">
                                    <label class="block text-sm font-medium text-gray-700">Break Duration (minutes)</label>
                                    <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" name="break_duration" value="{{ config('patrol.break_duration') }}" min="0" max="60">
                                </div>
                                <div class="space-y-2">
                                    <div class="flex items-center space-x-2">
                                        <input class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" type="checkbox" name="auto_assign_patrols" {{ config('patrol.auto_assign_patrols') ? 'checked' : '' }}>
                                        <label class="text-sm font-medium text-gray-700">Auto-assign Patrols Based on Availability</label>
                                    </div>
                                </div>
                            </div>
                            <div class="space-y-4">
                                <h6 class="text-base font-semibold text-gray-700">Checkpoint Settings</h6>
                                <div class="space-y-2">
                                    <label class="block text-sm font-medium text-gray-700">Checkpoint Tolerance (meters)</label>
                                    <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" name="checkpoint_tolerance" value="{{ config('patrol.checkpoint_tolerance') }}" min="0" max="100">
                                    <small class="text-xs text-gray-500">Maximum distance to validate checkpoint</small>
                                </div>
                                <div class="space-y-2">
                                    <label class="block text-sm font-medium text-gray-700">Max Time Between Checkpoints (minutes)</label>
                                    <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" name="max_checkpoint_time" value="{{ config('patrol.max_checkpoint_time') }}" min="5" max="120">
                                </div>
                                <div class="space-y-2">
                                    <div class="flex items-center space-x-2">
                                        <input class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" type="checkbox" name="require_photo_at_checkpoint" {{ config('patrol.require_photo_at_checkpoint') ? 'checked' : '' }}>
                                        <label class="text-sm font-medium text-gray-700">Require Photo at Each Checkpoint</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6">
                            <div class="space-y-4">
                                <h6 class="text-base font-semibold text-gray-700">Violation Settings</h6>
                                <div class="space-y-2">
                                    <div class="flex items-center space-x-2">
                                        <input class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" type="checkbox" name="auto_detect_violations" {{ config('patrol.auto_detect_violations') ? 'checked' : '' }}>
                                        <label class="text-sm font-medium text-gray-700">Auto-detect Patrol Violations</label>
                                    </div>
                                </div>
                                <div class="space-y-2">
                                    <label class="block text-sm font-medium text-gray-700">Violation Notification Delay (minutes)</label>
                                    <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" name="violation_notification_delay" value="{{ config('patrol.violation_notification_delay') }}" min="0" max="60">
                                </div>
                                <div class="space-y-2">
                                    <div class="flex items-center space-x-2">
                                        <input class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" type="checkbox" name="escalate_critical_violations" {{ config('patrol.escalate_critical_violations') ? 'checked' : '' }}>
                                        <label class="text-sm font-medium text-gray-700">Escalate Critical Violations to Admin</label>
                                    </div>
                                </div>
                            </div>
                            <div class="space-y-4">
                                <h6 class="text-base font-semibold text-gray-700">Reporting Settings</h6>
                                <div class="space-y-2">
                                    <div class="flex items-center space-x-2">
                                        <input class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" type="checkbox" name="generate_daily_reports" {{ config('patrol.generate_daily_reports') ? 'checked' : '' }}>
                                        <label class="text-sm font-medium text-gray-700">Generate Daily Patrol Reports</label>
                                    </div>
                                </div>
                                <div class="space-y-2">
                                    <div class="flex items-center space-x-2">
                                        <input class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" type="checkbox" name="include_photos_in_reports" {{ config('patrol.include_photos_in_reports') ? 'checked' : '' }}>
                                        <label class="text-sm font-medium text-gray-700">Include Photos in Reports</label>
                                    </div>
                                </div>
                                <div class="space-y-2">
                                    <label class="block text-sm font-medium text-gray-700">Report Recipients</label>
                                    <textarea class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" name="report_recipients" rows="2" placeholder="admin@company.com">{{ config('patrol.report_recipients') }}</textarea>
                                </div>
                            </div>
                        </div>
                        
                        <div class="flex gap-2 mt-6">
                            <button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
                                <i class="fas fa-save mr-2"></i>Save Settings
                            </button>
                            <button type="reset" class="px-4 py-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2">
                                <i class="fas fa-undo mr-2"></i>Reset
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection