@extends('website.layouts.main')

@section('meta_title', 'Security - KiyoHRMS')
@section('meta_description', 'Learn how KiyoHRMS protects your HR and payroll data with encryption, access controls, and secure infrastructure.')

@section('content')
<section class="section-space brand-gradient">
    <div class="container text-center">
        <h1 class="display-5 fw-bold mb-3">Security you can trust</h1>
        <p class="lead text-muted col-lg-8 mx-auto">Employee and payroll data is sensitive. KiyoHRMS is built with layered security controls to keep it protected.</p>
    </div>
</section>

<section class="section-space">
    <div class="container">
        <div class="row g-4">
            <div class="col-md-4">@include('website.partials.feature-card', ['icon' => 'bi-shield-lock', 'title' => 'Encrypted Transit', 'description' => 'All communication between browsers, apps, and servers uses HTTPS/TLS encryption.', 'iconBackgroundClass' => 'bg-primary-subtle', 'iconTextClass' => 'text-primary', 'titleClass' => 'text-primary', 'cardClass' => 'feature-card-thick-top accent-primary'])</div>
            <div class="col-md-4">@include('website.partials.feature-card', ['icon' => 'bi-person-lock', 'title' => 'Role-based Access', 'description' => 'Granular permissions ensure users only see data relevant to their role.', 'iconBackgroundClass' => 'bg-warning-subtle', 'iconTextClass' => 'text-warning', 'titleClass' => 'text-warning-emphasis', 'cardClass' => 'feature-card-thick-top accent-warning'])</div>
            <div class="col-md-4">@include('website.partials.feature-card', ['icon' => 'bi-building-lock', 'title' => 'Tenant Isolation', 'description' => 'Each company\'s data is logically separated in our multi-tenant architecture.', 'iconBackgroundClass' => 'bg-success-subtle', 'iconTextClass' => 'text-success', 'titleClass' => 'text-success', 'cardClass' => 'feature-card-thick-top accent-success'])</div>
        </div>
    </div>
</section>

<section class="section-space soft-bg">
    <div class="container col-lg-9">
        <h2 class="fw-bold mb-4 section-title-underline">Security practices</h2>
        <h3 class="h5 mt-4">Authentication & sessions</h3>
        <p class="text-muted">Secure login, session management, and password hashing protect account access.</p>
        <h3 class="h5 mt-4">Infrastructure</h3>
        <p class="text-muted">Hosted on reliable cloud infrastructure with regular backups and monitoring.</p>
        <h3 class="h5 mt-4">Audit & accountability</h3>
        <p class="text-muted">Key actions in HR and payroll modules are logged to support internal audits and compliance reviews.</p>
        <h3 class="h5 mt-4">Responsible disclosure</h3>
        <p class="text-muted mb-0">If you discover a security concern, contact us at info@kiyocrm.com and we will investigate promptly.</p>
    </div>
</section>
@endsection