@extends('siswa.master')
@section('title', 'Data Pendaftaran')
@section('content')
    <div class="main-container">
        <div class="pd-ltr-20 xs-pd-20-10">
            <div class="min-height-200px">
                <div class="page-header">
                    <div class="title">
                        <h4>Data Pendaftaran</h4>
                    </div>
                    <nav aria-label="breadcrumb" role="navigation">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page">
                                Data Pendaftaran
                            </li>
                        </ol>
                    </nav>
                </div>
                <div class="alert alert-info">
                    Anda Dapat Mengubah <b>DATA PENDAFTARAN</b> Jika Masih Terdapat Kesalahan Input
                </div>
                <div class="card">
                    <form id="updateForm">
                        @csrf
                        <div class="card-header bg-success text-white">
                            DATA PENDAFTARAN
                        </div>
                        <div class="card-body">
                            <section>
                                <div class="form-group">
                                    <label>Tanggal Pendaftaran <span class="text-danger">*</span></label>
                                    <input type="text"
                                        value="{{ \Illuminate\Support\Carbon::createFromFormat('Y-m-d', $pendaftaran?->tanggal_daftar)->isoFormat('D MMMM Y') }}"
                                        readonly class="form-control" />
                                </div>
                                <div class="form-group">
                                    <label>Unit Sekolah <span class="text-danger">*</span></label>
                                    <input type="text" value="{{ $sekolah?->nama_sekolah }}" readonly
                                        class="form-control" />
                                </div>
                                <div class="form-group">
                                    <label>Jalur Pendaftaran <span class="text-danger">*</span></label>
                                    <select required class="form-control" name="jalur_pendaftaran_id" id="">
                                        <option value="">- PILIH JALUR PENDAFTARAN -</option>
                                        @foreach ($jalur_pendaftaran as $j)
                                            <option {{ $pendaftaran?->jalur_pendaftaran_id == $j->id ? 'selected' : '' }}
                                                value="{{ $j->id }}">- {{ $j->nama_jalur }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Tahun Ajaran / Gelombang <span class="text-danger">*</span></label>
                                    <input type="text"
                                        value="{{ $tahun_ajaran?->tahun }} / {{ $gelombang?->nama_gelombang }}" readonly
                                        class="form-control" />
                                </div>
                                <div class="form-group">
                                    <label>Biaya Pendaftaran <span class="text-danger">*</span></label>
                                    <input type="text"
                                        value="{{ 'Rp. ' . number_format($gelombang?->biaya, 0, ',', '.') }}" readonly
                                        class="form-control" />
                                </div>
                                <div class="form-group">
                                    <label>Asal Sekolah <span class="text-danger">*</span></label>
                                    <select required class="form-control" name="asal_sekolah" id="">
                                        <option value="">- PILIH ASAL SEKOLAH -</option>
                                        @foreach ($asal_sekolah as $a)
                                            <option {{ $pendaftaran?->asal_sekolah == $a ? 'selected' : '' }}
                                                value="{{ $a }}">- {{ $a }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>NPSN Sekolah <span class="text-danger">*</span></label>
                                    <input type="number" value="{{ $pendaftaran?->npsn_sekolah }}" name="npsn_sekolah"
                                        class="form-control bg-white" placeholder="Masukkan NPSN Sekolah" required />
                                    <small class="form-text text-muted">
                                        <i> Hanya Bisa Diisi dengan 8 Digit Angka </i>
                                    </small>
                                </div>
                                <div class="form-group">
                                    <label>NSM Sekolah</label>
                                    <input type="number" value="{{ $pendaftaran?->nsm_sekolah }}" name="nsm_sekolah"
                                        class="form-control" placeholder="Masukkan NSM Sekolah" />
                                    <small class="form-text text-muted">
                                        <i> Hanya Bisa Diisi dengan 12 Digit Angka </i>
                                    </small>
                                </div>
                                <div class="form-group">
                                    <label>Nama Asal Sekolah <span class="text-danger">*</span></label>
                                    <input type="text" name="nama_asal_sekolah"
                                        value="{{ $pendaftaran?->nama_asal_sekolah }}" class="form-control bg-white"
                                        placeholder="Masukkan Nama Sekolah" required />
                                </div>

                            </section>
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary btn-block">
                                Update Data Pendaftaran
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <br><br><br>
    @if ($pendaftaran?->nsm_sekolah == null)
        <script>
            $("input[name='nsm_sekolah']").prop('readonly', true).prop("disabled", true);
            $("input[name='nsm_sekolah']").val('');
        </script>
    @endif
    <script>
        $("select[name='asal_sekolah']").change(function() {
            if ($(this).val() == "TK" || $(this).val() == "SD" || $(this).val() == "SMP") {
                $("input[name='nsm_sekolah']").prop('readonly', true).prop("disabled", true);
                $("input[name='nsm_sekolah']").val('');
            } else {
                $("input[name='nsm_sekolah']").prop('readonly', false).prop("disabled", false);
            }
        });

        $('#updateForm').submit(function(e) {
            e.preventDefault();
            const npsn_sekolah = $("input[name='npsn_sekolah']").val();
            const nama_asal_sekolah = $("input[name='nama_asal_sekolah']").val();
            if (!npsn_sekolah) {
                $("input[name='npsn_sekolah']").addClass("is-invalid");
                swal('Masukkan NPSN Sekolah');
            } else
            if (npsn_sekolah.length !== 8) {
                $("input[name='npsn_sekolah']").addClass("is-invalid");
                swal('NPSN Sekolah Hanya Bisa Diisi 8 Digit Saja');
            } else
            if (!nama_asal_sekolah) {
                $("input[name='nama_asal_sekolah']").addClass("is-invalid");
                swal('Masukkan Nama Asal Sekolah');
            } else {
                var formData = new FormData(this);
                $.ajax({
                    type: 'POST',
                    url: "{{ url('siswa/pendaftaran') }}",
                    data: formData,
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        $.LoadingOverlay("show", {
                            image: "",
                            fontawesome: "fa fa-cog fa-spin"
                        });
                    },
                    complete: function() {
                        $.LoadingOverlay("hide", {
                            image: "",
                            fontawesome: "fa fa-cog fa-spin"
                        });
                    },
                    success: function(data) {
                        if (data.status) {
                            swal('Pendaftaran Diupdate', data.message, "success")
                                .then((result) => {
                                    location.reload();
                                });
                        } else {
                            swal('Gagal Update', data.message, "error");
                        }
                    },
                    error: function(xhr, status, error) {
                        alert('Terjadi Kesalahan');
                        console.log(xhr.responseText);
                    }
                });
            }
        });
    </script>
@endsection