<div class="container py-4">
    <x-title>Settings</x-title>

    <div class="row g-4">
        <div class="col-md-4">
            <a href="{{ route('settings.email-senders') }}" class="card text-decoration-none h-100">
                <div class="card-body d-flex align-items-center gap-3">
                    <i class="mdi mdi-email-multiple-outline fs-2 text-primary"></i>
                    <div>
                        <div class="fw-semibold">Email Senders</div>
                        <div class="text-muted small">Configure outbound email addresses by purpose</div>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-md-4">
            <a href="{{ route('settings.phone-numbers') }}" class="card text-decoration-none h-100">
                <div class="card-body d-flex align-items-center gap-3">
                    <i class="mdi mdi-phone-outline fs-2 text-primary"></i>
                    <div>
                        <div class="fw-semibold">Phone Numbers</div>
                        <div class="text-muted small">Manage phone number pool and Twilio configuration</div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>
