<?php
//propertymanager.inc.php
//Home page of property manager
require_once 'config.inc.php';



?>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

<div class="container my-5">

    <!-- HERO -->
    <div class="row justify-content-center mb-5">
        <div class="col-lg-8 text-center">
            <h1 class="fw-bold mb-3">Property Management Made Smart</h1>
            <p class="lead text-muted">
                Manage apartments, rooms, and bed spaces.  
                Track occupancy, payments, guests, and maintenance — all in one place.
            </p>

            <a href="index.php?p=propertymanager_dashboard" class="btn btn-primary btn-lg mt-3 px-5">
                Manage My Properties
            </a>
        </div>
    </div>

    <!-- FEATURES -->
    <div class="row g-4">

        <div class="col-md-4">
            <div class="card h-100 shadow-sm border-0">
                <div class="card-body text-center">
                    <h5 class="fw-semibold">🏢 Property & Inventory</h5>
                    <p class="text-muted small">
                        Create properties, apartments, rooms, and bed spaces with a clear structure.
                    </p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card h-100 shadow-sm border-0">
                <div class="card-body text-center">
                    <h5 class="fw-semibold">💳 Payments & Billing</h5>
                    <p class="text-muted small">
                        Track rent, deposits, and payment status
                    </p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card h-100 shadow-sm border-0">
                <div class="card-body text-center">
                    <h5 class="fw-semibold">👤 Guests & Check-In</h5>
                    <p class="text-muted small">
                        Store guest details, IDs, and passport information securely.
                    </p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card h-100 shadow-sm border-0">
                <div class="card-body text-center">
                    <h5 class="fw-semibold">📅 Occupancy Control</h5>
                    <p class="text-muted small">
                        Know what is available, occupied, or under maintenance at any time.
                    </p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card h-100 shadow-sm border-0">
                <div class="card-body text-center">
                    <h5 class="fw-semibold">🛠️ Maintenance Requests</h5>
                    <p class="text-muted small">
                        Track repair issues per room or bed space without losing information.
                    </p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card h-100 shadow-sm border-0">
                <div class="card-body text-center">
                    <h5 class="fw-semibold">🔔 Alerts & Reminders</h5>
                    <p class="text-muted small">
                        Get notified about payments, check-outs, and overstays.
                    </p>
                </div>
            </div>
        </div>

    </div>


</div>

