@extends('layouts.app')

@section('title', 'Settings')

@section('content')
<div class="mb-4">
    <h1><i class="bi bi-gear"></i> Settings</h1>
    <p class="text-muted">Manage your account and notification preferences</p>
</div>

<div class="row">
    <!-- Notification Preferences -->
    <div class="col-lg-8 mb-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0"><i class="bi bi-bell"></i> Notification Preferences</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('settings.notifications') }}" method="POST">
                    @csrf
                    @method('PATCH')

                    <p class="text-muted mb-4">Choose how you want to be notified about issues with your sites.</p>

                    <!-- Uptime Alerts -->
                    <div class="mb-4">
                        <h6 class="mb-3">Uptime Alerts</h6>
                        <div class="form-check mb-2">
                            <input type="checkbox" class="form-check-input" id="uptime_email" name="uptime[]" value="mail"
                                   {{ in_array('mail', $preferences['uptime'] ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="uptime_email">
                                <i class="bi bi-envelope"></i> Email Notifications
                            </label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="uptime_slack" name="uptime[]" value="slack"
                                   {{ in_array('slack', $preferences['uptime'] ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="uptime_slack">
                                <i class="bi bi-slack"></i> Slack Notifications
                            </label>
                        </div>
                    </div>

                    <!-- SSL Expiry Alerts -->
                    <div class="mb-4">
                        <h6 class="mb-3">SSL Certificate Alerts</h6>
                        <div class="form-check mb-2">
                            <input type="checkbox" class="form-check-input" id="ssl_email" name="ssl[]" value="mail"
                                   {{ in_array('mail', $preferences['ssl'] ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="ssl_email">
                                <i class="bi bi-envelope"></i> Email Notifications
                            </label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="ssl_slack" name="ssl[]" value="slack"
                                   {{ in_array('slack', $preferences['ssl'] ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="ssl_slack">
                                <i class="bi bi-slack"></i> Slack Notifications
                            </label>
                        </div>
                    </div>

                    <!-- Broken Links Alerts -->
                    <div class="mb-4">
                        <h6 class="mb-3">Broken Links Alerts</h6>
                        <div class="form-check mb-2">
                            <input type="checkbox" class="form-check-input" id="broken_links_email" name="broken_links[]" value="mail"
                                   {{ in_array('mail', $preferences['broken_links'] ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="broken_links_email">
                                <i class="bi bi-envelope"></i> Email Notifications
                            </label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="broken_links_slack" name="broken_links[]" value="slack"
                                   {{ in_array('slack', $preferences['broken_links'] ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="broken_links_slack">
                                <i class="bi bi-slack"></i> Slack Notifications
                            </label>
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-circle"></i> Save Preferences
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Profile Settings -->
    <div class="col-lg-4 mb-4">
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0"><i class="bi bi-person"></i> Profile</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="text-muted small">Name</label>
                    <p class="mb-0">{{ auth()->user()->name }}</p>
                </div>
                <div class="mb-3">
                    <label class="text-muted small">Email</label>
                    <p class="mb-0">{{ auth()->user()->email }}</p>
                </div>
                <div class="mb-3">
                    <label class="text-muted small">Member Since</label>
                    <p class="mb-0">{{ auth()->user()->created_at->format('M d, Y') }}</p>
                </div>
            </div>
        </div>

        <!-- Slack Integration -->
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0"><i class="bi bi-slack"></i> Slack Integration</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('settings.slack') }}" method="POST">
                    @csrf
                    @method('PATCH')

                    <div class="mb-3">
                        <label for="slack_webhook" class="form-label">Slack Webhook URL</label>
                        <input type="url" class="form-control @error('slack_webhook') is-invalid @enderror"
                               id="slack_webhook" name="slack_webhook"
                               value="{{ old('slack_webhook', $slackWebhook ?? '') }}"
                               placeholder="https://hooks.slack.com/...">
                        @error('slack_webhook')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">
                            <a href="https://api.slack.com/messaging/webhooks" target="_blank">Get your webhook URL</a>
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-circle"></i> Save Webhook
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection