@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-fluid">
    <div class="row ">
        <div class="col-md-12 mx-auto card">
            <h3 class="pt-3">Simulasi Percubaan</h3>
            
            @if ($message = Session::get('failed'))
                <div class="alert alert-danger">
                    <p>{{ $message }}</p>
                </div>
            @endif
            <form action="{{route('analisa.sensimulasipercubaan')}}" 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="jbg" class="col-sm-2 col-form-label">Fasa Lelong</label>
                  <div class="col-sm-4">
                  <input type="radio" value='1' id="fasa1" name="fasa" checked>
                    <label for="1">Fasa 1</label>
                    <input type="radio" value='2'  id="fasa2" name="fasa">
                    <label for="2">Fasa 2</label>  
                  </div>
            
                </div>
             
                  <div class="form-group row">
                  <label for="jbg" class="col-sm-2 col-form-label">Tempoh</label>
                  <div class="col-sm-4" id="fasa_1">
                    <input type="text" class="form-control" id="jbg" name="jbg" placeholder="Tempoh">
                  </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>
<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);
        }
        if($("#fasa2").is(':checked')){
          $("#jbg").val('12').prop("readonly", true);
        }
    });
 });
</script>

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