<div class="container-fluid">
    <div class="row">
        <div style="text-align: center; padding-top: 50px; padding-bottom: 20px;">
            Internship Letter &nbsp;&nbsp;/&nbsp;&nbsp; شهادة تدريب
        </div>
    </div>

    <div class="row">
        <div class="col-xs-6">
            <span>Ref: <?= $serial_number ?></span>
        </div>

        <div class="col-xs-6" style="text-align: right">
            <span><?= $serial_number ?> :الرقم</span>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-6">
            <span>Date: <?= date('Y-m-d') ?></span>
        </div>

        <div class="col-xs-6" style="text-align: right">
            <span>التاريخ: <?= date('Y-m-d') ?></span>
        </div>
    </div>

    <div class="row">
        <div style="text-align: center; text-decoration: underline; padding-top: 20px;">
            To Whome it May Concern &nbsp;&nbsp;/&nbsp;&nbsp; إلى من يهمه الأمر
        </div>
    </div>

    <div class="row">
        <div style="text-align: center; background-color: #ccc; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 5px;">
            <!-- <img src="<?= yii\helpers\Url::base(true) ?>\images\certificate-logo.png" alt="logo" width=""> -->
            <?= \yii\helpers\Html::img("@web/images/certificate-logo.jpg") ?>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-6" style="background-color: #ccc; height: 400px; line-height: 2;">
            <div>This is to certify</div>
            <div>That <?= $gender == 'Male' ? 'Mr.' : 'Mrs.' ?> <?= $full_name_english ?> has completed <?= $gender == 'Male' ? 'his' : 'her' ?> internship at (alBaraka Bank Syria) at <?= $training_branch_english ?> branch From: </div>
            <div><?= $training_start_date_day . ' ' . $training_start_date_month . ' ' . $training_start_date_year ?> To <?= $training_end_date_day . ' ' . $training_end_date_month . ' ' . $training_end_date_year ?></div>
            <div>During <?= $gender == 'Male' ? 'his' : 'her' ?> internship <?= $gender == 'Male' ? 'he' : 'she' ?> proved to be a hard worker and has been fully commited to do the tasks assigned to <?= $gender == 'Male' ? 'him' : 'her' ?>.</div>
            <div><?= $gender == 'Male' ? 'He' : 'She' ?> has successfully demonstrated the ability to work and grasp the information needed.</div>
            <div>This certificate was given to <?= $gender == 'Male' ? 'him' : 'her' ?> upon <?= $gender == 'Male' ? 'his' : 'her' ?> request.</div>
            <div>Wish <?= $gender == 'Male' ? 'him' : 'her' ?> the best in <?= $gender == 'Male' ? 'his' : 'her' ?> career.</div>
        </div>

        <div class="col-xs-6" style="text-align: right; background-color: #ccc; float: right; height: 400px; line-height: 2;">
            <div>يشهد بنك البركة سورية</div>
            <div dir="rtl">أن <?= $gender == 'Male' ? 'السيد' : 'الأنسة' ?> <?= $full_name ?> قد <?= $gender == 'Male' ? 'أتم' : 'أتمت' ?> <?= $gender == 'Male' ? 'تدريبه' : 'تدريبها' ?> في بنك البركة سورية في فرع <?= $training_branch ?> من تاريخ: </div>
            <div dir="rtl"><?= $training_start_date_day . ' ' . Yii::t('app', $training_start_date_month, [], 'ar') . ' ' . $training_start_date_year ?> ولغاية <?= $training_end_date_day . ' ' . Yii::t('app', $training_end_date_month, [], 'ar') . ' ' . $training_end_date_year ?></div>
            <div dir="rtl">خلال فترة <?= $gender == 'Male' ? 'تدريبه أثبت التزامه' : 'تدريبها أثبتت التزامها' ?> بكامل المهام الملقاة على <?= $gender == 'Male' ? 'عاتقه وقام بأدائها' : 'عاتقها وقامت بأدائها' ?> على أتم وجه مع الرغبة المستمرة في التطور.</div>
            <div dir="rtl">كما <?= $gender == 'Male' ? 'أظهر بنجاح قدرته' : 'أظهرت بنجاح قدرتها' ?> على العمل واستيعاب كافة المعلومات المطلوبة.</div>
            <div dir="rtl">وقد <?= $gender == 'Male' ? 'أعطي' : 'أعطيت' ?> هذه الشهادة بناءً على <?= $gender == 'Male' ? 'طلبه' : 'طلبها' ?>.</div>
            <div dir="rtl">مع تمنياتنا <?= $gender == 'Male' ? 'له' : 'لها' ?> بالتوفيق والتطور المستمر في المجال المهني.</div>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-6" style="text-align: center; padding-top: 10px; line-height: 2">
            <span>نورا أشرفاني</span>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-6" style="text-align: center; line-height: 2">
            <span>مدير إدارة الموارد البشرية</span>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-6" style="text-align: center; margin-top: 200px;">
            <span>HRD-3.7:01</span>
        </div>
    </div>

</div>