@extends('layouts.app')
@section('title','Pengajuan '.ucfirst($type))
@section('content')
@php($editing=isset($item)&&$item->exists)
<div class="d-flex justify-content-between align-items-center mb-3"><div><h3 class="mb-1">{{ $editing?'Edit Pengajuan':'Pengajuan '.ucfirst($type) }}</h3><div class="text-muted">Data pengajuan tidak menjadi transaksi resmi sebelum disetujui ADMIN/SUPERADMIN.</div></div><a href="{{ route('pengajuan.index',$type) }}" class="btn btn-outline-secondary">Kembali</a></div>
<form method="post" enctype="multipart/form-data" action="{{ $editing ? route('pengajuan.update',[$type,$item->id]) : route('pengajuan.store',$type) }}" class="card p-3">
@csrf @if($editing) @method('PUT') @endif
@if($type==='pegawai')
<div class="row g-3">
@foreach([['nama','Nama','text'],['tempat_lahir','Tempat Lahir','text'],['nik_ktp','NIK KTP','text'],['no_telp','No. Telepon','text']] as $f)<div class="col-md-4"><label class="form-label">{{$f[1]}}</label><input name="{{$f[0]}}" type="{{$f[2]}}" value="{{old($f[0],$editing?data_get($item->data_pengajuan,$f[0]):'')}}" class="form-control" {{$f[0]==='nama'?'required':''}}></div>@endforeach
<div class="col-md-4"><label class="form-label">Tanggal Lahir</label><input type="date" name="tgl_lahir" value="{{old('tgl_lahir',$editing?data_get($item->data_pengajuan,'tgl_lahir'):'')}}" class="form-control"></div>
<div class="col-md-4"><label class="form-label">Jenis Kelamin</label><select name="jk" class="form-select"><option value="">-- Pilih --</option>@foreach(['Laki-laki','Perempuan'] as $v)<option @selected(old('jk',$editing?data_get($item->data_pengajuan,'jk'):'')===$v)>{{$v}}</option>@endforeach</select></div>
<div class="col-md-4"><label class="form-label">Agama</label><select name="agama" class="form-select"><option value="">-- Pilih --</option>@foreach(['Islam','Kristen','Katolik','Hindu','Buddha','Konghucu'] as $v)<option @selected(old('agama',$editing?data_get($item->data_pengajuan,'agama'):'')===$v)>{{$v}}</option>@endforeach</select></div>
<div class="col-md-4"><label class="form-label">Status</label><select name="status" class="form-select"><option value="">-- Pilih --</option>@foreach(['Belum Menikah','Menikah','Cerai'] as $v)<option @selected(old('status',$editing?data_get($item->data_pengajuan,'status'):'')===$v)>{{$v}}</option>@endforeach</select></div>
<div class="col-md-4"><label class="form-label">Status Pegawai</label><select name="status_pegawai" class="form-select"><option>Aktif</option></select></div>
<div class="col-md-4"><label class="form-label">Pendidikan</label><select name="pendidikan" class="form-select"><option value="">-- Pilih --</option>@foreach(['SD','SMP','SMA/SMK','D1','D2','D3','D4','S1','S2','S3'] as $v)<option @selected(old('pendidikan',$editing?data_get($item->data_pengajuan,'pendidikan'):'')===$v)>{{$v}}</option>@endforeach</select></div>
<div class="col-md-4"><label class="form-label">Tanggal Masuk</label><input type="date" name="tgl_masuk" value="{{old('tgl_masuk',$editing?data_get($item->data_pengajuan,'tgl_masuk'):'')}}" class="form-control"></div>
<div class="col-md-4"><label class="form-label">Cabang</label><select name="cabang_id" class="form-select" required>@foreach($cabangs as $c)<option value="{{$c->id}}" @selected(old('cabang_id',$editing?data_get($item->data_pengajuan,'cabang_id'):auth()->user()->cabang_id)==$c->id)>{{$c->nama}}</option>@endforeach</select></div>
<div class="col-md-4"><label class="form-label">Bagian</label><select name="bagian_id" class="form-select"><option value="">-- Pilih --</option>@foreach($bagians as $b)<option value="{{$b->id}}" @selected(old('bagian_id',$editing?data_get($item->data_pengajuan,'bagian_id'):'')==$b->id)>{{$b->nama}}</option>@endforeach</select></div>
<div class="col-md-4"><label class="form-label">Jabatan</label><select name="jabatan_id" class="form-select"><option value="">-- Pilih --</option>@foreach($jabatans as $j)<option value="{{$j->id}}" @selected(old('jabatan_id',$editing?data_get($item->data_pengajuan,'jabatan_id'):'')==$j->id)>{{$j->nama}}</option>@endforeach</select></div>
<div class="col-md-4"><label class="form-label">Gaji Pokok</label><input type="number" step="0.01" min="0" name="gaji_pokok" value="{{old('gaji_pokok',$editing?data_get($item->data_pengajuan,'gaji_pokok',0):0)}}" class="form-control"></div>
<div class="col-md-4"><label class="form-label">Tunjangan Jabatan</label><input type="number" step="0.01" min="0" name="tunjangan_jabatan" value="{{old('tunjangan_jabatan',$editing?data_get($item->data_pengajuan,'tunjangan_jabatan',0):0)}}" class="form-control"></div>
<div class="col-md-4"><label class="form-label">Tunjangan Makan</label><input type="number" step="0.01" min="0" name="tunjangan_makan" value="{{old('tunjangan_makan',$editing?data_get($item->data_pengajuan,'tunjangan_makan',0):0)}}" class="form-control"></div><div class="col-md-4"><label class="form-label">Tunjangan Transport</label><input type="number" step="0.01" min="0" name="tunjangan_transport" value="{{old('tunjangan_transport',$editing?data_get($item->data_pengajuan,'tunjangan_transport',0):0)}}" class="form-control"></div>
<div class="col-12"><label class="form-label">Alamat</label><textarea name="alamat" class="form-control" rows="3">{{old('alamat',$editing?data_get($item->data_pengajuan,'alamat'):'')}}</textarea></div>

<div class="col-12">
    <div class="border rounded p-3 bg-light">
        <div class="d-flex justify-content-between align-items-center">
            <strong>Foto Pegawai <span class="text-danger">*</span></strong>
            <span class="badge text-bg-warning">Wajib</span>
        </div>
        <div class="small text-muted mt-1 mb-3">
            Pilih salah satu: <strong>Selfie</strong> menggunakan kamera depan atau <strong>Upload Foto</strong> dari perangkat.
            Foto harus JPG/JPEG/PNG, maksimal 5 MB.
        </div>

        <div class="btn-group mb-3" role="group" aria-label="Metode foto">
            <input type="radio" class="btn-check" name="foto_mode" id="foto_mode_selfie" value="selfie" checked>
            <label class="btn btn-outline-primary" for="foto_mode_selfie">📷 Selfie</label>

            <input type="radio" class="btn-check" name="foto_mode" id="foto_mode_upload" value="upload">
            <label class="btn btn-outline-primary" for="foto_mode_upload">📁 Upload Foto</label>
        </div>

        <div id="foto_selfie_box">
            <label class="form-label">Ambil Selfie</label>
            <input id="foto_selfie" type="file" name="foto" class="form-control"
                   accept="image/jpeg,image/png" capture="user" {{ $editing && $item->lampiran?->whereIn('mime_type',['image/jpeg','image/png','image/jpg'])->count() ? '' : 'required' }}>
            <div class="form-text">Pada HP, tombol ini akan membuka kamera depan jika browser mendukungnya.</div>
        </div>

        <div id="foto_upload_box" class="d-none">
            <label class="form-label">Upload Foto</label>
            <input id="foto_upload" type="file" name="foto" class="form-control"
                   accept="image/jpeg,image/png" disabled>
            <div class="form-text">Pilih foto dari perangkat.</div>
        </div>

        @if($editing && $item->lampiran?->whereIn('mime_type',['image/jpeg','image/png','image/jpg'])->count())
            <div class="mt-3">
                <strong>Foto saat ini</strong>
                <ul class="mb-0">
                    @foreach($item->lampiran as $f)
                        @if(in_array($f->mime_type,['image/jpeg','image/png','image/jpg'],true))
                            <li><a target="_blank" rel="noopener" href="{{route('pengajuan.attachment',[$type,$item->id,$f->id])}}">{{ $f->nama_asli }}</a></li>
                        @endif
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
</div>
</div>
@else
<div class="row g-3">
@include('components.pegawai-picker', ['pegawai'=>$pegawai, 'selectedId'=>($editing ? $item->pegawai_id : '')])
<div class="col-md-3"><label class="form-label">Tanggal</label><input type="date" name="tanggal" value="{{old('tanggal',$editing?$item->tanggal?->format('Y-m-d'):today()->format('Y-m-d'))}}" class="form-control" required></div>
@if(in_array($type,['pinjaman','kasbon','kendaraan']))
<div class="col-md-3"><label class="form-label">Tenor Pengajuan (bulan)</label><input id="tenor_pengajuan" type="number" min="1" name="tenor_pengajuan" value="{{old('tenor_pengajuan',$editing?$item->tenor_pengajuan:'1')}}" class="form-control" required></div>
@endif
<div class="col-md-4"><label class="form-label">Nominal Pengajuan</label><input id="jumlah_pengajuan" type="number" step="0.01" min="0.01" name="jumlah_pengajuan" value="{{old('jumlah_pengajuan',$editing?$item->jumlah_pengajuan:'')}}" class="form-control" required></div>
@if(in_array($type,['pinjaman','kasbon','kendaraan']))<div class="col-md-4"><label class="form-label">Angsuran Pengajuan / Bulan</label><input id="angsuran_pengajuan" type="number" step="0.01" min="0" name="angsuran_pengajuan" value="{{old('angsuran_pengajuan',$editing?$item->angsuran_pengajuan:'')}}" class="form-control bg-light" readonly required><div class="form-text">Otomatis = nominal ÷ tenor.</div></div>@endif
<div class="col-12"><label class="form-label">Keterangan / Keperluan</label><textarea name="keterangan" class="form-control" rows="4">{{old('keterangan',$editing?$item->keterangan:'')}}</textarea></div>
</div>
@endif
<div class="border rounded p-3 mt-4"><div class="d-flex justify-content-between align-items-center"><strong>Lampiran Verifikasi</strong><a class="btn btn-sm btn-outline-primary" href="{{route('pengajuan.formulir',$type)}}">Download Formulir Pengajuan</a></div><div class="text-muted small mt-1">JPG, JPEG, PNG atau PDF. Maksimal 5 MB per file. Anda dapat mengunggah formulir yang sudah ditandatangani pemohon dan atasan/penanggung jawab.</div><input type="file" name="lampiran[]" multiple accept=".jpg,.jpeg,.png,.pdf" class="form-control mt-2"></div>
@if($editing && $item->lampiran?->count())<div class="mt-3"><strong>Lampiran saat ini</strong><ul>@foreach($item->lampiran as $f)<li><a href="{{route('pengajuan.attachment',[$type,$item->id,$f->id])}}">{{$f->nama_asli}}</a></li>@endforeach</ul></div>@endif
<div class="mt-4"><button class="btn btn-primary">{{ $editing?'Simpan Perubahan':'Kirim Pengajuan' }}</button></div>
</form>
@if($type==='pegawai')
<script>
(function(){
    const selfieMode = document.getElementById('foto_mode_selfie');
    const uploadMode = document.getElementById('foto_mode_upload');
    const selfieBox = document.getElementById('foto_selfie_box');
    const uploadBox = document.getElementById('foto_upload_box');
    const selfie = document.getElementById('foto_selfie');
    const upload = document.getElementById('foto_upload');

    function syncFotoMode(){
        const isSelfie = selfieMode.checked;
        selfieBox.classList.toggle('d-none', !isSelfie);
        uploadBox.classList.toggle('d-none', isSelfie);
        selfie.disabled = !isSelfie;
        upload.disabled = isSelfie;

        // Foto hanya diwajibkan saat belum ada foto tersimpan.
        const hasExisting = {{ ($editing && $item->lampiran?->whereIn('mime_type',['image/jpeg','image/png','image/jpg'])->count()) ? 'true' : 'false' }};
        selfie.required = !hasExisting && isSelfie;
        upload.required = !hasExisting && !isSelfie;
    }

    selfieMode.addEventListener('change', syncFotoMode);
    uploadMode.addEventListener('change', syncFotoMode);
    syncFotoMode();
})();
</script>
@endif

@if(in_array($type,['pinjaman','kasbon','kendaraan']))
<script>
(function(){
    const jumlah=document.getElementById('jumlah_pengajuan');
    const tenor=document.getElementById('tenor_pengajuan');
    const angsuran=document.getElementById('angsuran_pengajuan');
    function hitung(){
        const j=parseFloat(jumlah?.value||0), t=parseInt(tenor?.value||0,10);
        angsuran.value=(j>0 && t>0) ? (j/t).toFixed(2) : '';
    }
    jumlah?.addEventListener('input',hitung);
    tenor?.addEventListener('input',hitung);
    hitung();
})();
</script>
@endif
@endsection