<?php
  $lng=session('lng');
?>
<!-- BEGIN SERVICE BOX -->
<div class="row service-box margin-bottom-40">
  <div class="col-md-6 col-sm-6">
    <div class="service-box-heading">
      <em><i class="fa fa-location-arrow blue"></i></em>
      <?php if($lng=="en"): ?>
      <span>About Us</span>
      <?php else: ?>
      <span>हाम्रो बारेमा</span>
      <?php endif; ?>
    </div>
    <?php if($about): ?>
    <p><?php echo $about->introduction; ?></p>
    <?php else: ?>
    <p>No Data</p>
    <?php endif; ?>
   
    <a class="more" href="<?php echo e($lng); ?>/about_us">Read more <i class="icon-angle-right"></i></a>
  </div>
  <div class="col-md-6 col-sm-6">
    <div class="service-box-heading">
      <em><i class="fa fa-check red"></i></em>
      <?php if($lng=="en"): ?>
      <span>Message From</span>
      <?php else: ?>
      <span>सन्देश</span>
      <?php endif; ?>
    </div>
    <!-- TABS -->
    <div class=" tab-style-1">
      <ul class="nav nav-tabs">
        <?php if($lng=="en"): ?>
        <li class="active" style="width: 50%"><a href="#tab-1" data-toggle="tab">Chairman</a></li>
        <li style="width: 50%"><a href="#tab-2" data-toggle="tab">Manager</a></li>
        <?php else: ?>
        <li class="active" style="width: 50%"><a href="#tab-1" data-toggle="tab">अध्यक्ष</a></li>
        <li style="width: 50%"><a href="#tab-2" data-toggle="tab">प्रबन्धक</a></li>
        <?php endif; ?>
        
      </ul>

      <div class="tab-content">
        <?php if($chairman): ?>
        <div class="tab-pane row fade in active" id="tab-1">
          <div class="col-md-3 col-sm-3">
            <a href="<?php echo e(url('img/MessageFrom/'.$chairman->token)); ?>.jpg?t=<?php echo e(rand()); ?>" class="fancybox-button" title="Image Title" data-rel="fancybox-button">
              <img class="img-responsive" src="<?php echo e(url('img/MessageFrom/'.$chairman->token)); ?>.jpg?t=<?php echo e(rand()); ?>" alt="">
            </a>
          </div>
          <div class="col-md-9 col-sm-9">
            <ul class="blog-info">
              <li><i class="fa fa-tags"></i> <?php echo $chairman->name; ?></li>
            </ul>
            <p class="margin-bottom-10"><?php echo implode(" ", array_slice(explode(" ",strip_tags($chairman->description)), 0, 30)); ?>...</p>
            <p><a class="more" href="<?php echo e($lng); ?>/message_from">Read more <i class="icon-angle-right"></i></a></p>
          </div>
        </div>
        <?php else: ?>
      
        <?php endif; ?>


        <?php if($manager): ?>
        <div class="tab-pane row fade" id="tab-2">
          <div class="col-md-3 col-sm-3">
            <a href="<?php echo e(url('img/MessageFrom/'.$manager->token)); ?>.jpg?t=<?php echo e(rand()); ?>" class="fancybox-button" title="Image Title" data-rel="fancybox-button">
              <img class="img-responsive" src="<?php echo e(url('img/MessageFrom/'.$manager->token)); ?>.jpg?t=<?php echo e(rand()); ?>" alt="">
            </a>
          </div>
          <div class="col-md-9 col-sm-9">
            <ul class="blog-info">
              <li><i class="fa fa-tags"></i> <?php echo $manager->name; ?></li>
            </ul>
            <p class="margin-bottom-10"><?php echo implode(" ", array_slice(explode(" ",strip_tags($manager->description)), 0, 30)); ?>...</p>
            <p><a class="more" href="<?php echo e($lng); ?>/message_from">Read more <i class="icon-angle-right"></i></a></p>
          </div>
        </div>
        <?php else: ?>
        
        <?php endif; ?>
      </div>
    </div>
    <!-- END TABS -->
  </div>
</div>
<!-- END SERVICE BOX -->

        <!-- BEGIN STEPS -->
<?php if($data): ?>        
<div class="row margin-bottom-40 front-steps-wrapper front-steps-count-3">
  <div class="col-md-4 col-sm-4 front-step-col">
    <div class="front-step front-step1">
      <h2>Mission</h2>
      <p><?php echo implode(" ", array_slice(explode(" ",strip_tags($data->mission)), 0, 30)); ?>...</p>
    </div>
  </div>
  <div class="col-md-4 col-sm-4 front-step-col">
    <div class="front-step front-step2">
      <h2>Vision</h2>
      <p><?php echo implode(" ", array_slice(explode(" ",strip_tags($data->vision)), 0, 30)); ?>...</p>
    </div>
  </div>
  <div class="col-md-4 col-sm-4 front-step-col">
    <div class="front-step front-step3">
      <h2>Objectives</h2>
      <p><?php echo implode(" ", array_slice(explode(" ",strip_tags($data->objective)), 0, 30)); ?>...</p>
    </div>
  </div>
</div>
<?php else: ?>
<h1>NO Data</h1>
<?php endif; ?>
<!-- END STEPS -->
