@extends('layouts.app')

@section('title', 'Detail Gaji')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-cash-coin"></i> Detail Gaji</h2>
    <div class="d-flex gap-2">
        @if($gaji->status == 'Draft')
        <form action="{{ route('gaji.approve', $gaji) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-success" onclick="return confirm('Setujui gaji ini?')">
                <i class="bi bi-check-circle"></i> Setujui
            </button>
        </form>
        <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#rejectModal">
            <i class="bi bi-x-circle"></i> Tolak
        </button>
        @endif
        @if($gaji->status == 'Disetujui')
        <form action="{{ route('gaji.pay', $gaji) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-primary" onclick="return confirm('Tandai gaji sebagai dibayar?')">
                <i class="bi bi-cash"></i> Tandai Dibayar
            </button>
        </form>
        @endif
        <a href="{{ route('gaji.download-pdf', $gaji) }}" class="btn btn-info text-white" target="_blank">
            <i class="bi bi-file-earmark-pdf"></i> Download PDF
        </a>
        <a href="{{ route('gaji.index') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left"></i> Kembali
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">Informasi Gaji</h5>
            </div>
            <div class="card-body">
                <table class="table">
                    <tr>
                        <th width="200">Pegawai</th>
                        <td>{{ $gaji->pegawai->nama_lengkap }} ({{ $gaji->pegawai->nip }})</td>
                    </tr>
                    <tr>
                        <th>Periode</th>
                        <td>{{ $gaji->periode_formatted }}</td>
                    </tr>
                    <tr>
                        <th>Status</th>
                        <td>
                            <span class="badge bg-{{ $gaji->status == 'Dibayar' ? 'success' : ($gaji->status == 'Disetujui' ? 'info' : ($gaji->status == 'Ditolak' ? 'danger' : 'secondary')) }}">
                                {{ $gaji->status }}
                            </span>
                            @if($gaji->isLocked())
                            <span class="badge bg-warning ms-2">
                                <i class="bi bi-lock-fill"></i> Periode Terkunci
                            </span>
                            @endif
                        </td>
                    </tr>
                    @if($gaji->isLocked() && $gaji->lockedBy)
                    <tr>
                        <th>Dikunci Oleh</th>
                        <td>{{ $gaji->lockedBy->username }} ({{ $gaji->locked_at ? $gaji->locked_at->format('d/m/Y H:i') : '-' }})</td>
                    </tr>
                    @if($gaji->alasan_koreksi)
                    <tr>
                        <th>Alasan Lock</th>
                        <td>{{ $gaji->alasan_koreksi }}</td>
                    </tr>
                    @endif
                    @endif
                    @if($gaji->disetujuiOleh)
                    <tr>
                        <th>Disetujui Oleh</th>
                        <td>{{ $gaji->disetujuiOleh->username }} ({{ $gaji->tanggal_persetujuan ? $gaji->tanggal_persetujuan->format('d/m/Y H:i') : '-' }})</td>
                    </tr>
                    @endif
                    @if($gaji->tanggal_pembayaran)
                    <tr>
                        <th>Tanggal Pembayaran</th>
                        <td>{{ $gaji->tanggal_pembayaran->format('d/m/Y H:i') }}</td>
                    </tr>
                    @endif
                    @if($gaji->keterangan)
                    <tr>
                        <th>Keterangan</th>
                        <td>{{ $gaji->keterangan }}</td>
                    </tr>
                    @endif
                </table>
            </div>
        </div>

        <!-- Card Data Kehadiran -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0"><i class="bi bi-calendar-check"></i> Data Kehadiran Periode</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-2">
                        <div class="text-center p-3 bg-success bg-opacity-10 rounded">
                            <div class="fw-bold text-success fs-4">{{ $gaji->jumlah_hadir ? $gaji->jumlah_hadir : 0 }}</div>
                            <small class="text-muted">Hadir</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="text-center p-3 bg-warning bg-opacity-10 rounded">
                            <div class="fw-bold text-warning fs-4">{{ $gaji->jumlah_izin ? $gaji->jumlah_izin : 0 }}</div>
                            <small class="text-muted">Izin</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="text-center p-3 bg-info bg-opacity-10 rounded">
                            <div class="fw-bold text-info fs-4">{{ $gaji->jumlah_sakit ? $gaji->jumlah_sakit : 0 }}</div>
                            <small class="text-muted">Sakit</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="text-center p-3 bg-primary bg-opacity-10 rounded">
                            <div class="fw-bold text-primary fs-4">{{ $gaji->jumlah_cuti ? $gaji->jumlah_cuti : 0 }}</div>
                            <small class="text-muted">Cuti</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="text-center p-3 bg-danger bg-opacity-10 rounded">
                            <div class="fw-bold text-danger fs-4">{{ $gaji->jumlah_alpha ? $gaji->jumlah_alpha : 0 }}</div>
                            <small class="text-muted">Alpha</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="text-center p-3 bg-secondary bg-opacity-10 rounded">
                            <div class="fw-bold text-secondary fs-4">{{ $gaji->total_hari_kerja ? $gaji->total_hari_kerja : 0 }}</div>
                            <small class="text-muted">Hari Kerja</small>
                        </div>
                    </div>
                </div>
                @if($gaji->potongan_absensi > 0)
                <div class="alert alert-info mt-3 mb-0">
                    <i class="bi bi-info-circle"></i> <strong>Potongan Absensi:</strong> Rp {{ number_format($gaji->potongan_absensi, 0, ',', '.') }}
                    <br><small>Dihitung dari: Alpha & Izin (5% per hari), Sakit (2.5% per hari)</small>
                </div>
                @endif
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Rincian Gaji</h5>
            </div>
            <div class="card-body">
                <h6 class="mb-3">Pendapatan</h6>
                <table class="table table-sm">
                    <tr>
                        <td>Gaji Pokok</td>
                        <td class="text-end">Rp {{ number_format($gaji->gaji_pokok, 0, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td>Tunjangan Jabatan</td>
                        <td class="text-end">Rp {{ number_format($gaji->tunjangan_jabatan, 0, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td>Tunjangan Keluarga</td>
                        <td class="text-end">Rp {{ number_format($gaji->tunjangan_keluarga, 0, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td>Tunjangan Transport</td>
                        <td class="text-end">Rp {{ number_format($gaji->tunjangan_transport, 0, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td>Tunjangan Makan</td>
                        <td class="text-end">Rp {{ number_format($gaji->tunjangan_makan, 0, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td>Bonus</td>
                        <td class="text-end">Rp {{ number_format($gaji->bonus, 0, ',', '.') }}</td>
                    </tr>
                    <tr class="table-info">
                        <td><strong>Subtotal Pendapatan</strong></td>
                        <td class="text-end"><strong>Rp {{ number_format($gaji->gaji_pokok + $gaji->tunjangan_jabatan + $gaji->tunjangan_keluarga + $gaji->tunjangan_transport + $gaji->tunjangan_makan + $gaji->bonus, 0, ',', '.') }}</strong></td>
                    </tr>
                </table>

                <h6 class="mb-3 mt-4">Potongan</h6>
                <table class="table table-sm">
                    <tr>
                        <td>Potongan Absensi</td>
                        <td class="text-end">Rp {{ number_format($gaji->potongan_absensi, 0, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td>Potongan Lainnya</td>
                        <td class="text-end">Rp {{ number_format($gaji->potongan_lainnya, 0, ',', '.') }}</td>
                    </tr>
                    <tr class="table-danger">
                        <td><strong>Subtotal Potongan</strong></td>
                        <td class="text-end"><strong>Rp {{ number_format($gaji->potongan_absensi + $gaji->potongan_lainnya, 0, ',', '.') }}</strong></td>
                    </tr>
                </table>

                <hr>
                <div class="alert alert-success mb-0">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h5 class="mb-1">Gaji Bersih yang Diterima</h5>
                            <small class="text-muted">Total gaji setelah dikurangi semua potongan</small>
                        </div>
                        <h3 class="mb-0 text-success fw-bold">Rp {{ number_format($gaji->gaji_bersih, 0, ',', '.') }}</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Aksi</h5>
            </div>
            <div class="card-body">
                @if($gaji->status == 'Draft' && auth()->user()->isKepalaTataUsaha())
                <a href="{{ route('gaji.edit', $gaji) }}" class="btn btn-warning w-100 mb-2">
                    <i class="bi bi-pencil"></i> Edit
                </a>
                <form action="{{ route('gaji.refresh-kehadiran', $gaji) }}" method="POST" class="mb-2">
                    @csrf
                    <button type="submit" class="btn btn-info w-100" onclick="return confirm('Refresh data kehadiran dari absensi?')">
                        <i class="bi bi-arrow-clockwise"></i> Refresh Kehadiran
                    </button>
                </form>
                <form action="{{ route('gaji.destroy', $gaji) }}" method="POST" onsubmit="return confirm('Yakin hapus?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger w-100">
                        <i class="bi bi-trash"></i> Hapus
                    </button>
                </form>
                @if(!$gaji->isLocked())
                <button type="button" class="btn btn-warning w-100 mt-2" data-bs-toggle="modal" data-bs-target="#lockModal">
                    <i class="bi bi-lock-fill"></i> Lock Periode
                </button>
                @else
                <button type="button" class="btn btn-success w-100 mt-2" data-bs-toggle="modal" data-bs-target="#unlockModal">
                    <i class="bi bi-unlock-fill"></i> Unlock Periode
                </button>
                @endif
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Modal Reject -->
<div class="modal fade" id="rejectModal" tabindex="-1" aria-labelledby="rejectModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('gaji.reject', $gaji) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="rejectModalLabel">Tolak Gaji</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="catatan" class="form-label">Alasan Penolakan <span class="text-danger">*</span></label>
                        <textarea name="catatan" id="catatan" class="form-control @error('catatan') is-invalid @enderror" rows="4" required placeholder="Masukkan alasan penolakan gaji...">{{ old('catatan') }}</textarea>
                        @error('catatan')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-danger">Tolak Gaji</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Lock Periode -->
@if(auth()->user()->isKepalaTataUsaha())
<div class="modal fade" id="lockModal" tabindex="-1" aria-labelledby="lockModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('gaji.lock-periode', $gaji) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="lockModalLabel">Lock Periode Gaji</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-triangle"></i> 
                        <strong>Perhatian:</strong> Setelah periode dikunci, data gaji tidak dapat diubah lagi. Pastikan semua data sudah benar.
                    </div>
                    <div class="mb-3">
                        <label for="alasan_lock" class="form-label">Alasan Lock <span class="text-danger">*</span></label>
                        <textarea name="alasan_lock" id="alasan_lock" class="form-control @error('alasan_lock') is-invalid @enderror" rows="4" required placeholder="Masukkan alasan mengunci periode gaji (minimal 10 karakter)...">{{ old('alasan_lock') }}</textarea>
                        <small class="form-text text-muted">Alasan lock wajib diisi untuk audit trail. Minimal 10 karakter.</small>
                        @error('alasan_lock')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-warning">Lock Periode</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Unlock Periode -->
<div class="modal fade" id="unlockModal" tabindex="-1" aria-labelledby="unlockModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('gaji.unlock-periode', $gaji) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="unlockModalLabel">Unlock Periode Gaji</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-info">
                        <i class="bi bi-info-circle"></i> 
                        <strong>Info:</strong> Setelah periode dibuka, data gaji dapat diubah lagi.
                    </div>
                    <div class="mb-3">
                        <label for="alasan_unlock" class="form-label">Alasan Unlock <span class="text-danger">*</span></label>
                        <textarea name="alasan_unlock" id="alasan_unlock" class="form-control @error('alasan_unlock') is-invalid @enderror" rows="4" required placeholder="Masukkan alasan membuka periode gaji (minimal 10 karakter)...">{{ old('alasan_unlock') }}</textarea>
                        <small class="form-text text-muted">Alasan unlock wajib diisi untuk audit trail. Minimal 10 karakter.</small>
                        @error('alasan_unlock')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-success">Unlock Periode</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
@endsection