@extends('backend.layouts.app')
@section('title', 'Halaman Pengajuan | SPK-AHP')
{{-- @endsection --}}
@section('content')
<div class="container-fluid grid-margin stretch-card">
    <!-- Judul Halaman -->
        {{-- <div class="align-items-center mb-4"> --}}
            <h1 class="h3 mb-0 text-gray-800">Pendaftaran {{ $form->nama_form}}</h1>
            <p class="mb-4">Pada halaman ini mahasiswa yang akan mendaftarkan pengajuan dapat mengisi form dan upload berkas pendukung.</p>
        {{-- </div> --}}
        <div class="card">
            <div class="card-header border-0">
                <div class="alert alert-primary" role="alert">
                    <h4 class="alert-heading">Nama Mahasiswa: <?= $mhs->nama ?></h4>
                    <p>NIM : <?= $mhs->nim ?></p>
                </div>
            </div>
            
            @if ($status == '0' || $status == '1')
                <div class="col-md justify-content-center">
                    <div class="row m-3">
                        <div class="col-md-4 text-center mt-4">
                            <img src="{{ url('assets/img/undraw_enter_uhqk.svg')}}" alt="noData" class="img-rounded img-responsive img-fluid" width="50%" oncontextmenu="return false;">
                        </div>
                        <div class="col-md-8 pt-0 mt-4">
                            <h5 class="text-bold text-muted text-left">
                                Mohon maaf, Anda tidak diperbolehkan mendaftar: <br>
                                1. Jika status masih <span class="badge badge-secondary">Pending</span>, anda tidak diperbolehkan mendaftar dalam jangka waktu tersebut. <br>
                                2. Karena Anda sebelumnya sudah pernah mendaftar, dan apabila <span class="badge badge-success">Diterima</span> maka tidak dizinkan mengajukan pendaftaran kembali. <br> 
                                3. Namun apabila pendaftaran sebelumnya <span class="badge badge-danger">Tidak Diterima</span>, silahkan mendaftar kembali.</h5>
                            <a href="/pendaftaran" class="btn btn-secondary mt-3"><i class="fas fa-arrow-left"></i> Kembali</a>
                        </div>
                    </div>
                </div>                
            @else
            <div class="card-body">
                @if (!empty(session('error')))
                    <div class="alert alert-danger text-center" role="alert">
                        <i class="fas fa-ban"></i> {{ session('error') }}
                    </div>
                @endif
                <form class="needs-validation" method="POST" action="/daftarukt" enctype="multipart/form-data">
                    <div class="alert alert-dark" role="alert">
                        Isi data berikut sesuai dengan kondisi anda, pastikan data yang anda inputkan adalah benar.
                    </div>
                    @csrf
                    {{-- {{$kriteria}} --}}
                    <div class="form-group">
                        <label for="jenis">Pilih Jenis Pengajuan</label>
                        <select class="custom-select @error('jenis') is-invalid @enderror" name="jenis" id="jenis">
                            <option value="">-- Pilih Jenis --</option>
                            <option value="Pengangsuran UKT">Pengangsuran UKT</option>
                            <option value="Penurunan UKT">Penurunan UKT</option>
                        </select>
                        <small id="jenisHelp" class="form-text text-muted">Pilih (jenis) formulir, Pengangsuran atau Penurunan.</small>
                        @error('jenis')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <br>
                    <hr>
                    <br>
                    @php
                        $no = 1;
                        $nom = 1;
                        $nok = 1;
                        $nof = 0;
                        $nof1 = 0;
                        $nof2 = 0;
                    @endphp
                    {{-- @foreach ($kriteria as $key => $k) --}}
                    @for ($i=0; $i < count($kriteria); $i++)
                    @php
                        $index = $i;
                    @endphp
                    <div class="form-group form-check">
                        <label for="nama_form"><span class="badge badge-primary"><h6 class="card-text">{{$no++}}. {{ $kriteria[$i]->nama_kriteria }}</h6></span></label><br>
                        @for ($s = 0; $s < count($sub[$i]); $s++)
                        <div class="form-check-inline mr-5">
                            <input class="form-check-input" type="radio" name="sub{{ $i }}" id="inlineRadio{{$nom++}}" value="{{ $sub[$i][$s]->bobot }}" required>
                            <label class="form-check-label font-weight-bold" for="inlineRadio{{$nok++}}">{{$sub[$i][$s]->nama_sub}}</label>
                            {{-- <input type="text" name="sub_input{{ $i }}" value="{{ $sub[$i][$s]->id }}"> --}}
                        </div>
                        @endfor
                    </div>
                    {{-- <br> --}}
                    <div class="form-group">
                        <label for="file" class="form-label">File Pendukung {{ $kriteria[$i]->nama_kriteria }}</label>
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="file">File Pendukung</span>
                            </div>
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" name="pdf{{ $nof++ }}" id="pdf{{$nof1++}}" required accept="application/pdf">
                                <label class="custom-file-label" for="pdf">Choose file</label>
                            </div>
                        </div>
                        <small id="fileHelp" class="form-text text-muted">{{$kriteria[$i]->keterangan_upload}} dan maksimal ukuran (size <b class="text-danger">PDF</b>) : 1.5Mb.</small>
                        @error('pdf{{$i}}')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <br>
                    <hr>
                    <br>
                    <script>
                        $('#pdf{{ $nof2++ }}').on('change',function(){
                            //get the file name
                            var fileName = $(this).val();
                                //replace the "Choose a file" label
                                
                                const size = 
                                (this.files[0].size / 1024 / 1024).toFixed(2);
                                
                                if (size > 1.5) {
                                    alert("File harus berukuran paling tidak dibawah 1.5MB");
                                }else {
                                    $(this).next('.custom-file-label').html(fileName);
                                }
                        });
                    </script>
                    @endfor
                    <br>
                    <br>
                    <br>
                    <div class="form-group">
                        <label for="file" class="form-label">File Pendukung Lainnya</label>
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="file">File Pendukung</span>
                            </div>
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" name="pendukung" id="pendukung_" required accept="application/pdf">
                                <label class="custom-file-label" for="pdf">Choose file</label>
                            </div>
                        </div>
                        <small id="fileHelp" class="form-text text-muted">Scan Pajak Kendaraan, Scan Pajak Bumi dan Bangunan, Scan STNK Kendaraan (jadikan satu file pdf) dan maksimal ukuran (size <b class="text-danger">PDF</b>) : 3Mb.</small>
                        @error('pendukung')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <script>
                        $('#pendukung_').on('change',function(){
                            //get the file name
                            var fileName1 = $(this).val();
                                //replace the "Choose a file" label
                                
                                const size1 = 
                                (this.files[0].size / 1024 / 1024).toFixed(2);
                                
                                if (size1 > 3) {
                                    alert("File harus berukuran paling tidak dibawah 3MB");
                                }else {
                                    $(this).next('.custom-file-label').html(fileName1);
                                }
                        });
                    </script>
                    <input type="hidden" name="id_form" value="{{$form->id}}">
                    <input type="hidden" name="nim" value="{{$mhs->nim}}">
                    {{-- @endforeach --}}
                    <div class="row mt-5 align-items-center">
                        <div class="col-md-6 col-sm-2 text-left">
                            <a href="/pendaftaran" class="btn btn-dark"><i class="fas fa-arrow-left"></i> Kembali</a>
                        </div>
                        <div class="col-md-6 col-sm-2 text-right">
                            {{-- <a href="/daftarukt" id="daf" class="btn btn-primary me-2"><i class="fas fa-save"></i> Simpan</a> --}}
                            <a href="#" data-toggle="modal" data-target="#ModalSend" class="btn btn-primary me-2"><i class="fas fa-save"></i> Simpan</a>
                        </div>
                    </div>
                    <script>
                        $('#daf').on('click', function(e) {
                            let form =  $(this).closest("form");
                            event.preventDefault();

                            Swal.fire({
                                title: 'Apakah data yang dimasukkan sudah benar?',
                                text: "Data yang disimpan tidak dapat di edit kembali!",
                                icon: 'info',
                                showCancelButton: true,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: 'Ya, daftar!',
                                cancelButtonText: 'Batal'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    // window.location = this.href;
                                    $.ajax({
                                    type : 'POST',
                                    url : "{{route('daftarukt')}}",
                                    data : {
                                        "_token": "{{ csrf_token() }}", 
                                    },
                                    cache : false,

                                    success: function(msg){
                                        document.body.appendChild(form);
                                        form.submit();
                                        document.body.removeChild(form);
                                        console.log('berhasil:', msg)
                                    },
                                    error: function(data)
                                    {
                                        console.log('error:', data)
                                    }
                                    })
                                }
                            })
                        });
                    </script>
                <!-- Logout Modal-->
                <div class="modal fade" id="ModalSend" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                    aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Konfirmasi Pendaftaran</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                            </div>
                            <div class="modal-body">Apakah data yang dimasukkan sudah benar? <br> Data yang disimpan tidak dapat di edit kembali!</div>
                            <div class="modal-footer">
                                <button class="btn btn-secondary" type="button" data-dismiss="modal">Batal</button>
                                <button type="submit" class="btn btn-primary"><i class="fas fa-fw fa-save mr-1"></i> Simpan</button>
                            </div>
                        </div>
                    </div>
                </div>
                </form>
            </div>
            @endif
        </div>
    </div>

@endsection