@extends('layouts.master')
@section('title') {{$title}} @lang('translation.starter')  @endsection
@section('css')
    <link href="{{ URL::asset('build/libs/quill/quill.core.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('build/libs/quill/quill.bubble.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('build/libs/quill/quill.snow.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Pages @endslot
@slot('title') {{$title}}  @endslot
@endcomponent
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header align-items-center d-flex">
                                <h4 class="card-title mb-0 flex-grow-1"></h4>
                                <div class="flex-shrink-0">
                                    <div class="form-check form-switch form-switch-right form-switch-md">
                                        {{-- <a href="{{ route('beranda.visimisi.index') }}" class="btn btn-sm btn-info">Cancel Create</a> --}}
                                    </div>
                                </div>
                            </div><!-- end card header -->
                            <div class="card-body">
                                <form method="POST" action="{{ route('manajemen.pegawai.store') }}" enctype="multipart/form-data">
                                    @csrf
                                    <div class="row gy-4">
                                        {{-- <div class="col-md-12">
                                            <div>
                                                <label for="tanggal" class="form-label">Tanggal</label>
                                                <input type="text" name="tanggal" class="form-control" id="tanggal"  data-provider="flatpickr" data-date-format="d M, Y" value="{{ old('tanggal') }}">
                                                @error('tanggal') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div> --}}
                                        {{-- <div class="col-md-2">
                                            <div>
                                                <label for="basiInput" class="form-label">Gelar Depan</label>
                                                <input type="text" name="gelar_depan" class="form-control" id="basiInput" value="{{ old('gelar_depan') }}">
                                                @error('gelar_depan') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div> --}}
                                        <div class="col-md-6">
                                            <div>
                                                <label for="basiInput" class="form-label">Nama Depan</label>
                                                <input type="text" name="nama_depan" class="form-control" id="basiInput" value="{{ old('nama_depan') }}">
                                                @error('nama_depan') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div>
                                                <label for="basiInput" class="form-label">Nama Belakang</label>
                                                <input type="text" name="nama_belakang" class="form-control" id="basiInput" value="{{ old('nama_belakang') }}">
                                                @error('nama_belakang') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-6">
                                            <div>
                                                <label for="basiInput" class="form-label">Email</label>
                                                <input type="email" name="email" class="form-control" id="basiInput" value="{{ old('email') }}">
                                                @error('email') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div>
                                                <label for="basiInput" class="form-label">Gelar Belakang</label>
                                                <input type="text" name="gelar_depan" class="form-control" id="basiInput" value="{{ old('gelar_belakang') }}">
                                                @error('gelar_depan') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div>
                                                <label>Jenis Kelamin</label>
                                                <select name="jenis_kelamin" class="form-select" data-choices required>
                                                    <option value="">Pilih</option>
                                                    <option value="1"
                                                    @if (old('jenis_kelamin')==1)
                                                        selected
                                                    @endif
                                                    >Laki-laki</option>
                                                    <option value="2"
                                                    @if (old('jenis_kelamin')==2)
                                                        selected
                                                    @endif>Perempuan</option>
                                                </select>
                                            </div>
                                        </div> --}}
                                        <div class="col-md-6">
                                            <div>
                                                <label for="basiInput" class="form-label">Telephone</label>
                                                <input type="text" name="telephone" class="form-control" id="basiInput" value="{{ old('telephone') }}">
                                                @error('telephone') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-6">
                                            <div>
                                                <label for="basiInput" class="form-label">Tempat Lahir</label>
                                                <input type="text" name="tempat_lahir" class="form-control" id="basiInput" value="{{ old('tempat_lahir') }}">
                                                @error('tempat_lahir') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div> --}}
                                        <div class="col-md-6">
                                            <div>
                                                <label for="tanggal_lahir" class="form-label">Tanggal Lahir</label>
                                                <input type="text" name="tanggal_lahir" class="form-control" id="tanggal_lahir"  data-provider="flatpickr" data-date-format="d M, Y" value="{{ old('tanggal_lahir') }}">
                                                @error('tanggal_lahir') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        {{-- 
                                        <div class="col-md-12">
                                            <div>
                                                <label for="basiInput" class="form-label">NIK</label>
                                                <input type="text" name="nik" class="form-control" id="basiInput" value="{{ old('nik') }}">
                                                @error('nik') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div>
                                                <label for="basiInput" class="form-label">Alamat KTP</label>
                                                <textarea name="alamat_ktp" class="form-control" id="alamat_ktp" rows="5">{{ old('alamat_ktp') }}</textarea>
                                                @error('alamat_ktp') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div>
                                                <label for="basiInput" class="form-label">Alamat Domisili</label>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="withktp" onchange="checkboxChanged()">
                                                    <label class="form-check-label" for="invalidCheck2">
                                                        Sama Dengan Alamat KTP 
                                                    </label>
                                                </div>
                                                <textarea name="alamat_domisili" class="form-control" rows="5" id="alamat_domisili">{{ old('alamat_domisili') }}</textarea>
                                                @error('alamat_domisili') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div>
                                                <label for="basiInput" class="form-label">File KTP</label>
                                                <input type="file" name="file_ktp" accept=".jpg,.png,.jpeg,.pdf" class="form-control" id="basiInput" value="{{ old('file_ktp') }}">
                                                @error('file_ktp') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div>
                                                <label for="basiInput" class="form-label">File NPWP</label>
                                                <input type="file" name="file_npwp" accept=".jpg,.png,.jpeg,.pdf" class="form-control" id="basiInput" value="{{ old('file_npwp') }}">
                                                @error('file_npwp') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div>
                                                <label for="basiInput" class="form-label">Nomor KK</label>
                                                <input type="text" name="nomor_kk" class="form-control" id="basiInput" value="{{ old('nomor_kk') }}">
                                                @error('nomor_kk') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div>
                                                <label for="basiInput" class="form-label">File KK</label>
                                                <input type="file" name="file_kk" accept=".jpg,.png,.jpeg,.pdf" class="form-control" id="basiInput" value="{{ old('file_kk') }}">
                                                @error('file_kk') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div>
                                                <label for="basiInput" class="form-label">Agama</label>
                                                <select name="agama" class="form-select" data-choices>
                                                    <option value="">Pilih</option>
                                                    @foreach ($agama as $item)
                                                        <option value="{{ $item->id }}"
                                                            @if (old('agama')==$item->id)
                                                            selected
                                                        @endif>{{ $item->nama }}</option>
                                                    @endforeach
                                                </select>
                                                @error('agama') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div>
                                                <label for="basiInput" class="form-label">Suku Bangsa</label>
                                                <input type="text" name="suku_bangsa" class="form-control" id="basiInput" value="{{ old('suku_bangsa') }}">
                                                @error('suku_bangsa') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div>
                                                <label class="form-label">Status Pernikahan</label>
                                                <select name="status_pernikahan" class="form-select" data-choices>
                                                    <option value="-">Pilih</option>
                                                    <option value="1"
                                                        @if (old('status_pernikahan')==1)
                                                            selected
                                                        @endif
                                                    >Lajang</option>
                                                    <option value="2"
                                                    @if (old('status_pernikahan')==2)
                                                            selected
                                                        @endif>Menikah</option>
                                                    <option value="3"
                                                    @if (old('status_pernikahan')==3)
                                                            selected
                                                        @endif>Duda</option>
                                                    <option value="4"
                                                    @if (old('status_pernikahan')==4)
                                                            selected
                                                        @endif>Janda</option>
                                                </select>
                                                @error('status_pernikahan') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div>
                                                <label class="form-label">Anak Ke</label>
                                                <input type="text" name="anak_ke" class="form-control" value="{{ old('anak_ke') }}">
                                                @error('anak_ke') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div>
                                                <label class="form-label">Dari Bersaudara</label>
                                                <input type="text" name="dari_bersaudara" class="form-control" value="{{ old('dari_bersaudara') }}">
                                                @error('dari_bersaudara') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>--}}
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <label class="form-label">Posisi / Jabatan </label>
                                                <select name="posisi" id="posisi" class="form-select" data-choices>
                                                    <option value="">Pilih</option>
                                                    @foreach ($posisi as $item)
                                                        <option value="{{ $item->id }}"
                                                            @if (old('posisi')==$item->id)
                                                            selected
                                                        @endif>{{ $item->posisi }}</option>
                                                    @endforeach
                                                </select>
                                                @error('posisi') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <label> Jenis PTK @error('jenis_ptk') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                    <select name="jenis_ptk" class="form-select">
                                                        <option value="1">Pendidik</option>
                                                        <option value="2">Tenaga Kependidikan</option>
                                                        <option value="3">Tenaga Pendukung</option>
                                                    </select>
                                            </div>
                                        </div>
                                        
                                        {{-- <div class="col-md-12">
                                            <div>
                                                <label for="basiInput" class="form-label">Judul</label>
                                                <input type="text" name="judul" class="form-control" id="basiInput" value="{{ old('judul') }}">
                                                @error('judul') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div> --}}
                                        {{-- <div class="col-md-12">
                                            <div>
                                                <label for="isi" class="form-label">Isi</label>
                                                <textarea class="ckeditor-classic" id="isi" name="isi">{{ old('isi') }}</textarea>
                                                @error('isi') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>
                                        </div> --}}
                                        <div class="col-lg-6 col-md-6">
                                            <div>
                                                <button type="submit" class="btn btn-outline-success waves-effect waves-light full">Simpan</button>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <a href="{{ route('manajemen.pegawai.index') }}" class="btn btn-outline-danger waves-effect waves-light full">Batal</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
    <script src="{{ URL::asset('build/libs/@ckeditor/ckeditor5-build-classic/build/ckeditor.js') }}"></script>
    <script src="{{ URL::asset('build/libs/quill/quill.min.js') }}"></script>
    <script src="{{ URL::asset('build/js/pages/form-editor.init.js') }}"></script>
    <script src="{{ URL::asset('build/js/app.js') }}"></script>
    <script>
        function checkboxChanged() {
            var checkbox = document.getElementById("withktp");
            var a_ktp = document.getElementById("alamat_ktp");
            var a_domisili = document.getElementById("alamat_domisili");
            if (checkbox.checked) {
                // Checkbox is checked
                //alert("Checkbox is checked");
                if(a_ktp.value == '' ){
                    alert("Mohon diisi terlebih dahulu alamat KTP");
                    checkbox.checked = false;
                    return false;
                }
                a_domisili.value = a_ktp.value;
                // Perform some actions
            } else {
                // Checkbox is unchecked
                a_domisili.value = '';
                // Perform some other actions
            }
        }
    </script>
@endsection