<?php
$title=$personal && !empty($personal['personal_title'])?$personal['personal_title']:'YOUR STYLE';
$notes=$personal?array_filter(array_map('trim',explode("\n",(string)$personal['style_notes']))):array();
$why=$personal && !empty($personal['why_it_works']) ? $personal['why_it_works'] : '';
$hero=$personal && !empty($personal['hero_image']) ? resolve_asset($personal['hero_image']) : '';
?>
<section class="ty01-page ty01-style">
  <div class="ty01-running"><b><?php echo h(str_pad((string)$page['page_number'],2,'0',STR_PAD_LEFT)); ?></b><span>THE STYLE</span></div>
  <div class="ty01-kicker">PERSONALIZED</div>
  <h1><?php echo h($title); ?></h1>
  <div class="ty01-style-grid">
    <div class="ty01-style-hero"><?php if($hero): ?><img src="<?php echo h($hero); ?>" alt="Personalized look"><?php endif; ?></div>
    <div class="ty01-style-side">
      <?php if($products): ?><article><span>SELECTED PIECES</span><?php render_product_cards($products,array(),false,$renderMode,$personal?(int)$personal['id']:0); ?></article><?php endif; ?>
      <?php if($why!==''): ?><article><span>WHY IT WORKS</span><b><?php echo h($why); ?></b></article><?php endif; ?>
      <?php if($notes): ?><article><span>STYLE NOTES</span><b><?php echo h(implode(' · ',$notes)); ?></b></article><?php endif; ?>
    </div>
  </div>
</section>
