<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title><?= $this->config->item('company_name')?></title>

<?php if($this->config->item('company_labour_idcard_template')==1){ ?>
  <style type="text/css">
  body{ padding:0px; margin:0px; }
  .outer { width:7.5cm; height:12cm; float:left; background-color:#f2f2f2; overflow:hidden; }
  .top_blue { width:100%; height:.3cm; background-color:#002359;}
  .top_red { width:100%; height:.4cm; background-color:#ee1c25;}
  .photo_container{ width:100%; height:5.1cm; float:left; background-color:#312d2e;}
  .photo { width:2.50cm; height:3cm; background-color:#FFF; margin-left:auto; margin-right:auto; margin-top:.4cm; overflow:hidden; }
  .name{ width:100%; height:auto; float:left; color:#FFF; }
  .name h2{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-style:normal; font-weight:normal; text-align:center; margin-top:.2cm;}
  .des{ width:100%; height:auto; float:left; color:#FFF; }
  .des h2{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; font-weight:normal; text-align:center; margin-top:.1cm;}

  .qr_code_container { width:100%; height:auto; float:left; }
  .emp_code{ width:100%; height:auto; float:left; color:#000; }
  .emp_code h2{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-style:normal; font-weight:normal; text-align:center; margin-top:.2cm; margin-bottom:.5cm;}

  .qr_scan{ width:3cm; height:3cm; margin-left:auto; margin-right:auto; background-color:#FFF; margin-top:.5cm; overflow:hidden;}
  .logo_footer{ width:100%; height:auto; float:left; }

  </style>
  </head>
  <body>
    <div class="outer bg" >
      <div class="top_blue"></div>
      <div class="top_red"></div>

      <div class="photo_container">
        <?php
        if($labour_data->photo!=''){
          $image = base_url()."uploads/labours/".$labour_data->photo;
        }else{
          $image = base_url()."uploads/labours/default.png";
        }
         ?>
        <div class="photo"> <img style="max-width: 95px;" src="<?php echo $image ?>"/></div>
        <div class="name"><h2> <?php echo $labour_data->labour_name ?></h2></div>
        <div class="des"><h2> <?php echo $labour_data->type_name ?></h2></div>
      </div>

      <div class="qr_code_container">
        <div class="qr_scan"> <img style="max-height: 115px;" src="<?php echo base_url().'uploads/labours/'.$qr_code_image?>"/></div>
        <div class="emp_code"><h2><span><strong>ID:</strong> </span>MGC<?php echo $labour_data->labour_id; ?></h2></div>
        <div class="logo_footer" align="center"><img src="<?php echo base_url()?>uploads/company/labour_idcard_logo.jpg" width="200" /></div>
      </div>
    </div>
  <?php }else{?>
    <style type="text/css">
    .m-portlet {
      -webkit-print-color-adjust: exact;
      -webkit-filter: blur(0);
    }
    @media print
    {
      #print, .print_hide_div
      {
        display: none !important;
      }
    }

    .m-card-profile .m-card-profile__pic img {
      text-align: center;
      max-width: 100% !important;
      margin: 0 auto !important;
      border-radius: 0%;
    }
  </style>
  </head>
  <body>
    <div class="m-grid__item m-grid__item--fluid m-wrapper" id="content">
      <div class="m-content">
        <div class="row">
          <div class="col-lg-4 col-md-4">
            <div class="m-portlet m-portlet--full-height  ">
              <div class="m-portlet__body">
                <div class="m-card-profile">
                  <div class="m-card-profile__title m--hide">
                    Your Profile
                  </div>
                  <div class="m-card-profile__pic">
                    <div class="m-card-profile__pic-wrapper">
                      <img src="<?php echo base_url().'uploads/labours/'.$qr_code_image?>" alt="">
                    </div>
                  </div>
                  <div class="m-card-profile__details">
                    <span class="m-card-profile__name"><?php echo $labour_data->labour_name ?></span>
                    <a href="" class="m-card-profile__email m-link"><?php echo $labour_data->type_name ?></a>
                  </div>
                </div>
                <ul class="m-nav m-nav--hover-bg m-portlet-fit--sides">
                  <li class="m-nav__separator m-nav__separator--fit"></li>
                  <li class="m-nav__section m--hide">
                    <!-- <span class="m-nav__section-text">Section</span> -->
                  </li>
                  <li class="m-nav__item">
                    <a href="javascript:;" class="m-nav__link">
                      <i class="m-nav__link-icon fa fa-mobile"></i>
                      <span class="m-nav__link-title">
                        <span class="m-nav__link-wrap">
                          <span class="m-nav__link-text">Mobile : <?php echo $labour_data->labour_contact ?></span>
                        </span>
                      </span>
                    </a>
                  </li>
                  <li class="m-nav__item">
                    <a href="javascript:;" class="m-nav__link">
                      <i class="m-nav__link-icon fa fa-id-card"></i>
                      <span class="m-nav__link-text">Aadhar : <?php echo $labour_data->aadhar_no ?></span>
                    </a>
                  </li>
                </ul>
                <div class="m-portlet__body-separator"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  <?php } ?>
  <?php $this->view("includes/Inc_scripts");?>
  <!--end::Base Scripts -->
  <script>

  jQuery(document).ready(function() {
    window.print();
  });
  </script>
  <style>
  .hidden{
    display: none;
  }
  </style>

</body>
</html>
