@extends('backEnd.layouts.master')
@section('title', 'Login, OTP & Captcha Settings')

@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="mb-0 fw-bold">Login, OTP & Captcha</h4>
            <small class="text-muted">Staff login OTP channels + math captcha (free attempts per IP/device)</small>
        </div>
    </div>

    <div class="card shadow-sm border-0" style="max-width:860px">
        <div class="card-body">
            <form action="{{ route('admin.settings.auth.update') }}" method="POST">
                @csrf

                <div class="alert alert-light border small">
                    <strong>Login:</strong> Staff users login with <strong>mobile + password</strong>.<br>
                    <strong>Forgot password:</strong> OTP primarily goes to <strong>email</strong> (required channel). SMS/WhatsApp optional.<br>
                    <strong>Admin reset:</strong> Admin/Super Admin can reset any staff password from Staff → Edit.
                </div>

                <h6 class="fw-semibold mb-3">OTP Delivery Channels</h6>
                <div class="row g-3 mb-4">
                    <div class="col-md-4">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="otp_channel_email" value="1" id="otpEmail"
                                   @checked(old('otp_channel_email', $auth['otp_channels']['email'] ?? true))>
                            <label class="form-check-label" for="otpEmail">
                                <i class="fas fa-envelope me-1"></i> Email
                            </label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="otp_channel_sms" value="1" id="otpSms"
                                   @checked(old('otp_channel_sms', $auth['otp_channels']['sms'] ?? false))>
                            <label class="form-check-label" for="otpSms">
                                <i class="fas fa-sms me-1"></i> SMS
                            </label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="otp_channel_whatsapp" value="1" id="otpWa"
                                   @checked(old('otp_channel_whatsapp', $auth['otp_channels']['whatsapp'] ?? false))>
                            <label class="form-check-label" for="otpWa">
                                <i class="fab fa-whatsapp me-1"></i> WhatsApp
                            </label>
                        </div>
                    </div>
                </div>

                <div class="mb-4" style="max-width:220px">
                    <label class="form-label">OTP Expiry (minutes)</label>
                    <input type="number" name="otp_expiry_minutes" class="form-control" min="5" max="30"
                           value="{{ old('otp_expiry_minutes', $auth['otp_expiry_minutes'] ?? 10) }}">
                </div>

                <hr class="my-4">
                <h6 class="fw-semibold mb-2">Math Captcha (Security)</h6>
                <p class="small text-muted mb-3">
                    Same IP + same device থেকে প্রথম কয়েকবার captcha ছাড়াই login/order/chat চলবে।
                    Limit পেরিয়ে গেলে <strong>২+২</strong> ধরনের যোগফল captcha দেখাবে।
                </p>

                <div class="form-check form-switch mb-3">
                    <input class="form-check-input" type="checkbox" name="captcha_enabled" value="1" id="captchaEnabled"
                           @checked(old('captcha_enabled', $auth['captcha']['enabled'] ?? true))>
                    <label class="form-check-label" for="captchaEnabled">Captcha system enabled</label>
                </div>

                <div class="mb-4" style="max-width:220px">
                    <label class="form-label" for="captchaFreeAttempts">Free attempts (no captcha)</label>
                    <input type="number" name="captcha_free_attempts" id="captchaFreeAttempts" class="form-control" min="1" max="10"
                           value="{{ old('captcha_free_attempts', $auth['captcha']['free_attempts'] ?? 4) }}">
                    <div class="form-text">উদাহরণ: 4 = প্রথম ৪ বার captcha ছাড়া, ৫ম থেকে captcha</div>
                </div>

                <div class="mb-4">
                    <label class="form-label d-block mb-2">Captcha on these actions</label>
                    <div class="row g-2">
                        @foreach(\App\Services\CaptchaGateService::actionLabels() as $actionKey => $actionLabel)
                        <div class="col-md-6">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox"
                                       name="captcha_action_{{ $actionKey }}" value="1"
                                       id="captchaAction{{ str_replace('_', '', $actionKey) }}"
                                       @checked(old('captcha_action_' . $actionKey, $auth['captcha']['actions'][$actionKey] ?? false))>
                                <label class="form-check-label small" for="captchaAction{{ str_replace('_', '', $actionKey) }}">
                                    {{ $actionLabel }}
                                </label>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>

                <button type="submit" class="btn btn-success btn-sm px-4">
                    <i class="fas fa-save me-1"></i> Save Settings
                </button>
            </form>
        </div>
    </div>
</div>
@endsection