<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
</head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
<script>
WebFont.load({
  google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]},
  active: function() {
    sessionStorage.fonts = true;
  }
});
</script>
<style>
.item_table td{
  padding: .75rem !important;
}
.item_table th{
  white-space: nowrap;
  padding: .75rem !important;
}
.table thead th {
  border-top: 2px solid #f4f5f8 !important;
}
.m-invoice-2 .m-invoice__wrapper .m-invoice__head .m-invoice__container.m-invoice__container--centered {
  width: 90% !important;
}
.m-invoice-2 .m-invoice__wrapper .m-invoice__body.m-invoice__body--centered {
  width: 90% !important;
}
@media print
{
  .no-print, .no-print *
  {
    display: none !important;
  }
}
</style>
<body>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  <!--end::Web font -->
  <!--begin::Base Styles -->
  <link href="<?php echo $this->config->item('Template_template_file_url'); ?>template/assets/vendors/base/vendors.bundle.css" rel="stylesheet" type="text/css" />
  <link href="<?php echo $this->config->item('Template_template_file_url'); ?>template/assets/demo/default/base/style.bundle.css" rel="stylesheet" type="text/css" />
  <!--end::Base Styles -->
  <!--<link rel="shortcut icon" href="<?php //echo base_url()?>template/assets/app/media/img/logos/logo.png" style="width: 50px;"/>-->

  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.10.20/b-1.6.1/b-colvis-1.6.1/b-flash-1.6.1/b-html5-1.6.1/b-print-1.6.1/fc-3.3.0/fh-3.1.6/kt-2.5.1/r-2.2.3/rg-1.1.1/sc-2.0.1/sp-1.0.1/datatables.min.css"/>

  <body>
    <div class="m-portlet m-portlet--full-height">
      <div class="m-portlet__head">
        <div class="m-portlet__head-caption">
          <div class="m-portlet__head-title">
            <h3 class="m-portlet__head-text">

            </h3>
          </div>
        </div>
      </div>
      <div class="m-portlet__body m-portlet__body--no-padding">
        <?php if($this->config->item('company_letter_head')!=''){ ?>
          <img style="max-width: 1000px" src="<?php echo base_url().'uploads/company/'.$this->config->item('company_letter_head')?>" />
        <?php } ?>
        <div class="m-invoice-2" style="padding-bottom: 20px">
          <div  class="m-invoice__wrapper">
            <div class="m-invoice__head" >
              <div class="m-invoice__container m-invoice__container--centered">
                <div class="m-invoice__logo" style="padding-top: 1rem;">
                  <a href="#">

                  </a>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <div class="m-invoice__logo" style="padding-top: 0px;">
                      <a href="#" style="text-align: center;">
                        <h2>VEHICLE WORK SLIP</h2>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="m-invoice__items" style="padding: 1rem 0 1rem 0;">
                  <div class="m-invoice__item" style="text-align: left">
                    <span class="m-invoice__subtitle">SLIP ID</span>
                    <span class="m-invoice__text"><strong>#<?php echo $work_slip_data->work_slip_id ?></strong></span>
                  </div>
                  <div class="m-invoice__item" style="text-align: center">
                    <span class="m-invoice__subtitle">DATE</span>
                    <span class="m-invoice__text"><strong><?php if($work_slip_data->worked_date!='0000-00-00'){ echo date('d-m-Y',strtotime($work_slip_data->worked_date));}?></strong></span>
                  </div>
                  <div class="m-invoice__item" style="text-align: right">
                    <span class="m-invoice__subtitle">VEHICLE</span>
                    <span class="m-invoice__text"><strong><?php echo $work_slip_data->vehicle_name ?></strong></span>
                  </div>
                  <div class="m-invoice__item" style="text-align: right">
                    <span class="m-invoice__subtitle">VEHICLE NO</span>
                    <span class="m-invoice__text"><strong><?php echo $work_slip_data->vehicle_no ?></strong></span>
                  </div>
                </div>
                <div class="m-invoice__items" style="padding: 1rem 0 1rem 0;border-bottom: 1px solid #ebedf2;">
                  <div class="m-invoice__item" style="border-right: 1px solid #ebedf2;">
                    <span class="m-invoice__subtitle">Consignee Details </span>
                    <span class="m-invoice__text"><strong><?php echo $work_slip_data->consignee_name?><br/><?php echo $work_slip_data->consignee_place?><br/><?php echo nl2br($work_slip_data->consignee_mobile) ?></strong></span>
                  </div>
                  <div class="m-invoice__item" style="text-align: right">
                    <span class="m-invoice__subtitle">Project Details</span>
                    <span class="m-invoice__text"><strong><?php echo $work_slip_data->work_name?><br/><?php echo nl2br($work_slip_data->work_location) ?></strong></span>
                  </div>
                </div>
                <div class="m-invoice__items" style="padding: 1rem 0 1rem 0;border-bottom: 1px solid #ebedf2;">
                  <div class="m-invoice__item">
                    <span class="m-invoice__subtitle">Remarks </span>
                    <span class="m-invoice__text"><strong><?php echo nl2br($work_slip_data->remarks)?></strong></span>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-invoice__body m-invoice__body--centered" style="min-height: 200px">
              <div class="table-responsive">
                <table class="table m-table table-bordered item_table">
                  <thead>
                    <tr>
                      <th>Worked Duration</th>
                      <th>Duration type</th>
                      <th>Basic Charge</th>
                      <th>Overtime Dur</th>
                      <th>Overtime Rate</th>
                      <th>Overtime Amt</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td><?php echo $work_slip_data->worked_duration?></td>
                      <td><?php echo $work_slip_data->duration_type?></td>
                      <td><?php echo $work_slip_data->basic_charge?></td>
                      <td><?php echo $work_slip_data->overtime_duration?></td>
                      <td><?php echo $work_slip_data->overtime_rate?></td>
                      <td><?php echo $work_slip_data->overtime_amount?></td>
                    </tr>
                  </tbdoy>
                </table>
                <table class="table m-table table-bordered item_table">
                  <thead>
                    <tr>
                      <th>Commission</th>
                      <th>Labour</th>
                      <th>Driver Bata</th>
                      <th>Loading</th>
                      <th>Other Expense</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td><?php echo $work_slip_data->commission?></td>
                      <td><?php echo $work_slip_data->labour_charge?></td>
                      <td><?php echo $work_slip_data->driver_bata	?></td>
                      <td><?php echo $work_slip_data->loading_amount	?></td>
                      <td><?php echo $work_slip_data->other_expenses?></td>
                    </tr>
                  </tbdoy>
                </table>
                <table class="table m-table table-bordered item_table">
                  <thead>
                    <tr>
                      <th style="text-align:right"><strong>Total Payable Amount</strong></th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td style="text-align:right"><strong><?php echo $work_slip_data->total_payable_amount?></strong></td>
                    </tr>
                  </tbdoy>
                </table>
              </div>
            </div>

            </div>

          </div>
        </div>
      </div>

      <script type="text/javascript">
      $("#page_title").text("Vehicle Work Slip #<?php echo $work_slip_data->work_slip_id." [".$work_slip_data->vehicle_no."] [".$work_slip_data->work_name."]" ?>");
      $(function() {
        window.print();
      });
    </script>

  </body>
  </html>
