@extends('layouts/contentNavbarLayout')

@section('title', 'KPI Achievement')

@section('content')
<br>
<div class="container my-4">
  <div class="card">
    <div class="card-header">
      <h4 class="mb-0">Achievement Details (Type 1)</h4>
    </div>
    <div class="card-body">
      <table class="table table-bordered">
        <tbody>
          <tr>
            <th>Indicator :</th>
            <td>No. of Trade Enquiries</td>
          </tr>
          <tr>
            <th>Submission :</th>
            <td>As per quarterly</td>
          </tr>
          <tr>
            <th>Annual Target :</th>
            <td>50</td>
          </tr>
          <tr>
            <th>Metric :</th>
            <td>Enquiries</td>
          </tr>
          <tr>
            <th>Achievement Count :</th>
            <td>
              <input type="text" class="form-control" id="achievementInput1" value="100">
            </td>
          </tr>
          <tr>
            <th>Remarks by PMU Admin :</th>
            <td></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="card-footer d-flex justify-content-end gap-2">
      <button type="button" class="btn btn-primary ms-2" id="saveBtn">Save</button>
      <a href="{{ url()->previous() }}" class="btn btn-secondary">Back</a>
    </div>
  </div>
</div>
@endsection
