@extends('layout.mainlayout')

@section('content')
<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <h3 class="page-title">Biometric & Attendance Settings</h3>
        </div>

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        @if($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="card mb-4">
            <div class="card-header"><h5 class="mb-0">Core Settings</h5></div>
            <div class="card-body">
                <form method="POST" action="{{ route('biometric.settings.update') }}" class="row g-3">
                    @csrf

                    <div class="col-md-3">
                        <label class="form-label">Biometric Enabled</label>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="enabled" value="1" {{ $settings->enabled ? 'checked' : '' }}>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Sync Enabled</label>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="sync_enabled" value="1" {{ $settings->sync_enabled ? 'checked' : '' }}>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Verify SSL</label>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="verify_ssl" value="1" {{ $settings->verify_ssl ? 'checked' : '' }}>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Late Policy Enabled</label>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="late_policy_enabled" value="1" {{ $settings->late_policy_enabled ? 'checked' : '' }}>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Night Shift Enabled</label>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="night_shift_enabled" value="1" {{ $settings->night_shift_enabled ? 'checked' : '' }}>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">Biometric API URL</label>
                        <input type="text" class="form-control" name="base_url" value="{{ old('base_url', $settings->base_url) }}" required>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Username</label>
                        <input type="text" class="form-control" name="username" value="{{ old('username', $settings->username) }}" required>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Password</label>
                        <input type="text" class="form-control" name="password" value="{{ old('password', $settings->password) }}" required>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label">SOAP Timeout</label>
                        <input type="number" class="form-control" name="soap_timeout" value="{{ old('soap_timeout', $settings->soap_timeout) }}" required>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label">Sync Days Back</label>
                        <input type="number" class="form-control" name="sync_days_back" value="{{ old('sync_days_back', $settings->sync_days_back) }}" required>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Sync Location Codes (CSV)</label>
                        <input type="text" class="form-control" name="sync_location_codes_text" value="{{ old('sync_location_codes_text', implode(',', (array) $settings->sync_location_codes)) }}" placeholder="100,104,11,52">
                    </div>

                    <div class="col-md-2">
                        <label class="form-label">Night Shift Cutoff</label>
                        <input type="time" class="form-control" name="night_shift_cutoff_time" value="{{ old('night_shift_cutoff_time', \Carbon\Carbon::parse($settings->night_shift_cutoff_time)->format('H:i')) }}" required>
                        <small class="text-muted">Used only when night shift is enabled.</small>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label">Std Working Hours</label>
                        <input type="number" step="0.01" class="form-control" name="standard_required_hours" value="{{ old('standard_required_hours', $settings->standard_required_hours) }}" required>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label">Saturday Hours</label>
                        <input type="number" step="0.01" class="form-control" name="saturday_required_hours" value="{{ old('saturday_required_hours', $settings->saturday_required_hours) }}" required>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label">Max Shift Hours</label>
                        <input type="number" step="0.01" class="form-control" name="max_shift_hours" value="{{ old('max_shift_hours', $settings->max_shift_hours) }}" required>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Saturday Rule Mode</label>
                        <select class="form-control" name="saturday_rule_mode" required>
                            @foreach(['all' => 'All Departments', 'only_departments' => 'Only Listed Departments', 'except_departments' => 'Except Listed Departments'] as $key => $label)
                                <option value="{{ $key }}" {{ old('saturday_rule_mode', $settings->saturday_rule_mode) === $key ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Saturday Departments (CSV)</label>
                        <input type="text" class="form-control" name="saturday_departments_text" value="{{ old('saturday_departments_text', implode(',', (array) $settings->saturday_departments)) }}" placeholder="1,3,4">
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Full-day Departments (CSV)</label>
                        <input type="text" class="form-control" name="full_day_departments_text" value="{{ old('full_day_departments_text', implode(',', (array) $settings->full_day_departments)) }}" placeholder="11">
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Default Late Threshold</label>
                        <input type="time" class="form-control" name="late_threshold_default" value="{{ old('late_threshold_default', \Carbon\Carbon::parse($settings->late_threshold_default)->format('H:i')) }}" required>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label">Auto Stop After Late</label>
                        <input type="number" min="1" class="form-control" name="auto_stop_after_late_count" value="{{ old('auto_stop_after_late_count', $settings->auto_stop_after_late_count) }}" placeholder="optional">
                    </div>

                    <div class="col-md-2">
                        <label class="form-label">Auto Stop Window</label>
                        <select class="form-control" name="auto_stop_window" required>
                            <option value="week" {{ old('auto_stop_window', $settings->auto_stop_window) === 'week' ? 'selected' : '' }}>Week</option>
                            <option value="month" {{ old('auto_stop_window', $settings->auto_stop_window) === 'month' ? 'selected' : '' }}>Month</option>
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label">Month Cycle Start Day</label>
                        <input type="number"
                               min="1"
                               max="28"
                               class="form-control"
                               name="month_cycle_start_day"
                               value="{{ old('month_cycle_start_day', $settings->month_cycle_start_day ?? 26) }}"
                               required>
                        <small class="text-muted">Use `26` for 26th to 25th cycle.</small>
                    </div>

                    @php
                        $lateOverrides = (array) $settings->late_threshold_overrides;
                    @endphp
                    <div class="col-md-12">
                        <label class="form-label">Location-wise Late Threshold</label>
                        <div class="row">
                            @foreach($locations as $location)
                                <div class="col-md-3 mb-2">
                                    <label class="form-label small">{{ $location->name }}</label>
                                    <input type="time"
                                           class="form-control"
                                           name="late_threshold_overrides[{{ $location->id }}]"
                                           value="{{ old('late_threshold_overrides.'.$location->id, isset($lateOverrides[(string) $location->id]) ? \Carbon\Carbon::parse($lateOverrides[(string) $location->id])->format('H:i') : '') }}">
                                </div>
                            @endforeach
                        </div>
                        <small class="text-muted">Leave a location empty to use the default late threshold.</small>
                    </div>

                    <div class="col-md-12 text-end">
                        <button class="btn btn-primary">Save Settings</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Device Location Mapping</h5>
                <form method="POST" action="{{ route('biometric.settings.fetch-device-locations') }}">
                    @csrf
                    <button class="btn btn-sm btn-outline-primary">Fetch From Device</button>
                </form>
            </div>
            <div class="card-body table-responsive">
                <form method="POST" action="{{ route('biometric.settings.mappings.update') }}">
                    @csrf
                    <table class="table table-bordered align-middle">
                        <thead>
                            <tr>
                                <th>Device Location Code</th>
                                <th>Mapped Internal Location</th>
                                <th>Active</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($mappings as $map)
                                <tr>
                                    <td>{{ $map->device_location_code }}</td>
                                    <td>
                                        <select class="form-control" name="location_map[{{ $map->device_location_code }}]">
                                            <option value="">-- Not Mapped --</option>
                                            @foreach($locations as $location)
                                                <option value="{{ $location->id }}" {{ (int) $map->location_id === (int) $location->id ? 'selected' : '' }}>
                                                    {{ $location->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <input type="checkbox" name="map_active[{{ $map->device_location_code }}]" value="1" {{ $map->is_active ? 'checked' : '' }}>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="text-center text-muted">No device location mapping found. Click "Fetch From Device" first.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>

                    <div class="text-end">
                        <button class="btn btn-primary">Save Mapping</button>
                    </div>
                </form>
            </div>
        </div>

    </div>
</div>
@endsection