@extends('layouts.app')

@section('content')
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet"/>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
<div class="container">
    <div class="row ">
        <div class="col-10 mx-auto">
          <div class="card">
            <div class="card-header header-style">
                <div class="header-style-title">
                  Jana Actual E-KPI Cawangan
                </div>
            </div>
            <div class="card-body">
            @if ($message = Session::get('failed'))
                <div class="alert alert-danger">
                    {{ $message }}
                </div>
            @endif
            @if($message = Session::get('success'))
            <div class="alert alert-success">
            <p>{{$message}}</p>
                </div>
            @endif
            <form action="{{route('janakpi.senaraitempkpi')}}" method="POST" enctype="multipart/form-data">
              @csrf
              <div id='loader'><img id="loader-image" src="../img/loadingmsg.gif" alt="Sila Tunggu Sebentar..." /></div>
                {{-- <div class="form-group row">
                  <label for="tarikh_lelong" class="col-sm-2 col-form-label">Tarikh Lelong</label>
                  <div class="col-sm-3">
                    <input type="date" class="form-control" id="tarikh_lelong" name="tarikh_lelong"  value = "{{$tetapan->tetap_tarikh_lelong}}">
                  </div>
                </div> --}}
                <div class="form-group row">
                  <label for="fasa" class="col-sm-2 col-form-label">Bulan/Tahun  KPI</label>

                  <div class="col-sm-4">
                    {!! Form::selectMonth('month') !!}

                    {!! Form::select('year', $years) !!}

                  </div>
                 
                  <!-- <label for="cajlelong" class="col-sm-1 col-form-label">Caj Lelong</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control" id="cajlelong" name="cajlelong" placeholder="%">
                    </div> -->
                </div>
             
                  <div class="form-group row">
                  <label for="jbg" class="col-sm-2 col-form-label">Jawatan</label>
                  <div class="col-sm-4">
                    <select class="selectpicker" name="jawatan[]" id="jawatan">
                      @foreach ($jawatan as $item)
                      <option value="{{$item->idjawatan}}">{{$item->namajawatan}}</option>
                      @endforeach
  
                    </select>
                  </div>
                  
                  
                  <!-- <label for="caw" class="col-sm-1 col-form-label">Cawangan</label>
                  <div class="col-sm-4">
                    <select class="selectpicker" multiple name="caw[]" id="caw">
                      @foreach ($caw as $item)
                      <option value="{{$item->id}}">{{$item->caw_name}}</option>
                      @endforeach
  
                    </select>
                  </div> -->
                </div>
                {{-- <div class="form-group row">
                 
                  <label for="cajlelong" class="col-sm-2 col-form-label">Caj Lelong</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control" id="cajlelong" name="cajlelong"  value = "{{$tetapan->cajlelong}}" readonly>
                    </div>
                </div> --}}

                {{-- <div class="form-group row">
                 
                  <label for="cajlelong" class="col-sm-2 col-form-label">Kali</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control" id="kali" name="kali"  value = "{{$tetapan->kali}}" readonly>
                    </div>
                </div> --}}
                <div class="form-group row">
                  <div class="col-sm-10">
                    <button type="submit" class="btn btn-primary">Carian</button>
                  </div>
                </div>
            </form>
            </div>
          </div>
        </div>
        
    </div>
</div>
<script>
  var date = '<?php echo $currentDate; ?>';

  $('#caw').select2({
    width: '100%',
    placeholder: "Pilih Cawangan",
    allowClear: true
  });

  $(document).ready(function () {
    // document.getElementById('tarikh_lelong').setAttribute("min", date);
     $("input[name=fasa]").change(function(){

        if($("#fasa1").is(':checked')){
            $("#jbg").val('').prop("readonly", false);
            document.getElementById("hinggatempoh").style.visibility = "visible";
            document.getElementById("jbg2").style.visibility = "visible";
        }
        if($("#fasa2").is(':checked')){
          $("#jbg").val('12').prop("readonly", true);
          // $("#jbg2").val('12').prop("readonly", true);
          document.getElementById("hinggatempoh").style.visibility = "hidden";
          document.getElementById("jbg2").style.visibility = "hidden";
        }
    });
 });
</script>

<script>
$(function() {
    $( "form" ).submit(function() {
        $('#loader').show();
        
    });
});
</script>
     
@endsection