<div class="row page-titles">
  <div class="col-md-5 align-self-center">
    <h4 class="text-themecolor">JOB APPLICATION</h4>
  </div>
  <div class="col-md-7 align-self-center text-right">
    <div class="d-flex justify-content-end align-items-center">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="<?php echo base_url(); ?>admin/dashboard">DASHBOARD</a></li>
        <li class="breadcrumb-item active">CAREERS</li>
      </ol>
    </div>
  </div>
</div>
<!-- Start Page Content -->
<!-- ============================================================== -->
<!-- Row -->
<div class="row">
  <!-- Column -->
  <div class="col-lg-4 col-xlg-3 col-md-5">
    <div class="card">
      <div class="card-body">
        <center class="m-t-30"> 
          <img src="<?php echo base_url().$enquiry[0]->image; ?>" class="img-circle" width="150" />
        </center>
      </div>
      <div class="card-body">
        <a class="btn btn-block btn-rounded btn-outline-success" href="<?php echo base_url().$enquiry[0]->filepath; ?>" target="_blank"> DOWNLOAD RESUME </a>
      </div>
    </div>
  </div>
  
  <div class="col-lg-8 col-xlg-9 col-md-7">
    <div class="card">
      <!-- Nav tabs -->
      <ul class="nav nav-tabs profile-tab" role="tablist">
        <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#profile" role="tab">PROFILE</a> </li>
        </li>
      </ul>
      <!-- Tab panes -->
      <div class="tab-content">
        <div class="tab-pane active" id="profile" role="tabpanel">
          <div class="card-body">
            <div class="row">
              <div class="col-md-12 col-xs-6 b-r"> 
                <strong>APPLYING FOR ROLE</strong>
                <br>
                <p class="text-muted"><?php echo strtoupper($enquiry[0]->role); ?> </p>
              </div>
              <div class="col-md-12 col-xs-6 b-r"> 
                <strong>NAME</strong>
                <br>
                <p class="text-muted"><?php echo strtoupper($enquiry[0]->name); ?> </p>
              </div>
              <div class="col-md-12 col-xs-6 b-r"> 
                <strong>EMAIL</strong>
                <br>
                <p class="text-muted"><?php echo $enquiry[0]->email; ?> </p>
              </div>
              <div class="col-md-12 col-xs-6 b-r"> 
                <strong>CONTACT</strong>
                <br>
                <p class="text-muted"><?php echo $enquiry[0]->contact; ?> </p>
              </div>
              <div class="col-md-12 col-xs-6 b-r"> 
                <strong>EXPERIENCE</strong>
                <br>
                <p class="text-muted"><?php echo $enquiry[0]->experience; ?> </p>
              </div>
              <div class="col-md-12 col-xs-6 b-r"> 
                <strong>EDUCATION</strong>
                <br>
                <p class="text-muted"><?php echo $enquiry[0]->education; ?> </p>
              </div>
            </div>

            <div class="form-actions m-t-10">
              <button type="button" class="btn btn-rounded btn-outline-danger col-md-3" onclick="window.location.href='<?php echo base_url(); ?>careers-enquiry/list'">BACK TO LIST</button>  
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Column -->
</div>
<!-- Row -->
<!-- ============================================================== -->
<!-- End PAge Content -->
<!-- ============================================================== -->