@extends('layouts.app')

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

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-eye"></i> Detail Absensi</h2>
    <div class="d-flex gap-2">
        <a href="{{ route('absensi.index') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left"></i> Kembali
        </a>
        @if(auth()->user()->isKepalaTataUsaha())
        <a href="{{ route('absensi.edit', $absensi) }}" class="btn btn-primary">
            <i class="bi bi-pencil"></i> Edit
        </a>
        @endif
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header" style="background: linear-gradient(135deg, #198754 0%, #157347 100%); color: white;">
                <h5 class="mb-0"><i class="bi bi-calendar-check me-2"></i>Informasi Absensi</h5>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-4 fw-bold">Tanggal:</div>
                    <div class="col-md-8">
                        {{ $absensi->tanggal instanceof \Carbon\Carbon ? $absensi->tanggal->format('d F Y') : \Carbon\Carbon::parse($absensi->tanggal)->format('d F Y') }}
                    </div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-md-4 fw-bold">Pegawai:</div>
                    <div class="col-md-8">
                        <strong>{{ $absensi->pegawai->nama_lengkap ?? '-' }}</strong>
                        <br>
                        <small class="text-muted">NIP: {{ $absensi->pegawai->nip ?? '-' }}</small>
                    </div>
                </div>
                
                @php
                    $telat = $absensi->hitungTelat();
                    $jamLembur = $absensi->hitungLembur();
                @endphp
                
                <div class="row mb-3">
                    <div class="col-md-4 fw-bold">Jam Masuk:</div>
                    <div class="col-md-8">
                        @if($absensi->jam_masuk)
                            @if($absensi->jam_masuk instanceof \Carbon\Carbon)
                                <span class="fw-bold fs-5">{{ $absensi->jam_masuk->format('H:i') }}</span>
                            @else
                                <span class="fw-bold fs-5">{{ date('H:i', strtotime($absensi->jam_masuk)) }}</span>
                            @endif
                            @if($telat !== null && $telat > 0)
                                <br><span class="badge bg-warning text-dark mt-1">
                                    <i class="bi bi-exclamation-triangle"></i> Terlambat: {{ $absensi->status_telat }}
                                </span>
                            @endif
                        @else
                            <span class="text-muted">-</span>
                        @endif
                    </div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-md-4 fw-bold">Jam Keluar:</div>
                    <div class="col-md-8">
                        @if($absensi->jam_keluar)
                            @if($absensi->jam_keluar instanceof \Carbon\Carbon)
                                <span class="fw-bold fs-5">{{ $absensi->jam_keluar->format('H:i') }}</span>
                            @else
                                <span class="fw-bold fs-5">{{ date('H:i', strtotime($absensi->jam_keluar)) }}</span>
                            @endif
                            @if($absensi->status_lembur && $jamLembur > 0)
                                @php
                                    $jam = floor($jamLembur / 60);
                                    $menit = $jamLembur % 60;
                                    if ($jam > 0 && $menit > 0) {
                                        $lemburText = "{$jam} jam {$menit} menit";
                                    } elseif ($jam > 0) {
                                        $lemburText = "{$jam} jam";
                                    } elseif ($menit > 0) {
                                        $lemburText = "{$menit} menit";
                                    } else {
                                        $lemburText = "0 menit";
                                    }
                                @endphp
                                <br><span class="badge bg-danger mt-1">
                                    <i class="bi bi-hourglass-split"></i> Lembur: {{ $lemburText }}
                                </span>
                            @endif
                        @else
                            <span class="text-muted">-</span>
                        @endif
                    </div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-md-4 fw-bold">Status:</div>
                    <div class="col-md-8">
                        @php
                            $statusColors = [
                                'Hadir' => 'success',
                                'Izin' => 'info',
                                'Sakit' => 'warning',
                                'Cuti' => 'primary',
                                'Alpha' => 'danger',
                                'Terlambat' => 'warning'
                            ];
                            $color = $statusColors[$absensi->status] ?? 'secondary';
                            $telat = $absensi->hitungTelat();
                            $jamLembur = $absensi->hitungLembur();
                        @endphp
                        <span class="badge bg-{{ $color }} fs-6 mb-2">{{ $absensi->status }}</span>
                        @if($telat !== null && $telat > 0)
                            <br><span class="badge bg-warning text-dark fs-6 mt-1">
                                <i class="bi bi-clock-history"></i> Terlambat: {{ $absensi->status_telat }}
                            </span>
                        @endif
                        @if($absensi->status_lembur && $jamLembur > 0)
                            @php
                                $jam = floor($jamLembur / 60);
                                $menit = $jamLembur % 60;
                                if ($jam > 0 && $menit > 0) {
                                    $lemburText = "{$jam} jam {$menit} menit";
                                } elseif ($jam > 0) {
                                    $lemburText = "{$jam} jam";
                                } elseif ($menit > 0) {
                                    $lemburText = "{$menit} menit";
                                } else {
                                    $lemburText = "0 menit";
                                }
                            @endphp
                            <br><span class="badge bg-danger fs-6 mt-1">
                                <i class="bi bi-hourglass-split"></i> Lembur: {{ $lemburText }}
                            </span>
                        @endif
                    </div>
                </div>
                
                @if($absensi->keterangan)
                <div class="row mb-3">
                    <div class="col-md-4 fw-bold">Keterangan:</div>
                    <div class="col-md-8">{{ $absensi->keterangan }}</div>
                </div>
                @endif
                
                @if($absensi->device_name)
                <div class="row mb-3">
                    <div class="col-md-4 fw-bold">Device:</div>
                    <div class="col-md-8">
                        <i class="bi bi-fingerprint me-1"></i>{{ $absensi->device_name }}
                    </div>
                </div>
                @endif
                
                @if($absensi->scan_type)
                <div class="row mb-3">
                    <div class="col-md-4 fw-bold">Scan Type:</div>
                    <div class="col-md-8">{{ $absensi->scan_type }}</div>
                </div>
                @endif
                
                @if($absensi->fingerprint_time)
                <div class="row mb-3">
                    <div class="col-md-4 fw-bold">Fingerprint Time:</div>
                    <div class="col-md-8">
                        @if($absensi->fingerprint_time instanceof \Carbon\Carbon)
                            {{ $absensi->fingerprint_time->format('d F Y H:i:s') }}
                        @else
                            {{ \Carbon\Carbon::parse($absensi->fingerprint_time)->format('d F Y H:i:s') }}
                        @endif
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header" style="background: linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%); color: white;">
                <h5 class="mb-0"><i class="bi bi-info-circle me-2"></i>Informasi Tambahan</h5>
            </div>
            <div class="card-body">
                @php
                    $jamKerja = $absensi->getJamKerjaPerHari();
                    $telat = $absensi->hitungTelat();
                    $cepatPulang = $absensi->hitungCepatPulang();
                    $totalJamKerja = $absensi->hitungJamKerja();
                    $jamLembur = $absensi->hitungLembur();
                @endphp
                
                @if($jamKerja)
                <div class="mb-3 p-3 bg-light rounded">
                    <div class="fw-bold mb-2 text-primary">
                        <i class="bi bi-calendar-check"></i> Jam Kerja Standar Hari Ini
                    </div>
                    <div class="row">
                        <div class="col-6">
                            <small class="text-muted d-block">Masuk:</small>
                            <strong>{{ $jamKerja['jam_masuk'] }}</strong>
                        </div>
                        <div class="col-6">
                            <small class="text-muted d-block">Keluar:</small>
                            <strong>{{ $jamKerja['jam_keluar'] }}</strong>
                        </div>
                    </div>
                    <div class="mt-2 pt-2 border-top">
                        <small class="text-muted d-block">Durasi Normal:</small>
                        <strong class="text-info">
                            @php
                                $jam = floor($jamKerja['jam_kerja_menit'] / 60);
                                $menit = $jamKerja['jam_kerja_menit'] % 60;
                                if ($jam > 0 && $menit > 0) {
                                    echo "{$jam} jam {$menit} menit";
                                } elseif ($jam > 0) {
                                    echo "{$jam} jam";
                                } elseif ($menit > 0) {
                                    echo "{$menit} menit";
                                } else {
                                    echo "0 menit";
                                }
                            @endphp
                        </strong>
                    </div>
                </div>
                <hr>
                @endif
                
                @if($totalJamKerja !== null)
                <div class="mb-3">
                    <div class="fw-bold mb-1">
                        <i class="bi bi-clock-history"></i> Total Jam Kerja Aktual:
                    </div>
                    @php
                        $jam = floor($totalJamKerja / 60);
                        $menit = $totalJamKerja % 60;
                        if ($jam > 0 && $menit > 0) {
                            $jamText = "{$jam} jam {$menit} menit";
                        } elseif ($jam > 0) {
                            $jamText = "{$jam} jam";
                        } elseif ($menit > 0) {
                            $jamText = "{$menit} menit";
                        } else {
                            $jamText = "0 menit";
                        }
                    @endphp
                    <span class="badge bg-info fs-6">{{ $jamText }}</span>
                </div>
                @endif
                
                @if($telat !== null && $telat > 0)
                <div class="mb-3">
                    <div class="fw-bold mb-1">
                        <i class="bi bi-exclamation-triangle"></i> Keterlambatan:
                    </div>
                    <span class="badge bg-warning text-dark fs-6">{{ $absensi->status_telat }}</span>
                </div>
                @endif
                
                @if($absensi->status_lembur && $jamLembur > 0)
                <div class="mb-3">
                    <div class="fw-bold mb-1">
                        <i class="bi bi-hourglass-split"></i> Lembur:
                    </div>
                    @php
                        $jam = floor($jamLembur / 60);
                        $menit = $jamLembur % 60;
                        if ($jam > 0 && $menit > 0) {
                            $lemburText = "{$jam} jam {$menit} menit";
                        } elseif ($jam > 0) {
                            $lemburText = "{$jam} jam";
                        } elseif ($menit > 0) {
                            $lemburText = "{$menit} menit";
                        } else {
                            $lemburText = "0 menit";
                        }
                    @endphp
                    <span class="badge bg-danger fs-6">{{ $lemburText }}</span>
                    <small class="text-muted d-block mt-1">
                        <i class="bi bi-info-circle"></i> Jam keluar melebihi jam kerja normal karena masuk terlambat
                    </small>
                </div>
                @endif
                
                @if($telat === null || $telat == 0)
                <div class="mb-3">
                    <div class="fw-bold mb-1">Keterlambatan:</div>
                    <span class="badge bg-success">Tepat waktu</span>
                </div>
                @endif
                
                <div class="mb-3">
                    <div class="fw-bold mb-1">Cepat Pulang:</div>
                    @if($cepatPulang !== null)
                        @if($cepatPulang > 0)
                            <span class="badge bg-warning">{{ $absensi->status_cepat_pulang }}</span>
                        @else
                            <span class="badge bg-success">Tepat waktu</span>
                        @endif
                    @else
                        <span class="text-muted">-</span>
                    @endif
                </div>
                
                <hr>
                
                <div class="mb-2">
                    <small class="text-muted">Dibuat oleh:</small><br>
                    <strong>{{ $absensi->creator->name ?? 'System' }}</strong>
                </div>
                
                <div class="mb-2">
                    <small class="text-muted">Dibuat pada:</small><br>
                    <strong>{{ $absensi->created_at->format('d F Y H:i:s') }}</strong>
                </div>
                
                @if($absensi->updated_at != $absensi->created_at)
                <div class="mb-2">
                    <small class="text-muted">Diupdate pada:</small><br>
                    <strong>{{ $absensi->updated_at->format('d F Y H:i:s') }}</strong>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection