@extends('layouts/contentNavbarLayout')

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

@section('content')
<script src="https://unpkg.com/feather-icons"></script>
    <div class="row">
      <div class="col-12">
        <h4 class="fw-bold py-2 mb-3">Companies by Sectors</h4>
      </div>
    </div>

<div class="container my-1">
  <div class="card">
    <div class="card-header">

<form method="POST" action="#">
  @csrf
  <div class="row mb-4">
    <div class="col-md-4">
      <label class="form-label" for="division">Division</label>
          <select id="division" name="division" class="select2 form-select">
            <option value="">Please select</option>
            <option value="division1">CEO's Office</option>
            <option value="division2">Export Promotion & Market Access</option>
            <option value="division3">Management Services</option>
            <option value="division4">Strategic Planning</option>
            <option value="division5">Transformation and Digital Trade Division</option>
          </select>
        </div>
            
        <div class="col-md-4">
              <label class="form-label" for="section">Section</label>
              <select id="section" name="section" class="select2 form-select">
                <option value="">Please select</option>
                <option value="section1">ASEAN & Oceania</option>
                <option value="section2">Central, West, South Asia & Africa Section</option>
                <option value="section3">China & Northeast Asia</option>
                <option value="section4">Construction & Business Services</option>
                <option value="section5">Coordination & Monitoring</option>
                <option value="section6">Corporate Management</option>
                <option value="section7">Customised Programme</option>
                <option value="section8">Development Assistance</option>
                <option value="section9">Digital Trade</option>
                <option value="section10">Electrical & Electronics, ICT, Machinery & Equipment</option>
                <option value="section11">Europe & Americas</option>
                <option value="section12">Export Academy</option>
                <option value="section13">Facility Management</option>
                <option value="section14">Finance Management</option>
                <option value="section15">Halal, Food & Beverages & Agro-based</option>
                <option value="section16">Human Resource</option>
                <option value="section17">Information Technology</option>
                <option value="section18">Lifestyle & Life Sciences</option>
                <option value="section19">N/A</option>
                <option value="section20">Oil & Gas, Chemical & Energy</option>
                <option value="section21">Research</option>
                <option value="section22">Strategic Communication</option>
                <option value="section23">Strategic Development</option>
                <option value="section24">Transport & Logistic</option>
              </select>
            </div>

            <div class="col-md-4">
              <label class="form-label" for="unit">Unit/Office</label>
              <select id="unit" name="unit" class="select2 form-select">
                <option value="">Please select</option>
                <option value="unit1">Account</option>
                <option value="unit2">Administration</option>
                <option value="unit3">Application System Management Unit</option>
                <option value="unit4">Asset Management</option>
                <option value="unit5">Business Information Centre (BIC)</option>
                <option value="unit6">Competency & Talent Development</option>
                <option value="unit7">Corporate Communication</option>
                <option value="unit8">Digital Services</option>
                <option value="unit9">eCommerce Ecosystem</option>
                <option value="unit10">Exporters Advisory & Training (EATU)</option>
                <option value="unit11">Facility Management</option>
                <option value="unit12">Finance</option>
                <option value="unit13">Human Resource Management</option>
                <option value="unit14">ICT Operation & Support</option>
                <option value="unit15">Integrity</option>
                <option value="unit16">Internal Audit</option>
                <option value="unit19">International Collaboration</option>
                <option value="unit20">Johor</option>
                <option value="unit21">Market Development</option>
                <option value="unit22">Micro, Small and Medium Enterprises (MSME)</option>
                <option value="unit23">Mid Tier</option>
                <option value="unit24">MO - BUDAPEST</option>
                <option value="unit25">MO - BUENOS AIRES</option>
                <option value="unit26">MO - DOHA</option>
                <option value="unit27">MO - HANOI</option>
                <option value="unit28">MO - KARACHI</option>
                <option value="unit29">MO - KIEV</option>
                <option value="unit30">MO - MEDAN</option>
                <option value="unit31">MO - NAIROBI</option>
                <option value="unit32">MO - OSAKA</option>
                <option value="unit33">MO - PHNOM PENH</option>
                <option value="unit34">MO - TASHKENT</option>
                <option value="unit35">MyTRADE Digital</option>
                <option value="unit36">N/A</option>
                <option value="unit37">Network & ICT Security Unit</option>
                <option value="unit38">Organisational Planning & Transformation</option>
                <option value="unit39">Penang</option>
                <option value="unit40">Perfomance Monitoring</option>
                <option value="unit41">Procurement</option>
                <option value="unit42">Revenue Generation</option>
                <option value="unit43">Sabah</option>
                <option value="unit44">Sarawak</option>
                <option value="unit45">Strategic Coordination</option>
                <option value="unit46">Strategic Development</option>
                <option value="unit47">TC - ALMATY</option>
                <option value="unit48">TC - BANGKOK</option>
                <option value="unit49">TC - BEIJING</option>
                <option value="unit50">TC - CAIRO</option>
                <option value="unit51">TC - CHENGDU</option>
                <option value="unit52">TC - CHENNAI</option>
                <option value="unit53">TC - DUBAI</option>
                <option value="unit54">TC - FRANKFURT</option>
                <option value="unit55">TC - GUANGZHOU</option>
                <option value="unit56">TC - HO CHI MINH CITY</option>
                <option value="unit57">TC - HONG KONG</option>
                <option value="unit58">TC - ISTANBUL</option>
                <option value="unit59">TC - JAKARTA</option>
                <option value="unit60">TC - JEDDAH</option>
                <option value="unit61">TC - JOHANNESBURG</option>
                <option value="unit62">TC - LAGOS</option>
                <option value="unit63">TC - LONDON</option>
                <option value="unit64">TC - LOS ANGELES</option>
                <option value="unit65">TC - MANILA</option>
                <option value="unit66">TC - MELBOURNE</option>
                <option value="unit67">TC - MEXICO CITY</option>
                <option value="unit68">TC - MIAMI</option>
                <option value="unit69">TC - MILAN</option>
                <option value="unit70">TC - MOSCOW</option>
                <option value="unit71">TC - MUMBAI</option>
                <option value="unit72">TC - NEW YORK</option>
                <option value="unit73">TC - PARIS</option>
                <option value="unit74">TC - ROTTERDAM</option>
                <option value="unit75">TC - SANTIAGO</option>
                <option value="unit76">TC - SAO PAULO</option>
                <option value="unit77">TC - SEOUL</option>
                <option value="unit78">TC - SHANGHAI</option>
                <option value="unit79">TC - SINGAPORE</option>
                <option value="unit80">TC - TAIPEI</option>
                <option value="unit81">TC - TOKYO</option>
                <option value="unit82">TC - WARSAW</option>
                <option value="unit83">TC - YANGON</option>
                <option value="unit84">Terengganu</option>
                <option value="unit85">Trade Ananlysis</option>
                <option value="unit86">Trade Publication</option>
                <option value="unit87">Trade Statistic</option>
              </select>
          </div>
</div>
  <div class="row mb-4">
    <div class="col-md-4">
      <label for="year" class="form-label">Year</label>
      <select id="year" name="year" class="form-select">
        <option selected disabled>Choose year</option>
        @for ($i = now()->year; $i >= 2020; $i--)
          <option value="{{ $i }}">{{ $i }}</option>
        @endfor
      </select>
    </div>
    <div class="col-md-4">
      <label for="duration" class="form-label">Durations</label>
      <select id="duration" name="duration" class="form-select">
        <option selected disabled>Choose duration</option>
        <option value="Q1">Q1</option>
        <option value="Q2">Q2</option>
        <option value="Q3">Q3</option>
        <option value="Q4">Q4</option>
      </select>
    </div>
    <div class="col-md-4">
      <label for="programme" class="form-label">Exporter Development Programme
          <i class="bx bx-edit "></i></label>

      <select id="programme" name="programme" class="form-select">
        <option selected disabled>Select programme</option>
        <option value="EPC">Export Promotion Campaign</option>
        <option value="MTTP">Market Training & Trade Programme</option>
        <option value="EDTP">Export Development Training Programme</option>
      </select>
    </div>
  </div>
</form>

<!-- Save Button -->
<div class="d-flex justify-content-end mt-3">
  <button type="button" class="btn btn-primary" id="saveCompaniesBtn">Search</button>
</div>

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

@endsection