@extends('layouts.app')
{{-- title --}}
@section('title','Tagihan Pembayaran')
{{-- vendor scripts --}}
@section('vendor-styles')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/forms/select/select2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/pickers/pickadate/pickadate.css')}}">
@endsection
{{-- page-styles --}}
@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/plugins/forms/validation/form-validation.css')}}">
@endsection
@section('content')

<!-- Multiple Rules Validation start -->
<section class="multiple-validation">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title">Tambah @yield('title')</h4>
        </div>
        <div class="card-content">
          <div class="card-body">
            <form class="form-horizontal form-submit" action="{{ url('/keuangan/pays') }}" method="post" enctype="multipart/form-data" novalidate>
              @csrf
              @include('pages.keuangan.pays.form')
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Multiple Rule Validation end -->

@endsection
{{-- vendor scripts --}}
@section('vendor-scripts')
<script src="{{asset('vendors/js/forms/select/select2.full.min.js')}}"></script>
<script src="{{asset('vendors/js/forms/validation/jqBootstrapValidation.js')}}"></script>
<script src="{{asset('vendors/js/pickers/pickadate/picker.js')}}"></script>
<script src="{{asset('vendors/js/pickers/pickadate/picker.date.js')}}"></script>
@endsection

{{-- page scripts --}}
@section('page-scripts')
<script src="{{asset('js/scripts/forms/select/form-select2.js')}}"></script>
<script src="{{asset('js/scripts/forms/validation/form-validation.js')}}"></script>

<script>
  $(document).ready(function() {
    // Basic date
    $('.pickadate').pickadate({
      format: 'yyyy-mm-dd',
      selectYears: true,
      selectMonths: true
    });

    $('#school').select2({
      data: @php echo json_encode($school) @endphp,
      placeholder: 'Pilih Sekolah'
    });


    $('#month').select2({
      data: @php echo json_encode($month) @endphp,
      placeholder: 'Pilih Bulan Pembayaran'
    });

    $('#level_year').select2({
      data: @php echo json_encode($level_year) @endphp,
      placeholder: 'Tahun Angkatan'
    });

    $('#study_year').select2({
      data: @php echo json_encode($study_year) @endphp,
      placeholder: 'Tahun Pembelajaran'
    });
    
   

  });


</script>


<script>

$(document).ready(function() {

      $('#jenis_payment').select2({
        data: @php echo json_encode($jenis_payment) @endphp,
        placeholder: 'Jenis Pembayaran'
      });

      $("#jenis_payment").change(function() {
        var jenisPayment = $(this).val();
        
        // Cek jika jenis pembayaran adalah '01'
        if (jenisPayment === '01') {

          const invoiceNumber = `01`;
          document.getElementById('price').value = invoiceNumber;
          $("#price").prop('readonly', true); 

        }
        else{

          $("#price").prop('disabled', false); // menghidupkan kembali input harga

        }
      });
});
</script>


@endsection