@extends('layouts.paybase')

@section('form-name')
<form method="post" id="form" action="{{ action('ProgramController@update', $program) }}" data-parsley-validate>
@endsection

@section('pay-details')
  <div class="fdb-box py-3 mb-3">
    <div class="row justify-content-left">
      <div class="col text-left">
        <h2>Program Usahawan <i class="lead fas fa-chalkboard-teacher filter-blue"></i> </h2>
      </div>
    </div>
    <div class="row justify-content-left">
      <div class="col text-left">
        <input type="hidden" name="account_no" value="{{ $program->name }}" />
        <strong>{{ $program->name }}</strong>
        <br />
        <span class="">{{ $program->dept->name }} [{{ $program->dept_code }}]</span>
        <br />
        <small>Sesi:</small> {{ $program->session }}, {{ $program->program_location }}
        <br />
        <!-- <small>Kuota:</small> {{ $program->remaining_no }}/{{ $program->allocated_no }} -->
        <br />
      </div>
    </div>
  </div>
  <div class="fdb-box py-3 mb-3">
    <div class="row justify-content-left">
      @if( $program->open )
      <div class="col">
        <h3>Pilihan Perniagaan</h3>
      </div>
      @else
      <div class="col">
        <h3>Pilihan Yuran</h3>
      </div>
      @endif

    </div>

    <div class="row justify-content-left my-3">
      @if( $program->open )
      @else
      <div class="col-sm-3">
        <label class="required" for="carabayar" class="col-form-label">Yuran/Fi</label>
      </div>
      <div class="col-sm-9">
        @foreach($details["P"] as $fee)
        <div class="form-check mb-2">
          <input class="form-check-input" type="radio" id="{{ 'fee' . $fee->id }}" name="fee" value="{{ $fee->id }}" nilai="{{ $fee->amount }}" required onchange="updateFee();" />
          <label class="form-check-label" for="{{ 'fee' . $fee->id }}"><span>
          RM {{ number_format($fee->amount, 2) }} - {{ $fee->description }}
          </span>
          </label>
        </div>
        @endforeach
      </div>
      @endif
    </div>

    @if( isset($details["K"]) )
    <div class="row justify-content-left my-3">
      <div class="col-sm-3">
        <label class="required" for="kluster" class="col-form-label">Kluster</label>
      </div>
      <div class="col-sm-9">
        <select name="kluster" class="form-control" data-parsley-required="true">
          <option selected disabled>Sila pilih kluster perniagaan</option>
          @foreach($details["K"] as $kluster)
            <option value="{{ $kluster->id }}">
              {{ $kluster->desc_malay }} {{ $kluster->desc_english ? '('. $kluster->desc_english .')' : '' }}
            </option>
          @endforeach
        </select>
      </div>
    </div>
    @endif
    @if( isset($details["E"]) )
    <div class="row justify-content-left my-3">
      <div class="col-sm-3">
        <label class="required" for="butiran_tambahan" class="col-form-label">Negeri Operasi</label>
      </div>
      <div class="col-sm-9">
        <select name="butiran_tambahan" class="form-control" data-parsley-required="true">
          <option selected disabled>Sila pilih negeri operasi perniagaan</option>
          @foreach($details["E"] as $e)
            <option value="{{ $e->id }}">
              {{ $e->shortname }}
            </option>
          @endforeach
        </select>
      </div>
    </div>
    @endif
    @if( $program->open )
    @else
    @if( $details["O"]->isNotEmpty() && $program->has_optional )
    <hr />
    <div class="form-group my-3">
        <label for="optional" class="col-form-label">Program ini juga mempunyai pilihan optional berikut (tidak wajib dipilih):</label>
        @foreach($details["O"] as $fee)
        <div class="form-check mb-2">
          <input class="form-check-input" type="{{ $program->optional_limit ? 'radio' : 'checkbox' }}" id="{{ 'optional' . $fee->id }}" name="optional" value="{{ $fee->id }}" nilai="{{ $fee->amount }}" onchange="updateFee();" />
          <label class="form-check-label" for="{{ 'optional' . $fee->id }}"><span>
            RM {{ number_format($fee->amount, 2) }} - {{ $fee->description }}
          </span>
          </label>
        </div>
        @endforeach
    </div>
    @endif
    @endif

  </div>
@endsection

@section('pay-amount')
@if( $program->open )
<div class="row justify-content-left">
  <div class="col-sm-2">
    <label class="required" for="nilai_bayaran" class="col-form-label">Nilai (RM)</label>
  </div>
  <div class="col-sm-10">
    <input type="number" step="0.01" class="form-control" name="nilai_bayaran" id="nilai_bayaran" value="{{ old('nilai_bayaran') }}"
    data-parsley-min='1'
    required>
  </div>
</div>
@else
<div class="form-group row justify-content-left">
  <div class="col-sm-2">
    <label class="required" for="nilai_bayaran" class="col-form-label">Nilai (RM)</label>
  </div>
  <div class="col-sm-10">
    <span id="nilai-txt"></span>
    <input type="hidden" name="nilai_bayaran" id="nilai_bayaran" value="{{ old('nilai_bayaran') }}"
    data-parsley-min='1'
    required>
  </div>
</div>
@endif
@endsection

@section('button-block')
  @parent
  <a href="{{ action('ProgramController@index') }}" class="btn btn-dark">
    Kembali
  </a>
@endsection

@section('page_scripts')
<script>

function updateFee(){
  var nilai;
  var pval = $('input[name=fee]:checked').attr('nilai') ? parseFloat($('input[name=fee]:checked').attr('nilai')) : 0 ;
  var oval = parseFloat($('input[name=optional]:checked').attr('nilai'));
  if( oval ){
      nilai = oval + pval;
  }else{
    nilai = pval;
  }
  nilai = nilai.toFixed(2);
  $('#nilai_bayaran').val(nilai);
  $('#nilai-txt').html(nilai);
}

</script>

@endsection