@extends('userreview.base')

@section('text')
<form id="app" method="post" action="{{ action('UserReviewController@store') }}" data-parsley-validate="">
  @csrf
  <div class="row">
    <p class="h3">
      Ada pendapat berkenaan rupa/fungsi laman bayaran MARAeps yang baru? Kami sedia mendengar.
    </p>
  </div>
  <div class="form-group py-2">
    <div class="form-check">
      <input class="form-check-input" type="radio" name="rating" id="rating1" value="Puas Hati" onChange="showText()">
      <label class="form-check-label" for="rating1">
        Puas Hati
      </label>
    </div>
    <div class="form-check">
      <input class="form-check-input" type="radio" name="rating" id="rating2" value="Kurang Puas Hati" onChange="showText()" required>
      <label class="form-check-label" for="rating2">
        Kurang Puas Hati
      </label>
    </div>
  </div>
  <div class="row">
    <input type="text" id="komen" name="komen" class="form-control" placeholder="Komen anda?" style="display: none;"></input>
  </div>
  <div class="row mt-3">
    <button class="btn btn-primary btn-block">Simpan</button>
  </div>
</form>
@endsection

@section('page_scripts')
<script>
showText();

function showText(){
  if($("#rating2").is(':checked')){
    $('#komen').show();
    $('#komen').attr('data-parsley-required', 'true');
  }else{
    $('#komen').hide();
    $('#komen').val('');
    $('#komen').attr('data-parsley-required', 'false');
  }
}
</script>
@endsection