@extends('layouts.master')
@section('title')
    @lang('translation.profile')
@endsection
@section('css')
    <link rel="stylesheet" href="{{ URL::asset('build/libs/swiper/swiper-bundle.min.css') }}">
@endsection
@section('content')
@include('manajemen.pegawai.modal')
    <div class="profile-foreground position-relative mt-2">
        <div class="profile-wid-bg">
            <img src="{{ URL::asset('images/profile/pegawai') }}/{{ $prods->foto}}" alt="" class="profile-wid-img" />
        </div>
    </div>
    <div class="pt-4 mb-4 mb-lg-3 pb-lg-4 profile-wrapper">
        <div class="row g-4">
            <div class="col-auto">
                <div class="profile-user position-relative d-inline-block mx-auto  mb-4">
                    <form method="POST" enctype="multipart/form-data">
                        <input type="hidden" name="id" value="{{ $prods->id}}" class="idkar">
                        <input type="hidden" name="foto_old" value="{{ $prods->foto}}" class="foto_old">
                    </form>
                    <img src="{{ URL::asset('images/profile/pegawai') }}/{{ $prods->foto}}"
                        class="  rounded-circle avatar-xl img-thumbnail user-profile-image"
                        alt="user-profile-image"
                        onerror="this.src='{{ URL::asset('images/profile/pegawai/user.png') }}'">
                    <div class="avatar-xs p-0 rounded-circle profile-photo-edit">
                        <input id="profile-img-file-input" type="file" class="profile-img-file-input">
                        <label for="profile-img-file-input" class="profile-photo-edit avatar-xs">
                            <span class="avatar-title rounded-circle bg-light text-body">
                                <i class="ri-camera-fill"></i>
                            </span>
                        </label>
                        {{-- @error('dari_bersaudara') <span class="text-danger">{{ $message }}</span> @enderror --}}
                    </div>
                </div>
            </div>
            <!--end col-->
            <div class="col">
                <div class="p-2">
                    <h3 class="text-white mb-1">@if(!empty($prods->gelar_depan)) {{ $prods->gelar_depan }} @endif {{ $prods->nama_depan }} {{ $prods->nama_belakang }}@if(!empty($prods->gelar_belakang)), {{ $prods->gelar_belakang }} @endif </h3>
                    <p class="text-white-75">{{ $prods->jenis_kelamin == 1 ? 'Laki-laki':'Perempuan' }}</p>
                    <div class="hstack text-white-50 gap-1">
                        <div class="me-2"><i
                                class="ri-map-pin-user-line me-1 text-white-75 fs-16 align-middle"></i>{{ $prods->tempat_lahir }}, {{ \Carbon\Carbon::parse($prods->tanggal_lahir)->format('d F Y') }}</div>
                        <div>{{--<i class="ri-building-line me-1 text-white-75 fs-16 align-middle"></i> sadasd--}}
                        </div>
                    </div>
                </div>
            </div>
            <!--end col-->
            <div class="col-12 col-lg-auto order-last order-lg-0">
                <div class="row text text-white-50 text-center">
                    <div class="col-lg-6 col-4">
                        <div class="p-2">
                            {{-- <h4 class="text-white mb-1">24.3K</h4>
                            <p class="fs-14 mb-0">Followers</p> --}}
                        </div>
                    </div>
                    <div class="col-lg-6 col-4">
                        <div class="p-2">
                            {{-- <h4 class="text-white mb-1">1.3K</h4>
                            <p class="fs-14 mb-0">Following</p> --}}
                        </div>
                    </div>
                </div>
            </div>
            <!--end col-->

        </div>
        <!--end row-->
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div>
                <div class="d-flex profile-wrapper">
                    <!-- Nav tabs -->
                    @include('manajemen.pegawai.nav.list')
                </div>
                <!-- Tab panes -->
                <div class="tab-content pt-4 text-muted">
                    <div class="tab-pane active" id="overview-tab" role="tabpanel">
                        <div class="row">
                            <div class="col-xxl-3 col-lg-3">
                                {{-- Log --}}
                                <div class="card">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center mb-4">
                                            <div class="flex-grow-1">
                                                <h5 class="card-title mb-0">Log Update Data</h5>
                                            </div>
                                            <div class="flex-shrink-0">
                                                {{-- <div class="dropdown">
                                                    <a href="#" role="button" id="dropdownMenuLink2"
                                                        data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="ri-more-2-fill fs-14"></i>
                                                    </a>

                                                    <ul class="dropdown-menu dropdown-menu-end"
                                                        aria-labelledby="dropdownMenuLink2">
                                                        <li><a class="dropdown-item" href="#">View</a>
                                                        </li>
                                                        <li><a class="dropdown-item" href="#">Edit</a>
                                                        </li>
                                                        <li><a class="dropdown-item" href="#">Delete</a>
                                                        </li>
                                                    </ul>
                                                </div> --}}
                                            </div>
                                        </div>
                                        <div>
                                            @foreach ($logupdate as $item)
                                            <div class="d-flex align-items-center py-3">
                                                @php
                                                    $string = $item->kolom;
                                                    $columns = explode(', ', $string);
                                                    $filteredColumns = array_filter($columns, function($column) {
                                                        return $column !== 'updated_at';
                                                    });
                                                    $result = implode(', ', $filteredColumns);
                                                @endphp
                                                <div class="flex-grow-1">
                                                    <div>
                                                        <h5 class="fs-14 mb-1">{{date('d F Y h:i:s',strtotime($item->created_at))}}</h5>
                                                        <p class="fs-13 text-muted mb-0">
                                                            {{ str_replace('_',' ',ucwords($result)) }}
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="flex-shrink-0 ms-2">
                                                    <button type="button" class="btn btn-sm btn-outline-success"><i class=" ri-checkbox-fill align-middle"></i></button>
                                                </div>
                                            </div>
                                            @endforeach
                                            
                                        </div>
                                    </div><!-- end card body -->
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-xxl-9 col-lg-9">
                                <div class="card">
                                    <div class="card-body">
                                        <form method="POST" action="{{ route('staff.pegawai.editdatadiri', $prods->id) }}" enctype="multipart/form-data">
                                            @csrf
                                            @method('PUT')
                                            <input type="hidden" name="pegawai_id" id="pegawai_id" value="{{$prods->id}}">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="firstnameInput" class="form-label">Gelar Depan </label>
                                                        <input type="text" class="form-control" id="firstnameInput"
                                                            name="gelar_depan" value="{{ $prods->gelar_depan }}">
                                                            @error('gelar_depan') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="firstnameInput" class="form-label">Gelar Belakang </label>
                                                        <input type="text" class="form-control" id="firstnameInput"
                                                            name="gelar_belakang" value="{{ $prods->gelar_belakang }}">
                                                            @error('gelar_belakang') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="firstnameInput" class="form-label">Nama Depan <span class="text-danger">*</span> </label>
                                                        <input type="text" class="form-control" id="firstnameInput"
                                                            name="nama_depan" value="{{ $prods->nama_depan }}">
                                                            @error('nama_depan') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="lastnameInput" class="form-label">Nama Belakang</label>
                                                        <input type="text" class="form-control" id="lastnameInput"
                                                            name="nama_belakang" value="{{ $prods->nama_belakang }}">
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="lastnameInput" class="form-label">Nama Panggilan</label>
                                                        <input type="text" class="form-control" id="lastnameInput"
                                                            name="nama_panggilan" value="{{ $prods->nama_panggilan }}">
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="phonenumberInput" class="form-label">Telephone <span class="text-danger">*</span></label>
                                                        <input type="hidden" name="telephone_old" class="form-control" id="basiInput" value="{{ $prods->telephone }}">
                                                        <input type="text" name="telephone" class="form-control" id="basiInput" value="{{ $prods->telephone }}"
                                                        @if (!isset($gantinohp))
                                                            readonly
                                                        @endif>
                                                        @error('telephone') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="emailInput" class="form-label">Email <span class="text-danger">*</span> @error('email') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                        <input type="email" name="email" class="form-control" id="basiInput" value="@if(!empty($prods->email)){{ $prods->email }}@else{{ old('email') }}@endif">
                                                        
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-12">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Tempat Lahir <span class="text-danger">*</span> @error('tempat_lahir') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                        <input type="text" name="tempat_lahir" class="form-control" id="basiInput" value="@if(!empty($prods->tempat_lahir)){{ $prods->tempat_lahir }}@else{{ old('tempat_lahir') }}@endif">
                                                        
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="tanggal_lahir" class="form-label">Tanggal Lahir <span class="text-danger">*</span> @error('tanggal_lahir') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <input type="text" name="tanggal_lahir" class="form-control" id="tanggal_lahir"  data-provider="flatpickr" data-date-format="Y-m-d" value="{{ $prods->tanggal_lahir }}">
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                         <label>Jenis Kelamin <span class="text-danger">*</span>  @error('jenis_kelamin') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <select name="jenis_kelamin" class="form-select" data-choices>
                                                                <option value="">Pilih</option>
                                                                <option value="1"
                                                                @if(!empty($prods->jenis_kelamin))
                                                                @if ($prods->jenis_kelamin==1)
                                                                    selected
                                                                @endif
                                                                @else 
                                                                @if(old('jenis_kelamin')==1)
                                                                    selected
                                                                @endif
                                                                @endif
                                                                >Laki-laki</option>
                                                                <option value="2"
                                                                @if(!empty($prods->jenis_kelamin))
                                                                @if ($prods->jenis_kelamin==2)
                                                                    selected
                                                                @endif
                                                                @else 
                                                                @if(old('jenis_kelamin')==2)
                                                                    selected
                                                                @endif
                                                                @endif>Perempuan</option>
                                                            </select>
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-4">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Agama <span class="text-danger">*</span> @error('agama') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <select name="agama" class="form-select" data-choices>
                                                                <option value="">Pilih</option>
                                                                @foreach ($agama as $item)
                                                                    <option value="{{ $item->id }}"
                                                                        @if(!empty($prods->jenis_kelamin))
                                                                @if ($prods->agama==$item->id)
                                                                    selected
                                                                @endif
                                                                @else 
                                                                @if(old('agama')==$item->id)
                                                                    selected
                                                                @endif
                                                                @endif>{{ $item->nama }}</option>
                                                                @endforeach
                                                            </select>
                                                            
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-4">
                                                    <div class="mb-3">
                                                        <label class="form-label">Status Pernikahan <span class="text-danger">*</span>  </label>
                                                            <select name="status_pernikahan" class="form-select" data-choices>
                                                                @foreach ($statuspernikahan as $item)
                                                                    <option value="{{ $item->id }}"
                                                                        @if ($item->id==$prods->status_pernikahan)
                                                                            selected
                                                                        @endif>{{ $item->nama }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('status_pernikahan') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-4">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Suku Bangsa <span class="text-danger">*</span>  </label>
                                                        <input type="text" name="suku_bangsa" class="form-control" id="basiInput" value="{{ $prods->suku_bangsa }}">
                                                        @error('suku_bangsa') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Anak Ke- <span class="text-danger">*</span>  </label>
                                                        <input type="text" name="anak_ke" class="form-control" id="basiInput" value="@if(!empty($prods->anak_ke)){{ $prods->anak_ke }}@else{{ old('anak_ke') }}@endif">
                                                        @error('anak_ke') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Dari Bersaudara <span class="text-danger">*</span>  </label>
                                                        <input type="text" name="dari_bersaudara" class="form-control" id="basiInput" value="@if(!empty($prods->dari_bersaudara)){{ $prods->dari_bersaudara }}@else{{ old('dari_bersaudara') }}@endif">
                                                        @error('dari_bersaudara') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Berat Badan <span class="text-danger">*</span>  </label>
                                                        <input type="text" name="berat_badan" class="form-control" id="basiInput" value="@if(!empty($prods->berat_badan)){{ $prods->berat_badan }}@else{{ old('berat_badan') }}@endif">
                                                        @error('berat_badan') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Tinggi Badan <span class="text-danger">*</span>  </label>
                                                        <input type="text" name="tinggi_badan" class="form-control" id="basiInput" value="@if(!empty($prods->tinggi_badan)){{ $prods->tinggi_badan }}@else{{ old('tinggi_badan') }}@endif">
                                                        @error('tinggi_badan') <span class="text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Nomor Kartu Keluarga <span class="text-danger">*</span> @error('no_kk') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <input type="text" name="no_kk" class="form-control" id="basiInput" value="@if(!empty($prods->no_kk)){{ $prods->no_kk }}@else{{ old('no_kk') }}@endif">
                                                            
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">NIK <span class="text-danger">*</span> @error('nik') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <input type="text" name="nik" class="form-control" id="basiInput" value="@if(!empty($prods->nik)){{ $prods->nik }}@else{{ old('nik') }}@endif">
                                                            
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">File KK  <span class="text-danger">* <i>Extensi : jpg, png, jpeg Max 2mb.</i></span> @error('file_kk') <span class="text-danger">{{ $message }}</span> @enderror</label><br>
                                                            <img src="{{ URL::asset('images/dokumen/pegawai') }}/{{ $prods->nama_folder}}/{{ $prods->file_kk}}" class="img-thumnail" height="150" onerror="this.src='{{ URL::asset('images/profile/kk/default.png') }}'"> 
                                                            {{-- onerror="this.src='{{ URL::asset('images/profile/kk/default.png') }}'" --}}
                                                            <input type="hidden" name="file_kk_old" value="{{ $prods->file_kk }}">
                                                            <input type="file" name="file_kk" class="form-control mt-2" accept=".jpg,.png,.jpeg">
                                                            
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">File KTP <span class="text-danger">*</span> @error('file_ktp') <span class="text-danger">{{ $message }}</span> @enderror</label><br>
                                                            <img src="{{ URL::asset('images/dokumen/pegawai') }}/{{ $prods->nama_folder}}/{{ $prods->file_ktp}}" class="img-thumnail" height="150" onerror="this.src='{{ URL::asset('images/profile/ktp/default.png') }}'">
                                                            <input type="hidden" name="file_ktp_old" value="{{ $prods->file_ktp }}">
                                                            <input type="file" name="file_ktp" class="form-control mt-2" accept=".jpg,.png,.jpeg">
                                                        
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-lg-12">
                                                    <div class="mb-3 pb-2">
                                                        <label for="basiInput" class="form-label">Alamat KTP <span class="text-danger">*</span> @error('alamat_ktp') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <textarea name="alamat_ktp" class="form-control" id="alamat_ktp" rows="5">@if(!empty($prods->alamat_ktp)){{ $prods->alamat_ktp }}@else{{ old('alamat_ktp') }}@endif</textarea>
                                                            
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="mb-3 pb-2">
                                                        <label for="basiInput" class="form-label">Alamat Domisili <span class="text-danger">*</span> @error('alamat_domisili') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <textarea name="alamat_domisili" class="form-control" id="alamat_domisili" rows="5">@if(!empty($prods->alamat_domisili)){{ $prods->alamat_domisili }}@else{{ old('alamat_domisili') }}@endif</textarea>
                                                            
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Nomor NPWP @error('nomor_npwp') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <input type="text" name="nomor_npwp" class="form-control" id="basiInput" value="@if(!empty($prods->nomor_npwp)){{ $prods->nomor_npwp }}@else{{ old('nomor_npwp') }}@endif">
                                                            
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">File NPWP  @error('file_npwp') <span class="text-danger">{{ $message }}</span> @enderror</label><br>
                                                            <img src="{{ URL::asset('images/dokumen/pegawai') }}/{{ $prods->nama_folder}}/{{ $prods->file_npwp}}" class="img-thumnail" height="150" onerror="this.src='{{ URL::asset('images/profile/kk/default.png') }}'"> 
                                                            {{-- onerror="this.src='{{ URL::asset('images/profile/kk/default.png') }}'" --}}
                                                            <input type="hidden" name="file_npwp_old" value="{{ $prods->file_npwp }}">
                                                            <input type="file" name="file_npwp" class="form-control mt-2" accept=".jpg,.png,.jpeg">
                                                            
                                                    </div>
                                                </div>
                                                {{-- <div class="col-lg-12">
                                                    <div class="mb-3">
                                                        <label for="basiInput" class="form-label">Referensi @error('nomor_npwp') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <input type="text" name="referensi" class="form-control" id="basiInput" value="@if(!empty($prods->referensi)){{ $prods->referensi }}@else{{ old('referensi') }}@endif"> 
                                                    </div>
                                                </div> --}}
                                                <div class="col-lg-12" hidden>
                                                    <div class="mb-3 pb-2">
                                                        <label for="basiInput" class="form-label">Path Folder <span class="text-danger">*</span> @error('alamat_domisili') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                        <small>/images/dokumen/pegawai/</small>
                                                        <input type="text" class="form-control" value="{{ $prods->pathfolder }}" disabled readonly>
                                                    </div>
                                                </div>
                                                @if (!isset($staff))
                                                <div class="col-lg-12">
                                                    <div class="mb-3 pb-2">
                                                        <label for="basiInput" class="form-label">Status sertifikasi @error('status_sertifikasi') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                        <select name="status_sertifikasi" id="status_sertifikasi" class="form-select">
                                                            <option value="">Pilih</option>
                                                            <option value="1"
                                                            @if(!empty($prods->status_sertifikasi))
                                                            @if ($prods->status_sertifikasi==1)
                                                                selected
                                                            @endif
                                                            @else 
                                                            @if(old('status_sertifikasi')==1)
                                                                selected
                                                            @endif
                                                            @endif
                                                            >Belum Sertifikasi</option>
                                                            <option value="2"
                                                            @if(!empty($prods->status_sertifikasi))
                                                            @if ($prods->status_sertifikasi==2)
                                                                selected
                                                            @endif
                                                            @else 
                                                            @if(old('status_sertifikasi')==2)
                                                                selected
                                                            @endif
                                                            @endif>Sudah Sertifikasi (Sudah Inpassing)</option>
                                                            <option value="3"
                                                            @if(!empty($prods->status_sertifikasi))
                                                            @if ($prods->status_sertifikasi==3)
                                                                selected
                                                            @endif
                                                            @else 
                                                            @if(old('status_sertifikasi')==3)
                                                                selected
                                                            @endif
                                                            @endif>Sudah Sertifikasi (Belum Inpassing)</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="mb-3">
                                                        <label> Jenis Pegawai @error('jenis_ptk') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <select name="jenis_ptk" id="jenis_ptk" class="form-select">
                                                                <option value="1"
                                                                @if ($prods->jenis_ptk==1)
                                                                    selected
                                                                @endif>Pendidik</option>
                                                                <option value="2"
                                                                @if ($prods->jenis_ptk==2)
                                                                    selected
                                                                @endif>Tenaga Kependidikan</option>
                                                                <option value="3"
                                                                @if ($prods->jenis_ptk==3)
                                                                    selected
                                                                @endif>Tenaga Pendukung</option>
                                                            </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="mb-3 pb-2">
                                                        <label>Status Kepegawaian <span class="text-danger">*</span> @error('status_kepegawaian') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                        <select name="status_kepegawaian" id="status_kepegawaian" class="form-select status_kepegawaian">
                                                            <option value=""></option>
                                                            @foreach ($status_peg as $item)
                                                                <option value="{{$item->id}}"
                                                                    @if ($item->id==$prods->status_kepegawaian)
                                                                        selected
                                                                    @endif>{{$item->nama_status}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="nonaktif" hidden>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label for="tanggal" class="form-label">Tanggal @error('tanggal') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <input type="text" name="tanggal" class="form-control" id="tanggal"  data-provider="flatpickr" data-date-format="d M, Y" value="{{ old('tanggal') }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Alasan Non-aktif @error('alasan_id') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                            <select name="alasan_id" class="form-select" data-choices>
                                                                <option value=""></option>
                                                                @foreach ($alasan as $item)
                                                                <option value="{{ $item->id }}"
                                                                    @if (old('alasan_id')==$item->id)
                                                                        selected
                                                                    @endif>{{ $item->nama}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Keterangan</label>
                                                            <textarea name="description" class="form-control" rows="5"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                                <!--end col-->
                                                <div class="col-lg-12">
                                                    <div class="hstack gap-2 justify-content-start">
                                                        <button type="submit" class="btn btn-primary">Update</button>
                                                        @if (isset($staff))

                                                        @else 
                                                        <a href="{{ route('manajemen.pegawai.index') }}" class="btn btn-soft-danger">Cancel</a>
                                                        @endif
                                                    </div>
                                                </div>
                                                <!--end col-->
                                            </div>
                                            <!--end row-->
                                        </form>
                                    </div>
                                    <!--end card-body-->
                                </div><!-- end card -->

                            </div>
                            <!--end col-->
                        </div>
                        <!--end row-->
                    </div>
                    <div class="tab-pane fade" id="families" role="tabpanel">
                        @include('manajemen.pegawai.keluarga-form')
                        <!--end card-->
                    </div>
                    <!--end tab-pane-->
                    <div class="tab-pane fade" id="riwayatpendidikan" role="tabpanel">
                        <div class="card">
                            <div class="card-body">
                                {{-- <h5 class="card-title mb-3">Data Keluarga</h5> --}}
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="mb-3">
                                            <!-- Default Modals -->
                                            <button type="button" class="btn btn-primary " data-bs-toggle="modal" data-bs-target="#myModalPendidikan" @if ($prods->status_kepegawaian==2 OR empty($prods->no_kk))
                                                disabled
                                            @endif>Tambah</button>
                                            <div id="myModalPendidikan" class="modal fade" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                                                <div class="modal-dialog">
                                                  <div class="modal-content">
                                                    <div class="modal-header">
                                                      <h5 class="modal-title" id="myModalLabel">Tambah Riwayat Pendidikan</h5>
                                                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                      <form id="myFormPendidikan" enctype="multipart/form-data">
                                                        <input type="hidden" name="pegawais_id" value="{{$prods->id}}">
                                                        <input type="hidden" id="idpendidikan" name="pendidikan_id">
                                                        <div class="mb-3">
                                                            <label>Jenjang Pendidikan</label>
                                                            <select name="jenjang_id" class="form-select" id="jenjang_id">
                                                                <option value="">Pilih Jenjang</option>
                                                                @foreach ($pendidikan as $item)
                                                                    <option value="{{$item->id}}">{{$item->nama}}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('jenjang_id') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                              
                                                        <div class="mb-3">
                                                            <label>Nama Sekolah</label>
                                                            <input type="text" class="form-control" id="nama_sekolah" value="{{old('nama_sekolah')}}" name="nama_sekolah">
                                                            @error('nama_sekolah') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                              
                                                        <div class="mb-3">
                                                            <div class="mb-3">
                                                                <label>Tahun Lulus</label>
                                                                <input type="number" name="tahun_lulus" class="form-control" value="{{old('tahun_lulus')}}" id="tahun_lulus" >
                                                                @error('tahun_lulus') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </div>
                                                        </div>
                                              
                                                        <div class="mb-3">
                                                            <label>Jurusan</label>
                                                            <input type="text" name="jurusan" class="form-control" value="{{old('jurusan')}}" id="jurusan">
                                                            @error('jurusan') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                              
                                                        <div class="mb-3">
                                                            <label>Gelar</label>
                                                            <input type="text" name="gelar_id" value="{{old('gelar_id')}}" class="form-control" id="gelar_id">
                                                            @error('gelar_id') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="mb-3">
                                                            <label for="berkas">Berkas Ijazah <span class="text-danger"><i>File .jpeg,.jpg,.png,.pdf max : 2mb</i></span> </label>
                                                            <input type="file" class="form-control" name="file_ijazah" accept=".jpeg,.jpg,.png,.pdf" class="form-control-file" id="file_ijazah">
                                                            @error('file_ijazah') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="mb-3">
                                                            <label for="berkas">Berkas Transkrip <span class="text-danger"><i>File .jpeg,.jpg,.png,.pdf max : 2mb</i></span> </label>
                                                            <input type="file" class="form-control" name="file_transkrip" accept=".jpeg,.jpg,.png,.pdf" class="form-control-file" id="file_transkrip">
                                                            @error('file_transkrip') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                      </form>
                                                      <div id="errorContainerPendidikan" class="mb-3 text-danger errorContainerPendidikan"></div>
                                                    </div>
                                                    <div class="modal-footer">
                                                      <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                                                      <button type="button" form="myForm" id="submitForm" class="btn btn-primary savependidikan">Save Changes</button>
                                                      <button type="button" form="myForm" class="btn btn-primary updatependidikan" style="display: none">Update Changes</button>
                                                    </div>
                                                  </div><!-- /.modal-content -->
                                                </div><!-- /.modal-dialog -->
                                            </div><!-- /.modal -->
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-lg-12">
                                        <div class="mb-3" id="reloadDivPendidikan">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th>Jenjang</th>
                                                        <th>Nama Sekolah</th>
                                                        <th>Tahun Lulus</th>
                                                        <th>Jurusan</th>
                                                        <th>Gelar Pendidikan</th>
                                                        <th>File Ijazah</th>
                                                        <th>File Transkrip</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                                                              
                                                @foreach ($riwayat_pendidikan as $item)
                                                    <tr>
                                                        <td>{{$item->jenjang}}</td>
                                                        <td>{{$item->nama_sekolah}}</td>
                                                        <td>{{$item->tahun_lulus}}</td>
                                                        <td>{{$item->jurusan}}</td>
                                                        <td>{{$item->gelar_id}} </td>
                                                        <td>
                                                            @if ($item->file_ijazah!='-')
                                                            <a href="{{URL::asset('images/dokumen/pegawai/')}}/{{$item->pathfolder}}/file_pendidikan/{{$item->file_ijazah}}" target="_blank" class="btn btn-sm btn-outline-info btn-icon"><i class="ri-file-line"></i></a>
                                                            @else 
                                                            <span class="ri-close-fill text-danger"></span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($item->file_transkrip!='-')
                                                            <a href="{{URL::asset('images/dokumen/pegawai/')}}/{{$item->pathfolder}}/file_pendidikan/{{$item->file_transkrip}}" target="_blank" class="btn btn-sm btn-outline-info btn-icon"><i class="ri-file-line"></i></a>
                                                            @else 
                                                            <span class="ri-close-fill text-danger"></span>
                                                            @endif
                                                            {{-- <a href="{{URL::asset('images/dokumen/pegawai/')}}/{{$item->pathfolder}}/file_pendidikan/{{$item->file_transkrip}}" target="_blank" class="btn btn-sm btn-outline-info btn-icon"><i class="ri-file-line"></i></a> --}}
                                                        </td>
                                                        <td>
                                                            <div class="action_group">
                                                                <a href="javascript:void(0)" class="btn btn-sm btn-outline-primary btn-icon" onclick="edit_pendidikan('{{$item->id}}')"  title="Edit"><i class="ri-edit-fill"></i></a>
                                                                <form method="POST" action="{{ route('manajemen.riwayat-pendidikan.destroy', $item->id) }}" onsubmit="return confirm('Apakah yakin akan menghapus data ini ?')">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <button type="button" class="btn btn-sm btn-outline-danger btn-icon pendidikan-btn" data-id="{{$item->id}}"  title="Delete"><i class="ri-delete-bin-fill"></i></button>
                                                                </form>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                                                                    @endforeach
                                                
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <!--end col-->
                                </div>
                            </div>
                            <!--end card-body-->
                        </div>
                        <!--end card-->
                    </div>
                    <!--end tab-pane-->
                    <div class="tab-pane fade" id="kepegawaian" role="tabpanel">
                        @include('manajemen.pegawai.form-kepegawaian')
                    </div>
                    <!--end tab-pane-->
                    <div class="tab-pane fade" id="aktivitas" role="tabpanel">
                        <div class="card">
                            <div class="card-body">
                                {{-- <h5 class="card-title mb-3">Data Keluarga</h5> --}}
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <button type="button" class="btn btn-primary " data-bs-toggle="modal" data-id="modal-aktivitas" data-bs-target="#myModalAktivitas" @if ($prods->status_kepegawaian==2)
                                                disabled
                                            @endif>Tambah</button>
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            <table class="table table-bordered" id="reloadDivAktivitas">
                                                <thead>
                                                    <tr>
                                                        <th>Nama Instansi / Perusahaan</th>
                                                        <th>Jabatan</th>
                                                        <th>Tahun</th>
                                                        {{-- <th><a href="#" class="btn btn-sm btn-primary" onclick="addaktivitas()"><i class="ri-add-circle-line"></i></a></th> --}}
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody class="aktivitas">
                                                                                              
                                                @foreach ($aktivitas as $item)
                                                    <tr>
                                                        <td><input type="hidden" name="ak[{{$no}}][pegawais_id]" value="{{$item->pegawais_id}}"><input type="hidden" name="ak[{{$no}}][kegiatan]" value="{{$item->kegiatan}}">{{$item->kegiatan}}</td>
                                                        <td><input type="hidden" name="ak[{{$no}}][jabatan]" value="{{$item->jabatan}}">{{$item->jabatan}}</td>
                                                        <td><input type="hidden" name="ak[{{$no}}][tahun]" value="{{$item->tahun}}">{{$item->tahun}}</td>
                                                        <td>
                                                            <div class="action_group">
                                                                <a class="btn btn-sm btn-outline-primary btn-icon" onclick="edit_aktivitas('{{$item->id}}')" title="Edit"><i class="ri-edit-fill"></i></a>
                                                                <form method="POST" action="{{ route('manajemen.aktivitas.destroy', $item->id) }}" onsubmit="return confirm('Apakah yakin akan menghapus data ini ?')">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <button type="button" data-id="{{$item->id}}" class="btn btn-sm btn-outline-danger btn-icon aktivitas-btn" title="Delete"><i class="ri-delete-bin-fill"></i></button>
                                                                </form>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                                                                    @endforeach
                                                
                                                </tbody>
                                                
                                            </table>
                                        
                                        </div>
                                        
                                    </div>
                                    <!--end col-->
                                </div>
                            </div>
                            <!--end card-body-->
                        </div>
                        <!--end card-->
                    </div>
                    <div class="tab-pane fade" id="bahasa_panel" role="tabpanel">
                        <div class="card">
                            <div class="card-body">
                                {{-- <h5 class="card-title mb-3">Data Keluarga</h5> --}}
                                @include('manajemen.pegawai.form-bahasa')
                            </div>
                            <!--end card-body-->
                        </div>
                        <!--end card-->
                    </div>
                    <div class="tab-pane fade" id="tugas" role="tabpanel">
                        <div class="card">
                            <div class="card-body">
                                {{-- <h5 class="card-title mb-3">Data Keluarga</h5> --}}
                                <div class="row">
                                    
                                    <!--end col-->
                                    <div class="col-lg-12">
                                        <div class="mb-3">
                                            
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th>Tanggal</th>
                                                        <th>Nomor Surat</th>
                                                        <th>Tugas</th>
                                                        <th>Lampiran</th>
                                                        
                                                </thead>
                                                <tbody>
                                                                                              
                                                @foreach ($penugasan as $item)
                                                    <tr>
                                                        <td>{{ $item->tanggal_surat }}</td>
                                                        <td>{{ $item->nomor_surat }}</td>
                                                        <td>{!! $item->tugas !!}</td>
                                                        <td><a href="{{ URL::asset('images/dokumen/penugasan') }}/{{ $item->lampiran }}" class="btn btn-sm btn-primary waves-effect waves-light "><i class="ri-file-line"></i></a></td>
                                                    </tr>
                                                @endforeach
                                                
                                                </tbody>
                                                
                                                
                                            </table>
                                        
                                        </div>
                                    </div>
                                    <!--end col-->
                                </div>
                            </div>
                            <!--end card-body-->
                        </div>
                        <!--end card-->
                    </div>
                </div>
                <!--end tab-content-->
            </div>
        </div>
        <!--end col-->
    </div>
    <!--end row-->
@endsection
{{-- @section('script')
    <script src="{{ URL::asset('build/libs/swiper/swiper-bundle.min.js') }}"></script>

    <script src="{{ URL::asset('build/js/pages/profile.init.js') }}"></script>
    <script src="{{ URL::asset('build/js/app.js') }}"></script>
@endsection --}}
@section('meta')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('script-tambahan')
    <script src="{{ URL::asset('build/js/pages/profile-setting.init.js') }}"></script>
    <script src="{{ URL::asset('build/libs/prismjs/prism.js') }}"></script>
    <script src="{{ URL::asset('build/js/pages/notifications.init.js') }}"></script>
    <script src="{{ URL::asset('build/js/app.js') }}"></script>
    <script src="{{ URL::asset('build/js/external/jquery364.min.js')}}"></script>
    <script>

        $(document).ready(function(){
            $("#sideManPegs").attr('aria-expanded',true);
            $("#sideManPeg").addClass('show');
            $("#pegawai").addClass('active');
            $("#myprofile").addClass('active');
            $("#visimisi").removeClass('active');
        });
        var i='