@extends('admin.sidebar')
@section('content')
<section class="section">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class=" text-center">Data Atlet</h3>
@include('message')
</div>
<div class="card-body">
<form class="row" action="{{ route('atlits.update', Crypt::encryptString($atlit->user_id)) }}"
method="POST" enctype="multipart/form-data">
@csrf
@method('put')
<div class="col-lg ">
{{-- USER INPUT --}}
<div class="mb-5">
<a class="btn btn-warning text-black" href="{{ route('atlits.index') }}"><i
class="bi bi-arrow-left-circle-fill text-black m-2"></i>Kembali</a>
<button type="submit" class="btn btn-primary ">
<i class="bx bx-check d-block d-sm-none"></i>
<span><i class="bi bi-pencil-square"style="margin-right:5px"></i>Edit Data</span>
</button>
</div>
<h3>Data Akun</h3>
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username" name="username"
placeholder="Masukan Nama Username" value="{{ $atlit->user->username }}" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" name="email"
placeholder="Masukan Nama Email"value="{{ $atlit->user->email }}" required>
</div>
<div class="form-group">
<label for="password" class="form-label">Ganti Password</label>
<div class="d-flex">
<input type="password" class="form-control" id="password"
name="password"placeholder="*******">
<span toggle="#password" class=" mx-2 eye p-1"
style="width: 40px!important; height:40px!important;"><i
class="bi bi-eye-fill"></i></span>
</div>
<i>*Minimal 6 karakter!</i>
</div>
<div class="form-group">
<label for="password" class="form-label">Konfirmasi Password Baru</label>
<div class="d-flex">
<input type="password_confirm" class="form-control" id="password_confirm"
name="password_confirm"placeholder="*******">
<span toggle="#password_confirm" id="eyes" class=" mx-2 eye p-1"
style="width: 40px!important; height:40px!important;"><i
class="bi bi-eye-fill"></i></span>
</div>
</div>
{{-- USER INPUT --}}
<h3>Data Diri</h3>
<img style="width:150px;" src="{{ asset('images/atlit/' . $atlit->user->photo) }}"
alt="">
<div class="form-group">
<label for="photo">Photo</label>
<input type="file" class="form-control" id="photo" name="photo"
placeholder="Masukan photo">
<i>*Foto yang dimasukan tidak boleh lebih dari 2mb!</i>
</div>
<div class="form-group">
<label for="cabor">Cabang Olahraga</label>
<select id="cabor" name="cabor" class="form-control">
<option selected disabled>--Pilih Cabor--</option>
@foreach ($cabor as $item)
<option value="{{ $item->nama }}">{{ $item->nama }}</option>
@endforeach
</select>
</div>
<div class="form-group">
<label for="asal_kota">Asal Kota atau Kabupaten</label>
<select class="form-control" name="asal_kota" id="asal_kota">
<option selected disabled>--Kabupaten/Kota--</option>
<option value="Kabupaten Berau"> Kabupaten Berau</option>
<option value="Kabupaten Kutai Barat">Kabupaten Kutai Barat</option>
<option value="Kabupaten Kutai Kartanegara">Kabupaten Kutai Kartanegara</option>
<option value="Kabupaten Kutai Timur">Kabupaten Kutai Timur</option>
<option value="Kabupaten Mahakam Ulu">Kabupaten Mahakam Ulu</option>
<option value="Kabupaten Paser">Kabupaten Paser</option>
<option value="Kabupaten Penajam Paser Utara">Kabupaten Penajam Paser Utara
</option>
<option value="Kota Balikpapan">Kota Balikpapan</option>
<option value="Kota Bontang">Kota Bontang</option>
<option value="Kota Samarinda"> Kota Samarinda</option>
</select>
</div>
<div class="form-group">
<label for="nama_lengkap">Nama Lengkap</label>
<input type="text" class="form-control" id="nama_lengkap" name="nama_lengkap"
placeholder="Masukan Nama Lengkap" value="{{ $atlit->nama_lengkap }}" required>
</div>
<div class="form-group">
<label for="NIK">NIK</label>
<input type="number" class="form-control" id="NIK" name="NIK"
placeholder="Masukan NIK"value="{{ $atlit->NIK }}" maxlength="13" required
pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==16) return false;">
</div>
<div class="form-group">
<label for="jenis_kelamin">Jenis Kelamin</label>
<select class="form-control" name="jenis_kelamin" id="jenis_kelamin">
<option selected disabled>--Jenis Kelamin--</option>
<option value="0">Laki-Laki</option>
<option value="1">Perempuan</option>
</select>
</div>
<div class="form-group">
<label for="umur">Umur</label>
<input type="number" class="form-control" id="umur" name="umur"
placeholder="Masukan Nama Umur"value="{{ $atlit->umur }}" disabled>
</div>
<i>*Ubah tanggal lahir jika ingin mengganti umur</i>
<div class="form-group">
<label for="tanggal_lahir">Tanggal Lahir</label>
<input type="date" class="form-control"
id="tanggal_lahir"value="{{ $atlit->tanggal_lahir }}" placeholder="dd/mm/yyyy"
name="tanggal_lahir" required>
</div>
<div class="form-group">
<label for="tempat_lahir">Tempat Lahir</label>
<input type="text" class="form-control" id="tempat_lahir"
placeholder="Masukan Tempat Lahir"value="{{ $atlit->tempat_lahir }}"
name="tempat_lahir" required>
</div>
<div class="form-group">
<label for="golongan_darah">Golongan Darah</label>
<select class="form-control" name="golongan_darah" id="golongan_darah">
<option selected disabled>--Golongan Darah--</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="O">O</option>
<option value="AB">AB</option>
</select>
</div>
<div class="form-group">
<label for="jenjang_pendidikan">Jenjang Pendidikan</label>
<select class="form-control" name="jenjang_pendidikan" id="jenjang_pendidikan">
<option selected disabled>--Jenjang Pendidikan--</option>
<option value="PAUD">PAUD</option>
<option value="SD/Sederajat">SD/Sederajat</option>
<option value="SMP/Sederajat">SMP/Sederajat</option>
<option value="SMA/Sederajat">SMA/Sederajat</option>
<option value="D3">D3</option>
<option value="Sarjana">Sarjana</option>
<option value="S2/Magister">S2/Magister</option>
</select>
</div>
<div class="form-group">
<label for="nama_sekolah">Nama Sekolah</label>
<input type="text" class="form-control" id="nama_sekolah"
placeholder="Masukan Nama Sekolah"
name="nama_sekolah"value="{{ $atlit->nama_sekolah }}" required>
</div>
<div class="form-group">
<label for="alamat_sekolah">Alamat Sekolah</label>
<input type="text" class="form-control" id="alamat_sekolah"
placeholder="Masukan Alamat Sekolah"
name="alamat_sekolah"value="{{ $atlit->alamat_sekolah }}" required>
</div>
<div class="form-group">
<label for="nama_ortu">Nama Orang Tua (Ayah)</label>
<input type="text" class="form-control" id="nama_ortu"
placeholder="Masukan Nama Ayah" name="nama_ortu" value="{{ $atlit->nama_ortu }}"
required>
</div>
<div class="form-group">
<label for="tinggi_ayah">Tinggi Orang Tua (Ayah)</label>
<input type="number" class="form-control" id="tinggi_ayah"
placeholder="Masukan tinggi Ayah dalam cm" name="tinggi_ayah"
value="{{ $atlit->tinggi_ayah }}" required>
</div>
<div class="form-group">
<label for="nama_ortu">Nama Orang Tua (Ibu)</label>
<input type="text" class="form-control" id="nama_ortu_ibu"
placeholder="Masukan Nama Ayah" name="nama_ortu_ibu"
value="{{ $atlit->nama_ortu_ibu }}" required>
</div>
<div class="form-group">
<label for="tinggi_ibu">Tinggi Orang Tua (Ibu)</label>
<input type="number" class="form-control" id="tinggi_ibu"
placeholder="Masukan tinggi Ibu dalam cm" name="tinggi_ibu"
value="{{ $atlit->tinggi_ibu }}" required>
</div>
<div class="form-group">
<label for="no_telp">Nomor Telepon</label>
<input type="number" class="form-control" id="no_telp" name="no_telp"
placeholder="Masukan Nomor Telpon"value="{{ $atlit->no_telp }}"
pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==13) return false;"
required>
</div>
<div class="form-group">
<label for="no_paspor">Nomor Paspor (Optional)</label>
<input type="number" class="form-control" id="no_paspor" name="no_paspor"
placeholder="Masukan Nomor Paspor" value="{{ $atlit->no_paspor }}">
</div>
<div class="form-group">
<label for="masa_berlaku">Masa Berlaku (Optional)</label>
<input type="date" class="form-control" id="masa_berlaku" name="masa_berlaku"
placeholder="Masukan Masa Belaku Paspor"value="{{ $atlit->masa_berlaku }}">
</div>
<div class="form-group">
<label for="tempat_terbit">Tempat Terbit (Optional)</label>
<input type="text" class="form-control" id="tempat_terbit" name="tempat_terbit"
placeholder="Masukan Tempat Terbit Paspor"value="{{ $atlit->tempat_terbit }}">
</div>
<div class="form-group">
<label for="alamat_domisili">Alamat Domisisi</label>
<input type="text" class="form-control" id="alamat_domisili"
name="alamat_domisili"
placeholder="Masukan Alamat Domisili"value="{{ $atlit->alamat_domisili }}"
required>
</div>
</div>
<div class="col-lg">
<h3>Data Cabang Olahraga</h3>
<div class="form-group" id="pelatihContainer">
<label for="pelatih_id">Nama Pelatih</label>
<select class="form-control selectpicker" name="pelatih_id" id="pelatih_id"
data-show-subtext="true" data-live-search="true">
<option selected disabled>--Pilih Nama Pelatih--</option>
@foreach ($pelatih as $item)
<option value="{{ $item->id }}">{{ $item->nama_lengkap }}</option>
@endforeach
</select>
</div>
<div class="form-group">
<label for="status_atlet">Status Atlet</label>
<select class="form-control" name="status_atlet" id="status_atlet">
<option selected disabled>--Status Atlet--</option>
<option value="Club">Club</option>
<option value="SKOI">SKOI</option>
<option value="PPLT">PPLT</option>
<option value="PPLD">PPLD</option>
</select>
</div>
<div class="form-group">
<label for="asal_atlet">Asal Atlet</label>
<input type="text" class="form-control" id="asal_atlet" name="asal_atlet"
placeholder="Masukan Asal Atlet"value="{{ $atlit->asal_atlet }}" required>
</div>
<div class="form-group">
<label for="atlet_lapis">Atlet Lapis</label>
<select class="form-control" name="atlet_lapis" id="atlet_lapis">
<option selected disabled>--Lapis--</option>
<option value="LAPIS 1">LAPIS 1</option>
<option value="LAPIS 2">LAPIS 2</option>
<option value="LAPIS 3">LAPIS 3</option>
<option value="LAPIS 4">LAPIS 4</option>
</select>
</div>
<div class="form-group">
<label for="nama_club">Nama Club</label>
<input type="text" class="form-control" id="nama_club" name="nama_club"
placeholder="Masukan Nama Club"value="{{ $atlit->nama_club }}" required>
</div>
<div class="form-group">
<label for="program_kegiatan">Program Kegiatan</label>
<input type="text" class="form-control" id="program_kegiatan"
name="program_kegiatan"
placeholder="Masukan Program Kegiatan"value="{{ $atlit->program_kegiatan }}"
required>
</div>
<div class="form-group">
<label for="photo">Program Pelatihan Atlet (PPA)</label>
<input type="file" class="form-control" id="ppa" name="ppa"
placeholder="Masukan ">
<i class="form-group">* file berupa Pdf dan tidak boleh lebih dari 2mb!</i>
</div>
<div class="form-group py-3">
<label for="program_latihan " style="margin-bottom :10px">Program
Latihan</label>
<div>
<input type="checkbox" id="program_latihan1" value="FLEXIBILITY"
name="program_latihan[]"
{{ in_array('FLEXIBILITY', $program_latihan) ? 'checked' : '' }}>
<label for="program_latihan1">FLEXIBILITY</label>
</div>
<div>
<input type="checkbox" id="program_latihan2" value="SPEED & QUICKNESS"
name="program_latihan[]"
{{ in_array('SPEED & QUICKNESS', $program_latihan) ? 'checked' : '' }}>
<label for="program_latihan2">SPEED & QUICKNESS</label>
</div>
<div>
<input type="checkbox" id="program_latihan3" value="STRENGTH"
name="program_latihan[]"
{{ in_array('STRENGTH', $program_latihan) ? 'checked' : '' }}>
<label for="program_latihan3">STRENGTH</label>
</div>
<div>
<input type="checkbox" id="program_latihan4" value="ENDURANCE"
name="program_latihan[]"
{{ in_array('ENDURANCE', $program_latihan) ? 'checked' : '' }}>
<label for="program_latihan4">ENDURANCE</label>
</div>
</div>
<div class="form-group">
<label for="alamat_club">Alamat Club</label>
<input type="text" class="form-control" id="alamat_club" name="alamat_club"
placeholder="Masukan Alamat Club" value="{{ $atlit->alamat_club }}" required>
</div>
<h3>Data Fisik</h3>
<div class="form-group">
<label for="berat_badan">Berat Badan</label>
<input type="number" class="form-control" id="berat_badan" name="berat_badan"
placeholder="Masukan Berat Badan" value="{{ $atlit->berat_badan }}" required>
</div>
<div class="form-group">
<label for="tinggi_badan">Tinggi Badan</label>
<input type="number" class="form-control" id="tinggi_badan" name="tinggi_badan"
placeholder="Masukan Tinggi Badan"value="{{ $atlit->tinggi_badan }}" required>
</div>
<div class="form-group">
<label for="size_sepatu">Size Sepatu</label>
<input type="text" class="form-control" id="size_sepatu" name="size_sepatu"
placeholder="Masukan Size Sepatu"value="{{ $atlit->size_sepatu }}" required>
</div>
<div class="form-group">
<label for="size_baju">Size Baju</label>
<input type="text" class="form-control" id="size_baju" name="size_baju"
placeholder="Masukan Size Baju" value="{{ $atlit->size_baju }}" required>
</div>
<div class="form-group">
<label for="size_celana">Size Celana</label>
<input type="text" class="form-control" id="size_celana" name="size_celana"
placeholder="Masukan Size Celana" value="{{ $atlit->size_celana }}" required>
</div>
<div class="form-group">
<label for="size_topi">Size Topi</label>
<input type="text" class="form-control"
id="size_topi"value="{{ $atlit->size_topi }}" name="size_topi"
placeholder="Masukan Size Topi" required>
</div>
<div class="form-group">
<label for="size_training">Size Training</label>
<input type="text" class="form-control" id="size_training" name="size_training"
placeholder="Masukan Size Training" value="{{ $atlit->size_training }}" required>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
@push('ckEditor')
{{-- cdn ckeditor --}}
<script src="{{ url('https://cdn.ckeditor.com/ckeditor5/11.0.1/classic/ckeditor.js') }}"></script>
{{-- cdn ckeditor --}}
@endpush
@push('script-modal')
<script>
$(document).ready(function() {
const pelatih_id = <?php echo json_encode($atlit->pelatih_id); ?>;
$('.form-group #pelatih_id').val(pelatih_id);
$('.form-group #cabor').change(function() {
var pelatihDropdown = $('#pelatih_id');
var CaborPilihan = $(this).val();
jQuery.getScript('https://cdn.jsdelivr.net/npm/sweetalert2@11', function() {
Swal.fire({
title: 'Cabor telah diubah!',
text: 'Ayo pilih kembali Nama Pelatihmu!',
icon: 'warning',
confirmButtonText: 'OK'
});
});
$.ajax({
url: '/get-pelatih/' + CaborPilihan,
type: 'GET',
success: function(data) {
pelatihDropdown.empty();
if (data.length > 0) {
$.each(data, function(index, pelatih) {
pelatihDropdown.append('<option value="' + pelatih.id +
'">' +
pelatih.nama_lengkap + '</option>');
});
} else {
pelatihDropdown.append(
'<option value="" disabled>Pelatih Tidak Tersedia!</option>'
);
}
pelatihDropdown.selectpicker('refresh');
},
error: function(error) {
console.log(error);
}
});
});
});
</script>
<script>
$(document).ready(function() {
const golongan_darah = <?php echo json_encode($atlit->golongan_darah); ?>;
const pendidikan_terakhir = <?php echo json_encode($atlit->pendidikan_terakhir); ?>;
const jenis_kelamin = <?php echo json_encode($atlit->jenis_kelamin); ?>;
const status_kawin = <?php echo json_encode($atlit->status_kawin); ?>;
const asal_kota = <?php echo json_encode($atlit->asal_kota); ?>;
const status_atlet = <?php echo json_encode($atlit->status_atlet); ?>;
const atlet_lapis = <?php echo json_encode($atlit->atlet_lapis); ?>;
const atlet_cabor = <?php echo json_encode($atlit->cabor); ?>;
const jenjang_pendidikan = <?php echo json_encode($atlit->jenjang_pendidikan); ?>;
$('.form-group #golongan_darah').val(golongan_darah)
$('.form-group #atlet_lapis').val(atlet_lapis)
$('.form-group #status_atlet').val(status_atlet)
$('.form-group #pendidikan_terakhir').val(pendidikan_terakhir)
$('.form-group #jenis_kelamin').val(jenis_kelamin)
$('.form-group #status_kawin').val(status_kawin)
$('.form-group #asal_kota').val(asal_kota)
$('.form-group #cabor').val(atlet_cabor)
$('.form-group #jenjang_pendidikan').val(jenjang_pendidikan)
});
</script>
<script>
var clicked = false;
const togglePassword = document.querySelector('.eye');
const password = document.querySelector('#password');
togglePassword.addEventListener('click', function() {
const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
password.setAttribute('type', type);
if (clicked) {
togglePassword.style.cssText =
'width: 40px!important; height:40px!important;color:#333!important;';
} else {
togglePassword.style.cssText =
'width: 40px!important; height:40px!important;color:#5C7CB4!important;';
}
clicked = !clicked;
});
</script>
<script>
var clicked2 = false;
const togglepassword_confirm = document.querySelector('#eyes');
const password_confirm = document.querySelector('#password_confirm');
togglepassword_confirm.addEventListener('click', function() {
const type = password_confirm.getAttribute('type') === 'password' ? 'text' : 'password';
password_confirm.setAttribute('type', type);
if (clicked2) {
togglepassword_confirm.style.cssText =
'width: 40px!important; height:40px!important;color:#333!important;';
} else {
togglepassword_confirm.style.cssText =
'width: 40px!important; height:40px!important;color:#5C7CB4!important;';
}
clicked2 = !clicked2;
});
</script>
{{-- script --}}
@endpush
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell