<?php
/*
 * Template Name: Donations page
 *
 */

get_header();

$message_service = new dinamo_donator_messages_service();
$language = get_current_language();
$messages = $message_service->get_messages(10, $language);
?>

<main class="donation">
  <section class="donation-main">
    <div class="donation-main__left">
      <div class="container">
        <h1><?= __('Poruke naših donatora', 'dinamo'); ?></h1>
        <div class="messages">
          <div class="messages__block">

            <?php
            $index = 1;
            foreach ($messages as $message) {

              $heart_bg = "heart-1.svg";
                if(strlen($message->message) < 80){
                  $heart_size = 3;
                }else if(strlen($message->message) < 160){

                  $heart_size = 2;
                }else{
                  $heart_size = 1;
                  $heart_bg = "heart-rect-background.svg";
                }
            ?>
              <div class="messages__img-wrap heart-<?= $heart_size ?> x<?= $index; ?>">
                <img src="<?php echo THEMEROOT; ?>frontend/img/hearts/<?= $heart_bg; ?>" class="messages__img" alt="Nema predaje">
                <span><?= $message->message ?></span>
              </div>
            <?php

              if ($index == 3) {
                $index = 1;
              } else {
                $index++;
              }


            } ?>


          </div>

        </div>
      </div>
    </div>
    <div class="donation-main__right">
      <div class="donation-main__row container">

        <div class="donation-main__wrapper">
          <h2><?= __('Sudjelujte donacijom', 'dinamo'); ?></h2>
            
          <div class="donation-main__box"  style="display: block">
            <div class="donation-main__box-inner-wrapper">              
              <p><strong><?= __('Skeniraj barkod svojim pametnim telefonom za brže plaćanje.
              Sami izaberite iznos za donaciju.', 'dinamo'); ?></strong></p>
              <p><?= __('Svojom donacijom podržite rad Zaklade Nema predaje', 'dinamo'); ?></p>
              <img class="m-t-2 m-b-1" src="<?php echo THEMEROOT; ?>frontend/img/barcode-quick-donation.png" class="" alt="">
  
              <div class="donation-main__payment-info text-align-left">
                <h2 class="m-b-2 donation-main__headline"><?= __('Podaci za uplatu', 'dinamo'); ?></h2>
                <p><strong><?= __('Naziv primatelja', 'dinamo'); ?>:</strong> Zaklada Nema Predaje<br />
                <strong><?= __('Adresa', 'dinamo'); ?>:</strong> <?= get_field('contact_address_line_1', 'option'); ?>, <?= get_field('contact_address_line_2', 'option'); ?><br />
                <strong><?= __('IBAN', 'dinamo'); ?>:</strong> <?= get_field('contact_IBAN', 'option'); ?><br />
                <?php if($language != 'hr') : ?>
                <strong><?= __('SWIFT/BIC', 'dinamo'); ?>:</strong> ESBCHR22</p>
                <?php endif; ?></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>

<?php

get_footer();

?>