<?php

$sec =
$currentSection
?? [];

$lang =
$_SESSION['lang']
?? 'en';

$isAr =
($lang === 'ar');

$title =
$isAr
?
(
$sec['title_ar']
??
$sec['title']
??
$sec['title_en']
??
'About'
)
:
(
$sec['title_en']
??
$sec['title']
??
$sec['title_ar']
??
'About'
);

$subtitle =
$isAr
?
(
$sec['subtitle_ar']
??
$sec['subtitle']
??
$sec['subtitle_en']
??
''
)
:
(
$sec['subtitle_en']
??
$sec['subtitle']
??
$sec['subtitle_ar']
??
''
);

$content =
$isAr
?
(
$sec['description_ar']
??
$sec['content_ar']
??
$sec['content']
??
$sec['description_en']
??
''
)
:
(
$sec['description_en']
??
$sec['content_en']
??
$sec['content']
??
$sec['description_ar']
??
''
);

$icon =
$sec['icon']
??
'fa-circle-info';

?>

<section
class="
container
py-5
">

<div
class="
card
border-0
shadow-lg
overflow-hidden
rounded-5
">

<div class="card-body p-5">

<div class="row">

<div class="col-lg-8">

<?php if(!empty($subtitle)): ?>

<div
class="
text-primary
fw-bold
mb-3
">

<?= pcb_h($subtitle) ?>

</div>

<?php endif; ?>

<h2
class="
display-5
fw-bold
mb-4
">

<?= pcb_h($title) ?>

</h2>

<div
style="
line-height:2;
font-size:1.08rem;
white-space:pre-line;
"
>

<?= pcb_h($content) ?>

</div>

</div>

<div
class="
col-lg-4
text-center
align-self-center
">

<i
class="
fa
<?= pcb_h($icon) ?>
"
style="
font-size:120px;
opacity:.08;
">
</i>

</div>

</div>

</div>

</div>

</section>

