<?php
require_once __DIR__ . '/servicii-data.php';

// Iconuri (inline SVG) pentru fiecare serviciu
$icoane = [
    'consultanta-afaceri'       => '<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0H5m14 0h2m-16 0H3m2-9h.01M12 12h.01M17 12h.01M8 8h.01M12 8h.01M17 8h.01M8 16h.01M12 16h.01M17 16h.01"/></svg>',
    'dispute-comerciale'        => '<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 21h18M3 7v1a3 3 0 003 3h0a3 3 0 003-3V7m0 0V3h6v4m0 0v1a3 3 0 003 3h0a3 3 0 003-3V7M6 21v-4a2 2 0 012-2h8a2 2 0 012 2v4"/></svg>',
    'litigii-achizitii'         => '<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>',
    'litigii-munca'             => '<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zm14 10v-2a4 4 0 00-3-3.87m-4-12a4 4 0 010 7.75"/></svg>',
    'reglementare-conformitate' => '<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>',
    'asistenta-consumatori'     => '<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/></svg>',
    'asistenta-fiscala'         => '<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 7h6m-6 4h6m-6 4h4m5 5H5a2 2 0 01-2-2V5a2 2 0 012-2h9l6 6v9a2 2 0 01-2 2z"/></svg>',
    'asistenta-vamala'          => '<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20 12V8H6a2 2 0 01-2-2c0-1.1.9-2 2-2h12v4M4 6v12c0 1.1.9 2 2 2h14v-4M18 12a2 2 0 000 4h4v-4h-4z"/></svg>',
];
?>

<!-- Page Header -->
<section class="page-header">
    <div class="container">
        <p class="section-label"><?php echo $L['services_label']; ?></p>
        <h1><?php echo $L['services_h1']; ?></h1>
        <p class="page-header-desc"><?php echo $L['services_desc']; ?></p>
    </div>
</section>

<!-- Intro -->
<section class="section">
    <div class="container container-narrow">
        <p class="lead-paragraph"><?php echo $L['services_intro']; ?></p>
    </div>
</section>

<!-- Lista de servicii -->
<section class="section section-dark">
    <div class="container">
        <div class="services-index-grid">
            <?php foreach ($ordine_servicii as $idx => $slug): ?>
                <?php $srv = $servicii[$slug]; ?>
                <a href="<?php echo langurl(['pagina' => 'servicii', 'serviciu' => $slug]); ?>" class="service-index-card">
                    <div class="service-index-number"><?php echo str_pad($idx + 1, 2, '0', STR_PAD_LEFT); ?></div>
                    <div class="service-index-icon">
                        <?php echo isset($icoane[$slug]) ? $icoane[$slug] : ''; ?>
                    </div>
                    <h3><?php echo $srv['titlu']; ?></h3>
                    <?php if (!empty($srv['subtitlu'])): ?>
                        <p class="service-index-subtitle"><?php echo $srv['subtitlu']; ?></p>
                    <?php endif; ?>
                    <div class="service-index-sections">
                        <span class="service-index-arrow"><?php echo $L['card_details_arrow']; ?></span>
                    </div>
                </a>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<!-- Proces de lucru -->
<section class="section">
    <div class="container">
        <div class="section-header">
            <p class="section-label"><?php echo $L['services_process_label']; ?></p>
            <h2><?php echo $L['services_process_h2']; ?></h2>
        </div>
        <div class="process-steps">
            <div class="process-step">
                <div class="process-step-number">1</div>
                <h3><?php echo $L['process_1_h']; ?></h3>
                <p><?php echo $L['process_1_p']; ?></p>
            </div>
            <div class="process-step">
                <div class="process-step-number">2</div>
                <h3><?php echo $L['process_2_h']; ?></h3>
                <p><?php echo $L['process_2_p']; ?></p>
            </div>
            <div class="process-step">
                <div class="process-step-number">3</div>
                <h3><?php echo $L['process_3_h']; ?></h3>
                <p><?php echo $L['process_3_p']; ?></p>
            </div>
            <div class="process-step">
                <div class="process-step-number">4</div>
                <h3><?php echo $L['process_4_h']; ?></h3>
                <p><?php echo $L['process_4_p']; ?></p>
            </div>
        </div>
    </div>
</section>

<!-- CTA -->
<section class="section cta-section">
    <div class="container cta-content">
        <h2><?php echo $L['services_cta_h2']; ?></h2>
        <p><?php echo $L['services_cta_p']; ?></p>
        <a href="<?php echo langurl(['pagina' => 'contact']); ?>" class="btn btn-primary btn-lg"><?php echo $L['services_cta_btn']; ?></a>
    </div>
</section>
