Files

907 lines
33 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?php
declare (strict_types = 1);
require_once __DIR__ . '/../includes/bootstrap_global.php';
// ===== Helpers header (identiques à index.php) =====
function is_client_logged_in(): bool
{
$role = $_SESSION['role'] ?? ($_SESSION['user_type'] ?? '');
if (! empty($_SESSION['user_id']) && $role === 'client') {
return true;
}
if (! empty($_SESSION['client_id'])) {
return true;
}
if (! empty($_SESSION['reference_id']) && $role === 'client') {
return true;
}
if (! empty($_SESSION['user_id']) && $role === 'praticien') {
return true;
}
if (! empty($_SESSION['praticien_id'])) {
return true;
}
if (! empty($_SESSION['reference_id']) && $role === 'praticien') {
return true;
}
return false;
}
function include_header_clean(string $absPath): void
{
global $translations, $lang;
ob_start();
include $absPath;
$buf = ob_get_clean() ?: '';
// 0) DOCTYPE + <html>…</html>
$buf = preg_replace('~<!doctype\s+html[^>]*>~i', '', $buf);
$buf = preg_replace('~</?html\b[^>]*>~i', '', $buf);
// 1) retirer <head>…</head> et <body> ouverts/fermés
$buf = preg_replace('~<head\b[^>]*>.*?</head>~is', '', $buf);
$buf = preg_replace('~</?body\b[^>]*>~i', '', $buf);
// 2) retirer les <link> CSS “globaux”
$buf = preg_replace(
'~<link[^>]+href="[^"]*(bootstrap[^"]*\.css|mobil_style\.css|site_style\.css|fonts\.googleapis)[^"]*"[^>]*>~i',
'',
$buf
);
// 3) retirer le <script> Bootstrap CDN
$buf = preg_replace(
'~<script[^>]+src="[^"]*bootstrap[^"]*bundle[^"]*\.js[^"]*"[^>]*>\s*</script>~i',
'',
$buf
);
echo $buf;
}
function t(array $translations, string $key, string $fallback = ''): string
{
$val = $translations[$key] ?? '';
if ($val === '') {
return $fallback;
}
return (string) $val;
}
// Lang HTML
$langHtml = preg_match('~^[a-z]{2}(-[A-Z]{2})?$~', (string) ($lang ?? '')) ? (string) $lang : 'ru';
?>
<!doctype html>
<html lang="<?php echo htmlspecialchars($langHtml, ENT_QUOTES, 'UTF-8'); ?>">
<head>
<meta charset="UTF-8">
<title><?php echo htmlspecialchars(t($translations, 'faq_meta_title'), ENT_QUOTES, 'UTF-8'); ?></title>
<meta name="description" content="<?php echo htmlspecialchars(t($translations, 'faq_meta_description'), ENT_QUOTES, 'UTF-8'); ?>">
<meta name="keywords" content="<?php echo htmlspecialchars(t($translations, 'faq_meta_keywords'), ENT_QUOTES, 'UTF-8'); ?>">
<meta name="author" content="Uslugi.fr">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php echo asset('/includes/site_style.css'); ?>">
<link rel="stylesheet" href="<?php echo asset('/includes/custom_style.css'); ?>">
<link rel="stylesheet" href="<?php echo asset('/includes/mobil_style.css'); ?>">
<script type="application/ld+json">
<?php
$faqSchema = [
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_find_lawyer_paris'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_find_lawyer_paris'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_divorce_lawyer'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_divorce_lawyer'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_find_notary'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_find_notary'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_find_real_estate'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_find_real_estate'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_find_dentist_paris'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_find_dentist_paris'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_find_orthodontist'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_find_orthodontist'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_find_psychologist_online'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_find_psychologist_online'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_find_financial_advisor'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_find_financial_advisor'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_residence_permit'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_residence_permit'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_find_repair_master'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_find_repair_master'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_funeral_services'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_funeral_services'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_sworn_translator'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_sworn_translator'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_what_is_uslugi'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_what_is_uslugi'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_book_consultation'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_book_consultation'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_consultation_price'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_consultation_price'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_online_consultation'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_online_consultation'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_contact_before_consultation'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_contact_before_consultation'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_cancel_reschedule'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_cancel_reschedule'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_verified_specialists'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_verified_specialists'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_cities'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_cities'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_register_specialist'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_register_specialist'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_specialist_price'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_specialist_price'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_manage_schedule'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_manage_schedule'),
],
],
[
'@type' => 'Question',
'name' => t($translations, 'faq_q_client_payment'),
'acceptedAnswer' => [
'@type' => 'Answer',
'text' => t($translations, 'faq_a_client_payment'),
],
],
];
echo json_encode(
[
'@context' => 'https://schema.org',
'@type' => 'FAQPage',
'mainEntity' => $faqSchema,
],
JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT
);
?>
</script>
<style>
.faq-page {
--brand: #38378B;
--brand-soft: #f3f4ff;
--muted: #4b5563;
--border: #e5e7eb;
--card: #fff;
--bg: #f8fafc;
}
.faq-wrap {
max-width: 980px;
margin: 0 auto;
padding: clamp(16px, 4vw, 32px);
font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.faq-card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 16px;
box-shadow: 0 8px 24px rgba(0,0,0,.06);
padding: clamp(18px, 3.6vw, 28px);
}
.faq-header-main {
text-align: center;
max-width: 760px;
margin: 0 auto 24px;
}
.faq-badge {
display: inline-block;
background: var(--brand-soft);
color: var(--brand);
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
padding: 6px 14px;
border-radius: 999px;
margin-bottom: 14px;
}
.faq-header-main h1 {
font-size: clamp(26px, 5.5vw, 38px);
line-height: 1.2;
margin: 0 0 10px;
color: #111827;
}
.faq-header-main p {
color: var(--muted);
margin: 0;
line-height: 1.7;
}
.faq-tabs {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 22px 0 24px;
justify-content: center;
}
.faq-tab {
border: 1px solid var(--border);
background: #fff;
color: #374151;
border-radius: 999px;
padding: 10px 16px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: .2s ease;
}
.faq-tab:hover {
border-color: var(--brand);
color: var(--brand);
}
.faq-tab.active {
background: var(--brand);
border-color: var(--brand);
color: #fff;
}
.faq-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 10px;
}
.faq-item {
border: 1px solid var(--border);
border-radius: 12px;
background: #fff;
overflow: hidden;
transition: border-color .2s ease, box-shadow .2s ease;
}
.faq-item:hover {
border-color: color-mix(in oklab, var(--brand) 30%, #fff);
box-shadow: 0 4px 16px rgba(56,55,139,.08);
}
.faq-item.open {
border-color: var(--brand);
box-shadow: 0 6px 20px rgba(56,55,139,.12);
}
.faq-item.hidden {
display: none;
}
.faq-q {
width: 100%;
text-align: left;
background: #fafafa;
border: 0;
padding: 15px 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
font-weight: 700;
color: #1f2937;
cursor: pointer;
line-height: 1.45;
}
.faq-q:hover {
color: var(--brand);
}
.faq-q:focus {
outline: 2px solid color-mix(in oklab, var(--brand) 45%, #fff);
outline-offset: 2px;
}
.faq-icon {
flex: 0 0 28px;
width: 28px;
height: 28px;
border-radius: 999px;
background: var(--brand-soft);
color: var(--brand);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 1;
transition: transform .2s ease, background .2s ease, color .2s ease;
}
.faq-item.open .faq-icon {
transform: rotate(45deg);
background: var(--brand);
color: #fff;
}
.faq-a {
display: none;
padding: 0 16px 16px;
}
.faq-item.open .faq-a {
display: block;
}
.faq-a-inner {
border-top: 1px solid var(--border);
padding-top: 14px;
color: #374151;
line-height: 1.75;
}
.faq-a-inner p {
margin: 0;
}
.faq-cta {
margin-top: 28px;
background: var(--brand);
border-radius: 16px;
padding: clamp(20px, 4vw, 30px);
display: flex;
justify-content: space-between;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.faq-cta-text strong {
display: block;
color: #fff;
font-size: 22px;
margin-bottom: 6px;
}
.faq-cta-text p {
margin: 0;
color: rgba(255,255,255,.92);
line-height: 1.65;
}
.faq-cta-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.faq-btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border-radius: 999px;
padding: 11px 18px;
font-weight: 700;
transition: .2s ease;
}
.faq-btn-white {
background: #fff;
color: var(--brand);
}
.faq-btn-white:hover {
background: #f3f4f6;
color: var(--brand);
}
.faq-btn-outline {
border: 1px solid rgba(255,255,255,.55);
color: #fff;
background: transparent;
}
.faq-btn-outline:hover {
background: rgba(255,255,255,.08);
color: #fff;
border-color: #fff;
}
.site-header .brand img { max-width: 130px; }
.btn-pill { border-radius: 999px; }
@media (max-width: 640px) {
.faq-q {
padding: 14px;
font-size: 15px;
}
.faq-a {
padding: 0 14px 14px;
}
.faq-cta {
align-items: flex-start;
}
}
</style>
<?php include_once __DIR__ . '/includes/tracking.php'; ?>
</head>
<body>
<?php if (is_client_logged_in()): ?>
<?php
require_once __DIR__ . '/public/includes/init_pr_cl.php';
include_header_clean(__DIR__ . '/public/includes/header.php');
?>
<?php else: ?>
<header class="site-header">
<div class="container">
<div class="header-left">
<div class="brand">
<a href="/index.php"><img src="/public/uploads/img/logo_u.png" alt="uslugi.fr" class="logo-mobile"></a>
<a href="/index.php"><img src="/public/uploads/img/logo.png" alt="uslugi.fr" class="logo-desktop"></a>
</div>
<div class="lang-switch">
<?php require __DIR__ . '/includes/menu_langue.php'; ?>
</div>
</div>
<nav class="header-actions">
<a class="btn-login" href="/connexion.php">
<span class="d-sm-none"><?php echo htmlspecialchars($translations['btn_se_connecter'] ?? 'Connexion', ENT_QUOTES, 'UTF-8'); ?></span>
<span class="d-none d-sm-inline"><?php echo htmlspecialchars($translations['ja_spec'] ?? 'Je suis spécialiste', ENT_QUOTES, 'UTF-8'); ?></span>
</a>
<div class="dropdown">
<button
class="btn btn-logo rounded-circle d-inline-flex align-items-center justify-content-center question-btn"
type="button"
data-bs-toggle="dropdown"
data-bs-auto-close="true"
aria-expanded="false"
aria-label="<?php echo htmlspecialchars(t($translations, 'howitworks_help_aria', 'Help'), ENT_QUOTES, 'UTF-8'); ?>">
?
</button>
<ul class="dropdown-menu dropdown-menu-end shadow help-menu menu-panel">
<li><a href="/how-it-work.php"><?php echo htmlspecialchars($translations['kak_rabotaet'] ?? 'Как это работает', ENT_QUOTES, 'UTF-8'); ?></a></li>
<li><a href="/about.php"><?php echo htmlspecialchars($translations['pro_nas'] ?? 'О нас', ENT_QUOTES, 'UTF-8'); ?></a></li>
<li><a href="/faq.php"><?php echo htmlspecialchars($translations['faq'] ?? 'FAQ', ENT_QUOTES, 'UTF-8'); ?></a></li>
<li><a href="/contact.php"><?php echo htmlspecialchars($translations['nam_pisat'] ?? 'Написать нам', ENT_QUOTES, 'UTF-8'); ?></a></li>
</ul>
</div>
</nav>
</div>
</header>
<?php endif; ?>
<div class="main">
<main class="faq-page">
<div class="faq-wrap">
<div class="faq-card">
<div class="faq-header-main">
<span class="faq-badge"><?php echo htmlspecialchars(t($translations, 'faq_badge', 'Помощь'), ENT_QUOTES, 'UTF-8'); ?></span>
<h1><?php echo htmlspecialchars(t($translations, 'faq_title', 'Вопросы и ответы'), ENT_QUOTES, 'UTF-8'); ?></h1>
<p><?php echo htmlspecialchars(t($translations, 'faq_intro', 'Всё о поиске русскоязычных специалистов во Франции — адвоката, нотариуса, психолога, стоматолога, риелтора, переводчика и других'), ENT_QUOTES, 'UTF-8'); ?></p>
</div>
<div class="faq-tabs" aria-label="<?php echo htmlspecialchars(t($translations, 'faq_tabs_aria', 'FAQ categories'), ENT_QUOTES, 'UTF-8'); ?>">
<button class="faq-tab active" type="button" data-filter="all"><?php echo htmlspecialchars(t($translations, 'faq_tab_all', 'Все вопросы'), ENT_QUOTES, 'UTF-8'); ?></button>
<button class="faq-tab" type="button" data-filter="find"><?php echo htmlspecialchars(t($translations, 'faq_tab_find', 'Найти специалиста'), ENT_QUOTES, 'UTF-8'); ?></button>
<button class="faq-tab" type="button" data-filter="client"><?php echo htmlspecialchars(t($translations, 'faq_tab_client', 'Клиентам'), ENT_QUOTES, 'UTF-8'); ?></button>
<button class="faq-tab" type="button" data-filter="specialist"><?php echo htmlspecialchars(t($translations, 'faq_tab_specialist', 'Специалистам'), ENT_QUOTES, 'UTF-8'); ?></button>
</div>
<ul class="faq-list">
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_find_lawyer_paris'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_find_lawyer_paris'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_divorce_lawyer'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_divorce_lawyer'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_find_notary'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_find_notary'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_find_real_estate'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_find_real_estate'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_find_dentist_paris'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_find_dentist_paris'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_find_orthodontist'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_find_orthodontist'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_find_psychologist_online'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_find_psychologist_online'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_find_financial_advisor'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_find_financial_advisor'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_residence_permit'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_residence_permit'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_sworn_translator'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_sworn_translator'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_find_repair_master'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_find_repair_master'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="find">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_funeral_services'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_funeral_services'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="client">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_what_is_uslugi'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_what_is_uslugi'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="client">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_book_consultation'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_book_consultation'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="client">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_consultation_price'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_consultation_price'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="client">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_online_consultation'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_online_consultation'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="client">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_contact_before_consultation'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_contact_before_consultation'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="client">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_cancel_reschedule'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_cancel_reschedule'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="client">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_verified_specialists'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_verified_specialists'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="client">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_cities'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_cities'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="specialist">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_register_specialist'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_register_specialist'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="specialist">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_specialist_price'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_specialist_price'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="specialist">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_manage_schedule'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_manage_schedule'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
<li class="faq-item" data-cat="specialist">
<button class="faq-q" type="button" aria-expanded="false">
<span><?php echo htmlspecialchars(t($translations, 'faq_q_client_payment'), ENT_QUOTES, 'UTF-8'); ?></span>
<span class="faq-icon">+</span>
</button>
<div class="faq-a"><div class="faq-a-inner"><p><?php echo htmlspecialchars(t($translations, 'faq_a_client_payment'), ENT_QUOTES, 'UTF-8'); ?></p></div></div>
</li>
</ul>
<div class="faq-cta">
<div class="faq-cta-text">
<strong><?php echo htmlspecialchars(t($translations, 'faq_cta_title', 'Не нашли ответ на свой вопрос?'), ENT_QUOTES, 'UTF-8'); ?></strong>
<p><?php echo htmlspecialchars(t($translations, 'faq_cta_text', 'Напишите нам — мы ответим в ближайшее время.'), ENT_QUOTES, 'UTF-8'); ?></p>
</div>
<div class="faq-cta-buttons">
<a href="/index.php#concierge-form" class="faq-btn faq-btn-white"><?php echo htmlspecialchars(t($translations, 'faq_cta_contact', 'Написать нам'), ENT_QUOTES, 'UTF-8'); ?></a>
<a href="/inscription_praticien.php" class="faq-btn faq-btn-outline"><?php echo htmlspecialchars(t($translations, 'faq_cta_specialist', 'Стать специалистом'), ENT_QUOTES, 'UTF-8'); ?></a>
</div>
</div>
</div>
</div>
</main>
</div>
<footer class="site-footer">
<div class="container">
<p><?php echo $translations['copyr']; ?></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const items = document.querySelectorAll('.faq-item');
const buttons = document.querySelectorAll('.faq-q');
const tabs = document.querySelectorAll('.faq-tab');
buttons.forEach(function (btn) {
btn.addEventListener('click', function () {
const item = btn.closest('.faq-item');
const isOpen = item.classList.contains('open');
items.forEach(function (i) {
i.classList.remove('open');
const b = i.querySelector('.faq-q');
if (b) b.setAttribute('aria-expanded', 'false');
});
if (!isOpen) {
item.classList.add('open');
btn.setAttribute('aria-expanded', 'true');
}
});
});
tabs.forEach(function (tab) {
tab.addEventListener('click', function () {
tabs.forEach(function (t) {
t.classList.remove('active');
});
tab.classList.add('active');
const filter = tab.dataset.filter;
items.forEach(function (item) {
const cat = item.dataset.cat || '';
item.classList.remove('open');
const btn = item.querySelector('.faq-q');
if (btn) btn.setAttribute('aria-expanded', 'false');
if (filter === 'all' || cat === filter) {
item.classList.remove('hidden');
} else {
item.classList.add('hidden');
}
});
});
});
});
</script>
</body>
</html>