@extends('layouts.app')

@section('content')
      <section class="fdb-block">
    <form id="app" method="post" action="{{ action('PoMController@prosesrundingcara') }}" data-parsley-validate="" enctype="multipart/form-data">
      @csrf
          <div class="container">
            <div class="row justify-content-center">
              <div class="col-12 col-md-8 col-lg-8 col-xl-6">
                <div class="row">
                  <div class="col text-center">
                    <h1>{{ $rundingcara->description }}</h1>
                    <input type="hidden" name="rctype" value="{{ $rundingcara->id }}">
                    <p class="lead">Isi/kemaskini maklumat peminjam di bawah </p>
                  </div>
                </div>
                @include('layouts.alerts')
                <div class="row align-items-center">
                  <div class="col mt-4">
                    <label class="required">Nama</label>
                    <input name="nama" type="text" class="form-control" value="{{ $user->fullname }}"
                    data-parsley-trigger="change"
                    required>
                  </div>
                </div>
                <div class="row align-items-center mt-4">
                  <div class="col">
                    <label class="required">No. MyKad</label>
                    <input type="text" name="no_ic" class="form-control"
                    value="{{ $user->id_no }}"
                    data-parsley-trigger="change"
                    data-parsley-type="alphanum"
                    required>
                    </div>
                </div>
                <div class="row align-items-center mt-4">
                  <div class="col">
                      <label class="required">Alamat Surat Menyurat</label>
                      <input name="address" type="text" class="form-control" value="{{ $user->mailing_address }}"
                      data-parsley-trigger="change"
                      data-parsley-pattern="^[a-zA-Z0-9\s\/\'\.\,\-\@\(\)\&]+"
                      required>
                    </div>
                </div>
                <div class="row align-items-center mt-4">
                  <div class="col-12 col-md mt-4 mt-md-0">
                      <label class="required">No Telefon</label>
                      <input name="phone_no" type="text" class="form-control" value="{{ $user->mobile_no }}"
                      data-parsley-trigger="change"
                      data-parsley-pattern="^(6?0)[0|1|2|3|4|6|7|8|9]{1,2}[0-9]{7,8}$"
                      data-parsley-error-message="Pastikan bilangan angka mencukupi dan cuma mengandungi angka"
                      required>
                    </div>
                  <div class="col">
                      <label class="required">E-mail</label>
                      <input name='email' type="email" class="form-control" value="{{ $user->email }}"
                      data-parsley-trigger="change"
                      required>
                    </div>
                </div>

                @if( strcmp($rundingcara->id, "PBB") == 0 )
                <br>
                <div class="row align-items-center mt-4">
                  <div class="col">
                    <input type="text" name="course_name" class="form-control" placeholder="Nama Program/Kursus"
                    value="{{ old('course_name') }}"
                    data-parsley-trigger="change"
                    required
                    >
                  </div>
                </div>
                <br>

                <div class="mb-3">
                  <label for="tarikh" class="form-label required">Tarikh Mula Pengajian</label>
                <div class="row">
                  <div class="col">
                    <input type="number" class="form-control" placeholder="Hari"
                    name="hari_mula" value="{{ old('hari_mula') }}"
                    data-parsley-trigger="change"
                    data-parsley-type="digits"
                    data-parsley-length="[1, 2]"
                    data-parsley-error-message="Hari tidak boleh melebihi 2 angka"
                    required
                    >
                  </div>
                  <div class="col">
                    <input type="number" class="form-control" placeholder="Bulan"
                    name="bulan_mula" value="{{ old('bulan_mula') }}"
                    data-parsley-trigger="change"
                    data-parsley-type="digits"
                    data-parsley-length="[1, 2]"
                    data-parsley-error-message="Bulan tidak boleh melebihi 2 angka"
                    required
                    >
                  </div>
                  <div class="col">
                    <input type="number" class="form-control" placeholder="Tahun"
                    name="tahun_mula" value="{{ old('tahun_mula') }}"
                    data-parsley-trigger="change"
                    data-parsley-type="digits"
                    data-parsley-length="[4, 4]"
                    data-parsley-error-message="Tahun perlu 4 angka"
                    required
                    >
                  </div>
                </div>
                <br>
                <div class="mb-3">
                  <label for="tarikh" class="form-label required">Tarikh Tamat Pengajian</label>
                <div class="row">
                  <div class="col">
                    <input type="number" class="form-control" placeholder="Hari"
                    name="hari_tamat" value="{{ old('hari_tamat') }}"
                    data-parsley-trigger="change"
                    data-parsley-type="digits"
                    data-parsley-length="[1, 2]"
                    data-parsley-error-message="Hari tidak boleh melebihi 2 angka"
                    required
                    >
                  </div>
                  <div class="col">
                    <input type="number" class="form-control" placeholder="Bulan"
                    name="bulan_tamat" value="{{ old('bulan_tamat') }}"
                    data-parsley-trigger="change"
                    data-parsley-type="digits"
                    data-parsley-length="[1, 2]"
                    data-parsley-error-message="Bulan tidak boleh melebihi 2 angka"
                    required
                    >
                  </div>
                  <div class="col">
                    <input type="number" class="form-control" placeholder="Tahun"
                    name="tahun_tamat" value="{{ old('tahun_tamat') }}"
                    data-parsley-trigger="change"
                    data-parsley-type="digits"
                    data-parsley-length="[4, 4]"
                    data-parsley-error-message="Tahun perlu 4 angka"
                    required
                    >
                  </div>
                </div>


                <br>
                <div class="mb-3">
                  <label for="formFile" class="form-label">Dokumen Sokongan (Surat Pengesahan Pelajar)</label><br>
                  <small>Pastikan dokumen dalam format PNG, JPG, JPEG, atau PDF dan tidak melebih 1MB</small>
                  <input class="form-control" type="file" name="dokumen" required>
                </div>

                @endif
                <div class="row justify-content-start mt-4">
                  <div class="col">
                    <div class="row justify-content-center">

<!--                       <div class="alert alert-warning alert-dismissible fade show" role="alert">
                      Permohonan anda telah diterima. Pihak perunding akan menghubungi anda dalam tempoh 7 hari.
                      Permohonan ini juga adalah tertakluk kepada semakan dan kelulusan selanjutnya.
                      </div>
 -->
                      <button type="submit" class="btn btn-primary mt-4">Hantar</button>

                  </div>
                </div>
                </div>
              </div>
            </div>
          </div>
        </form>
        </section>
@endsection