#I LOVE YOU EVERDAY#

<?php
$pageTitle = "Our Debt Collection Services | Wellcash Debt Collectors";
$activePage = "services";

require_once 'config/helpers.php';

// Services and process steps are admin-managed content, pulled straight
// from the `service` and `why_us` tables rather than hard-coded copy.
$services = db_all($pdo, 'service', 'id ASC');
$processSteps = db_all($pdo, 'why_us', 'title ASC'); // rows are literally 'step 1','step 2','step 3'

include 'template/header.php';
?>

<section class="page-hero">
    <div class="container">
        <span class="location-badge">Full Recovery Suite</span>
        <h1>Services We <span class="text-red">Provide</span></h1>
        <p>Comprehensive credit management, soft negotiations, address tracing, and legal enforcement solutions.</p>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-title-wrap">
            <h2>Our Core Competencies</h2>
            <div class="title-underline"></div>
        </div>

<div class="row-table" style="margin-bottom: 40px;">
            <?php if (!empty($services)): ?>
                <?php foreach ($services as $svc): ?>
                    <div class="col-table-3 reveal">
                        <div class="card-box" style="height: 100%;">
                            <div style="margin-bottom: 15px;">
                                <img src="<?php echo htmlspecialchars(upload_path($svc['ufile'])); ?>"
                                     alt="<?php echo htmlspecialchars($svc['service_title']); ?>"
                                     style="width: 44px; height: 44px; object-fit: contain;"
                                     onerror="this.onerror=null;this.src='https://placehold.co/44x44/E31C23/ffffff?text=%E2%80%A2';">
                            </div>
                            <h3><?php echo htmlspecialchars($svc['service_title']); ?></h3>
                            <p><?php echo htmlspecialchars($svc['service_desc']); ?></p>
                            <a href="service-single.php?id=<?php echo (int)$svc['id']; ?>" class="text-red" style="font-weight: 600; text-decoration: none; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; margin-top: 10px;">
                                Learn More <i class="fa-solid fa-arrow-right-long"></i>
                            </a>
                        </div>
                    </div>
                <?php endforeach; ?>
            <?php else: ?>
                <p style="text-align:center; color:#666; width: 100%;">Service information is temporarily unavailable. Please check back shortly.</p>
            <?php endif; ?>
        </div>
    </div>
</section>

<section class="section bg-light">
    <div class="container">
        <div class="section-title-wrap">
            <h2>Our Operational Process</h2>
            <p style="color:#666;">Clear stages from case acquisition to final remittance.</p>
            <div class="title-underline"></div>
        </div>

<div class="row-table">
            <?php
            $stepIcons = ['fa-solid fa-file-contract', 'fa-solid fa-handshake', 'fa-solid fa-building-columns'];
            $stepColors = ['var(--brand-red)', 'var(--brand-black)', 'var(--brand-red)'];
            $i = 0;
            ?>
            <?php if (!empty($processSteps)): ?>
                <?php foreach ($processSteps as $step): ?>
                    <?php
                        $icon = $stepIcons[$i % count($stepIcons)];
                        $color = $stepColors[$i % count($stepColors)];
                        $i++;
                    ?>
                    <div class="col-table-3 reveal">
                        <div style="background-color: #fff; padding: 30px; border-radius: 4px; border-top: 3px solid <?php echo $color; ?>; height: 100%;">
                            <div style="background-color: <?php echo $color; ?>; color:#fff; width:30px; height:30px; line-height:30px; border-radius:50%; text-align:center; font-weight:bold; margin-bottom:15px;">
                                <i class="<?php echo $icon; ?>"></i>
                            </div>
                            <h4 style="font-size: 18px; text-transform: capitalize;"><?php echo htmlspecialchars($step['title']); ?></h4>
                            <p style="font-size: 14px; color:#666; margin:0;"><?php echo htmlspecialchars($step['detail']); ?></p>
                        </div>
                    </div>
                <?php endforeach; ?>
            <?php else: ?>
                <p style="text-align:center; color:#666; width: 100%;">Process information is temporarily unavailable.</p>
            <?php endif; ?>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="row-table reveal">
            <div class="col-table-2" style="vertical-align:middle;">
                <h3 style="font-size: 24px; margin-bottom: 8px;">Have a portfolio ready for placement?</h3>
                <p style="color:#666; margin:0;">Tell us about your case load and we'll structure a recovery plan.</p>
            </div>
            <div class="col-table-2" style="text-align:right; vertical-align:middle;">
                <a href="contact.php" class="btn btn-red btn-pill">Submit a Case &rarr;</a>
            </div>
        </div>
    </div>
</section>

<?php include 'template/footer.php'; ?>