@extends('layouts.app')
@section('title', $page_title)

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card custom-card dash-analytics-card">
            <div class="card-body">
                <div class="mb-3 pb-3 border-bottom">
                    <h5 class="fw-semibold mb-1">{{ __('app.general_settings') }}</h5>
                    <p class="mb-0 small text-muted">{{ __('app.general_settings_description') }}</p>
                </div>

                <form id="frm-general" action="{{ route('general.settings') }}" method="post" class="needs-validation" novalidate>
                    @csrf
                    @method('PUT')

                    <div class="mb-3 pb-3 border-bottom">
                        <div class="text-secondary text-uppercase fw-semibold list-form-sec-label mb-2">{{ __('app.configuration') }}</div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label fw-semibold mt-2" for="unsubscribed_mark_as_suppressed">{{__('app.unsubscribed_mark_as_suppressed')}} <span class="text-danger">*</span></label>
                                    <select class="form-select" name="unsubscribed_mark_as_suppressed" id="unsubscribed_mark_as_suppressed" required>
                                        <option value="1" {{ isset($user->unsubscribed_mark_as_suppressed) && $user->unsubscribed_mark_as_suppressed ? 'selected' : ''}}>{{__('app.yes')}}</option>
                                        <option value="0" {{ !isset($user->unsubscribed_mark_as_suppressed) || !$user->unsubscribed_mark_as_suppressed ? 'selected' : ''}}>{{__('app.no')}}</option>
                                    </select>
                                    <div class="form-text">{{__('app.unsubscribed_mark_as_suppressed_help')}}</div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label fw-semibold mt-2" for="walkthrough_enabled">{{__('app.walkthrough_on_dashboard')}}</label>
                                    <select class="form-select" name="walkthrough_enabled" id="walkthrough_enabled">
                                        <option value="1" {{ isset($user->walkthrough_enabled) && $user->walkthrough_enabled ? 'selected' : ''}}>{{__('app.enabled')}}</option>
                                        <option value="0" {{ !isset($user->walkthrough_enabled) || !$user->walkthrough_enabled ? 'selected' : ''}}>{{__('app.disabled')}}</option>
                                    </select>
                                    <div class="form-text">{{__('app.walkthrough_on_dashboard_help')}}</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mb-0">
                        <div class="text-secondary text-uppercase fw-semibold list-form-sec-label mb-2">{{ __('app.smtp_verify_settings_heading') }}</div>
                        <p class="mb-0 small text-muted">{{ __('app.smtp_verify_settings_intro') }}</p>
                        <div class="row mt-3">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label fw-semibold mt-2" for="smtp_verify_enabled">{{ __('app.smtp_verify_enabled') }}</label>
                                    <select class="form-select" name="smtp_verify_enabled" id="smtp_verify_enabled">
                                        <option value="0" {{ empty($user->smtp_verify_enabled) ? 'selected' : '' }}>{{ __('app.disabled') }}</option>
                                        <option value="1" {{ !empty($user->smtp_verify_enabled) ? 'selected' : '' }}>{{ __('app.enabled') }}</option>
                                    </select>
                                    <div class="form-text">{{ __('app.smtp_verify_enabled_help') }}</div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label fw-semibold mt-2" for="smtp_verify_delay_seconds">{{ __('app.smtp_verify_delay_seconds') }}</label>
                                    <input type="number" class="form-control" name="smtp_verify_delay_seconds" id="smtp_verify_delay_seconds" min="1" max="60" value="{{ old('smtp_verify_delay_seconds', $user->smtp_verify_delay_seconds ?? 3) }}">
                                    <div class="form-text">{{ __('app.smtp_verify_delay_seconds_help') }}</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="d-flex gap-2">
                                <button type="submit" class="btn btn-primary btn-loading">
                                    <i class="bi bi-check-circle me-1"></i>{{__('app.update')}}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection