@extends('layouts.app')
{{-- title --}}
@section('title','Kelas')
{{-- 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')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/extensions/toastr.css')}}">
@endsection
{{-- page-styles --}}
@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/plugins/forms/validation/form-validation.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/plugins/extensions/toastr.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">Edit @yield('title')</h4>
        </div>
        <div class="card-content">
          <div class="card-body">
            <form class="form-horizontal form-submit" action="{{ route('pays.update', $pay->id) }}" method="POST" enctype="multipart/form-data" novalidate>
              @csrf
              {{ method_field('PATCH') }}
              @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 src="{{asset('vendors/js/extensions/toastr.min.js')}}"></script>

<script>
  $(document).ready(function() {
    console.log( @php echo json_encode($roles) @endphp)
    // Basic date
    $('.pickadate').pickadate({
      format: 'yyyy-mm-dd',
      selectYears: true,
      selectMonths: true
    });

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


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

    $('#school').val(@php echo $pay->school @endphp).change()
    $('#jenis_payment').val("@php echo $pay->jenis_payment @endphp").change()

  });
</script>
@endsection