@extends('student.main')

@section('title', 'Data Mahasiswa')

@section('content')
<div class="page-body mt-4">
    <div class="container">
        <div class="row g-xl-4 g-lg-3 g-2 row-deck justify-content-start">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12">
                <div class="card">
                    <div class="card-body">

                        <x-student.card-title title="Data Mahasiswa" subtitle="Detail seluruh data mahasiswa" />

                        <div class="row px-0 mx-0">
                            @if ($message = Session::get('success'))
                                <x-alert colorClass="success" message="{{ $message }}" />
                            @elseif ($message = Session::get('failed'))
                                <x-alert colorClass="danger" message="{{ $message }}" />
                            @endif
                            <div class="col-md-3 text-center">
                                <span class="text-title">Foto Profil</span>
                                <div class="row mt-2">
                                    <div class="col-md-12">
                                        <img src="{{ $student->photo }}" alt="foto profil" width="200">
                                    </div>
                                    <div class="col-md-12">
                                        <button type="button" class="btn btn-primary btn-change-photo mt-3 mr-2">
                                            <x-fa-icon className="fa fa-image" /> Ganti foto
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-9">
                                <div class="row">
                                    <div class="col-md-6">
                                        <x-student.row-data type="default" dataKey="NIM" dataValue="{{ $student->nim }}" />
                                        <x-student.row-data type="default" dataKey="Nama Mahasiswa" dataValue="{{ $student->name }}" />
                                        <x-student.row-data type="default" dataKey="Program Studi" dataValue="{{ $student->prodi_title }}" />
                                        <x-student.row-data type="default" dataKey="Konsentrasi" dataValue="{{ "" }}" />
                                        <x-student.row-data type="default" dataKey="Periode Masuk" dataValue="{{ $student->generation }}" />
                                        <x-student.row-data type="default" dataKey="Tahun Kurikulum" dataValue="{{ $student->curriculum_title }}" />
                                        <x-student.row-data type="default" dataKey="Sistem Kuliah" dataValue="{{ $student->lecture_system }}" />
                                    </div>
                                    <div class="col-md-6">
                                        <x-student.row-data type="default" dataKey="Status" dataValue="{{ $student->status }}" />
                                        <x-student.row-data type="default" dataKey="Kelas / Kelompok" dataValue="{{ $student->name }}" />
                                        <x-student.row-data type="default" dataKey="Jenis Pendaftaran" dataValue="{{ $student->registration_type_title }}" />
                                        <x-student.row-data type="default" dataKey="Jalur Pendaftaran" dataValue="{{ $student->registration_path_title }}" />
                                        <x-student.row-data type="default" dataKey="Gelombang" dataValue="{{ $student->phase_title }}" />
                                        <x-student.row-data type="default" dataKey="Tanggal Masuk" dataValue="{{ $student->date_entry }}" />
                                        <x-student.row-data type="default" dataKey="Biodata Valid" dataValue="{!! $student->is_valid_icon !!}" />
                                    </div>
                                    <div class="col-md-12 d-flex align-items-end">
                                        <x-anchor classColor="success" text="Edit data" url="{{ route('students.profile.data.edit') }}" classIcon="fa fa-edit" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="card mt-3">
                                    <ul class="nav nav-tabs tab-card" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" data-bs-toggle="tab" href="#nav4-info-icon" role="tab" aria-selected="true">
                                                <i class="fa fa-info me-2"></i> Informasi Umum
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-bs-toggle="tab" href="#nav4-domisili-icon" role="tab" aria-selected="false">
                                                <i class="fa fa-address-book me-2"></i> Domisili
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-bs-toggle="tab" href="#nav4-parents-icon" role="tab" aria-selected="false">
                                                <i class="fa fa-users me-2"></i> Orang Tua
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-bs-toggle="tab" href="#nav4-guardian-icon" role="tab" aria-selected="false">
                                                <i class="fa fa-users me-2"></i> Wali
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-bs-toggle="tab" href="#nav4-school-icon" role="tab" aria-selected="false">
                                                <i class="fa fa-building me-2"></i> Sekolah
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="card-body">
                                        <div class="tab-content">
                                            <div class="tab-pane fade active show" id="nav4-info-icon" role="tabpanel">
                                                <div class="row">
                                                    <div class="col-md-6 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Umum</span>
                                                        <hr>
                                                        <x-student.row-data type="default" dataKey="Jenis Kelamin" dataValue="{{ $student->gender == 'male' ? 'Laki-laki' : 'Perempuan' }}" />
                                                        <x-student.row-data type="default" dataKey="Berat Badan (kg)" dataValue="{{ $student->weight }}kg" />
                                                        <x-student.row-data type="default" dataKey="Tinggi Badan (cm)" dataValue="{{ $student->height }}cm" />
                                                        <x-student.row-data type="default" dataKey="Golongan Darah" dataValue="{{ $student->blood_type }}" />
                                                        <x-student.row-data type="default" dataKey="Tempat Lahir" dataValue="{{ $student->birthplace }}" />
                                                        <x-student.row-data type="default" dataKey="Tanggal Lahir" dataValue="{{ $student->birthdate }}" />
                                                        <x-student.row-data type="default" dataKey="Agama" dataValue="{{ $student->religion }}" />
                                                        <x-student.row-data type="default" dataKey="Suku" dataValue="{{ $student->ethnic }}" />
                                                    </div>
                                                    <div class="col-md-6 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Kontak</span>
                                                        <hr>
                                                        <x-student.row-data type="default" dataKey="No. Telepon" dataValue="{{ $student->phone }}" />
                                                        <x-student.row-data type="default" dataKey="No. HP" dataValue="{{ $student->mobile }}" />
                                                        <x-student.row-data type="default" dataKey="Kepemilikan" dataValue="{{ $student->contact_ownership }}" />
                                                        <x-student.row-data type="default" dataKey="Email Kampus" dataValue="{{ $student->email_college }}" />
                                                        <x-student.row-data type="default" dataKey="Email Pribadi" dataValue="{{ $student->email }}" />
                                                    </div>
                                                    <div class="col-md-6 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Administrasi</span>
                                                        <hr>
                                                        <x-student.row-data type="default" dataKey="Kewarganegaraan" dataValue="{{ $student->citizenship }}" />
                                                        <x-student.row-data type="default" dataKey="NIK / No. KTP" dataValue="{{ $student->nik }}" />
                                                        <x-student.row-data type="default" dataKey="Paspor" dataValue="{{ $student->passport }}" />
                                                        <x-student.row-data type="default" dataKey="No. KK" dataValue="{{ $student->kk_no }}" />
                                                        <x-student.row-data type="default" dataKey="No. KPS" dataValue="{{ $student->kps_no }}" />
                                                        <x-student.row-data type="default-file" dataKey="Akta Kelahiran" dataValue="{{ $student->file_akta }}" />
                                                        <x-student.row-data type="default" dataKey="Status Nikah" dataValue="{{ $student->marital_status }}" />
                                                        <x-student.row-data type="default" dataKey="Ukuran Jas Almamater" dataValue="{{ $student->size_almamater }}" />
                                                    </div>
                                                    <div class="col-md-6 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Pekerjaan</span>
                                                        <hr>
                                                        <x-student.row-data type="default" dataKey="Pekerjaan" dataValue="{{ $student->profession }}" />
                                                        <x-student.row-data type="default" dataKey="Instansi Pekerjaan" dataValue="{{ $student->job_agency }}" />
                                                        <x-student.row-data type="default" dataKey="Penghasilan" dataValue="{{ $student->income }}" />
                                                    </div>
                                                    <div class="col-md-6 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Lain-lain</span>
                                                        <hr>
                                                        <x-student.row-data type="default" dataKey="Nomor Rekening" dataValue="{{ $student->account_number }}" />
                                                        <x-student.row-data type="default" dataKey="Nama Rekening" dataValue="{{ $student->account_name }}" />
                                                        <x-student.row-data type="default" dataKey="Nama Bank" dataValue="{{ $student->bank_id }}" />
                                                        <x-student.row-data type="default" dataKey="Transportasi" dataValue="{{ uc_words($student->transportation) }}" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="nav4-domisili-icon" role="tabpanel">
                                                <div class="row">
                                                    <div class="col-md-12 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Data Domisili</span>
                                                        <hr>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <x-student.row-data type="default" dataKey="Alamat" dataValue="{{ $student->address }}" />
                                                        <x-student.row-data type="default" dataKey="RT" dataValue="{{ $student->address_rt }}" />
                                                        <x-student.row-data type="default" dataKey="RW" dataValue="{{ $student->address_rw }}" />
                                                        <x-student.row-data type="default" dataKey="Dusun" dataValue="{{ $student->address_dusun }}" />
                                                        <x-student.row-data type="default" dataKey="Desa / Kelurahan" dataValue="{{ $student->address_village }}" />
                                                    </div>
                                                    <div class="col-md-6">
                                                        <x-student.row-data type="default" dataKey="Provinsi" dataValue="{{ $student->province_name }}" />
                                                        <x-student.row-data type="default" dataKey="Kota" dataValue="{{ $student->city_name }}" />
                                                        <x-student.row-data type="default" dataKey="Kecamatan" dataValue="{{ $student->subdistrict_name }}" />
                                                        <x-student.row-data type="default" dataKey="Kode Pos" dataValue="{{ $student->postcode }}" />
                                                        <x-student.row-data type="default" dataKey="Status Tinggal" dataValue="{{ uc_words($student->residence_status) }}" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="nav4-parents-icon" role="tabpanel">
                                                <div class="row">
                                                    <div class="col-md-6 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Biodata Ayah</span>
                                                        <hr>
                                                        <x-student.row-data type="default" dataKey="Nama Lengkap" dataValue="{{ $student?->father?->name }}" />
                                                        <x-student.row-data type="default" dataKey="NIK" dataValue="{{ $student?->father?->nik }}" />
                                                        <x-student.row-data type="default" dataKey="Tanggal Lahir" dataValue="{{ $student?->father?->birthdate }}" />
                                                        <x-student.row-data type="default" dataKey="Status Hidup" dataValue="{{ $student?->father?->is_live ? 'Ya' : 'Tidak' }}" />
                                                        <x-student.row-data type="default" dataKey="Status Kekerabatan" dataValue="{{ $student?->father?->status_kinship }}" />
                                                        <x-student.row-data type="default" dataKey="Pendidikan Terkahir" dataValue="{{ $student?->father?->last_study?->title }}" />
                                                        <x-student.row-data type="default" dataKey="Pekerjaan" dataValue="{{ $student?->father?->profession }}" />
                                                        <x-student.row-data type="default" dataKey="Penghasilan" dataValue="{{ $student?->father?->income }}" />
                                                        <x-student.row-data type="default" dataKey="Alamat" dataValue="{{ $student?->father?->address }}" />
                                                        <x-student.row-data type="default" dataKey="No. Telepon" dataValue="{{ $student?->father?->phone }}" />
                                                        <x-student.row-data type="default" dataKey="Alamat Email" dataValue="{{ $student?->father?->email }}" />
                                                        {{-- <x-student.row-data type="default" dataKey="Dapat Login" dataValue="{{ $student?->father?->name }}" /> --}}
                                                    </div>
                                                    <div class="col-md-6 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Biodata Ibu</span>
                                                        <hr>
                                                        <x-student.row-data type="default" dataKey="Nama Lengkap" dataValue="{{ $student?->mother?->name }}" />
                                                        <x-student.row-data type="default" dataKey="NIK" dataValue="{{ $student?->mother?->nik }}" />
                                                        <x-student.row-data type="default" dataKey="Tanggal Lahir" dataValue="{{ $student?->mother?->birthdate }}" />
                                                        <x-student.row-data type="default" dataKey="Status Hidup" dataValue="{{ $student?->mother?->is_live ? 'Ya' : 'Tidak' }}" />
                                                        <x-student.row-data type="default" dataKey="Status Kekerabatan" dataValue="{{ $student?->mother?->status_kinship }}" />
                                                        <x-student.row-data type="default" dataKey="Pendidikan Terkahir" dataValue="{{ $student?->mother?->last_study?->title }}" />
                                                        <x-student.row-data type="default" dataKey="Pekerjaan" dataValue="{{ $student?->mother?->profession }}" />
                                                        <x-student.row-data type="default" dataKey="Penghasilan" dataValue="{{ $student?->mother?->income }}" />
                                                        <x-student.row-data type="default" dataKey="Alamat" dataValue="{{ $student?->mother?->address }}" />
                                                        <x-student.row-data type="default" dataKey="No. Telepon" dataValue="{{ $student?->mother?->phone }}" />
                                                        <x-student.row-data type="default" dataKey="Alamat Email" dataValue="{{ $student?->mother?->email }}" />
                                                        {{-- <x-student.row-data type="default" dataKey="Dapat Login" dataValue="{{ $student?->mother?->name }}" /> --}}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="nav4-guardian-icon" role="tabpanel">
                                                <div class="row">
                                                    <div class="col-md-12 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Biodata Wali</span>
                                                        <hr>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <x-student.row-data type="default" dataKey="Nama Lengkap" dataValue="{{ $student?->guardian?->name }}" />
                                                        <x-student.row-data type="default" dataKey="NIK" dataValue="{{ $student?->guardian?->nik }}" />
                                                        <x-student.row-data type="default" dataKey="Tanggal Lahir" dataValue="{{ $student?->guardian?->birthdate }}" />
                                                        <x-student.row-data type="default" dataKey="Status Hidup" dataValue="{{ $student?->guardian?->is_live ? 'Ya' : 'Tidak' }}" />
                                                        <x-student.row-data type="default" dataKey="Status Kekerabatan" dataValue="{{ $student?->guardian?->status_kinship }}" />
                                                        <x-student.row-data type="default" dataKey="Pendidikan Terkahir" dataValue="{{ $student?->guardian?->last_study?->title }}" />
                                                    </div>
                                                    <div class="col-md-6">
                                                        <x-student.row-data type="default" dataKey="Pekerjaan" dataValue="{{ $student?->guardian?->profession }}" />
                                                        <x-student.row-data type="default" dataKey="Penghasilan" dataValue="{{ $student?->guardian?->income }}" />
                                                        <x-student.row-data type="default" dataKey="Alamat" dataValue="{{ $student?->guardian?->address }}" />
                                                        <x-student.row-data type="default" dataKey="No. Telepon" dataValue="{{ $student?->guardian?->phone }}" />
                                                        <x-student.row-data type="default" dataKey="Alamat Email" dataValue="{{ $student?->guardian?->email }}" />
                                                        {{-- <x-student.row-data type="default" dataKey="Dapat Login" dataValue="{{ $student?->guardian?->name }}" /> --}}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="nav4-school-icon" role="tabpanel">
                                                <div class="row">
                                                    <div class="col-md-12 mt-3">
                                                        <span class="text-title"><x-fa-icon className="fa fa-info-circle" /> Data Sekolah</span>
                                                        <hr>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <x-student.row-data type="default" dataKey="Pendidikan Asal" dataValue="{{ $student->education_before }}" />
                                                        <x-student.row-data type="default" dataKey="Propinsi Sekolah" dataValue="{{ $student?->education_province?->province_name }}" />
                                                        <x-student.row-data type="default" dataKey="Kota Sekolah" dataValue="{{ $student?->education_city?->city_name }}" />
                                                        <x-student.row-data type="default" dataKey="Sekolah" dataValue="{{ $student->education_name }}" />
                                                        <x-student.row-data type="default" dataKey="Alamat Sekolah" dataValue="{{ $student->education_address }}" />
                                                    </div>
                                                    <div class="col-md-6">
                                                        <x-student.row-data type="default" dataKey="Telepon Sekolah" dataValue="" />
                                                        <x-student.row-data type="default" dataKey="Nomor Ijazah Sekolah" dataValue="" />
                                                        <x-student.row-data type="default" dataKey="NISN" dataValue="{{ $student->nisn_no }}" />
                                                        <x-student.row-data type="default-file" dataKey="File Ijazah Terakhir" dataValue="{{ $student->file_education_ijazah }}" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<form action="" method="post" enctype="multipart/form-data" class="d-none uploadFileForm">
    @csrf <input type="file" name="file" id="file">
</form>
@endsection

@push('custom-script')
    <script type="text/javascript">
        $(document).ready(function(){
            var inputFile = $('#file');
            var uploadFileForm = $('.uploadFileForm');
            $('.btn-change-photo').on('click', function(){
                inputFile.click();
            })

            $('.btn-delete-photo').on('click', function(){
                uploadFileForm.attr("action", "{{ route('students.profile.delete-photo') }}");
                uploadFileForm.submit();
            })

            $('#file').on('change', function(){
                uploadFileForm.attr("action", "{{ route('students.profile.change-photo') }}");
                uploadFileForm.submit();
            })
        })
    </script>
@endpush