@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h5 class="mb-0">Detail {{ $title_menu }}</h5>
                            <a href="{{ URL::to($url_menu) }}" class="btn btn-sm btn-secondary">
                                <i class="fas fa-arrow-left me-1"></i>Kembali
                            </a>
                        </div>
                        <div class="card-body">
                            @include('components.alert')

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">NIK</label>
                                        <input type="text" class="form-control" readonly style="background-color: #f8f9fa;" value="{{ $list->nik }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Nama Karyawan</label>
                                        <input type="text" class="form-control" readonly style="background-color: #f8f9fa;" value="{{ $list->nama_karyawan ?? $list->firstname }}">
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Departemen</label>
                                        <input type="text" class="form-control" readonly style="background-color: #f8f9fa;" value="{{ $list->departemen ?? '-' }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Jabatan</label>
                                        <input type="text" class="form-control" readonly style="background-color: #f8f9fa;" value="{{ $list->jabatan ?? '-' }}">
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Username</label>
                                        <input type="text" class="form-control" readonly style="background-color: #f8f9fa;" value="{{ $list->username ?? '-' }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Status Karyawan</label>
                                        <div>
                                            @if ($list->isactive == '1')
                                                <span class="badge bg-success px-3 py-2 mt-1"><i class="fas fa-check me-1"></i>Aktif</span>
                                            @else
                                                <span class="badge bg-secondary px-3 py-2 mt-1">Nonaktif</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <hr class="horizontal dark">
                            <p class="text-uppercase text-sm">Tanda Tangan Digital</p>
                            <hr class="horizontal dark mt-0">

                            <div class="row justify-content-center mb-4">
                                <div class="col-md-8 text-center">
                                    @if ($list->signature)
                                        <div class="border border-2 rounded p-3" style="background: white; display: inline-block;">
                                            <img src="{{ $list->signature }}" alt="Tanda Tangan {{ $list->nama_karyawan ?? $list->firstname }}"
                                                style="max-width: 100%; height: auto; max-height: 320px;">
                                        </div>
                                    @else
                                        <div class="alert alert-warning">
                                            <i class="fas fa-exclamation-triangle me-1"></i>
                                            Tanda tangan tidak tersedia.
                                        </div>
                                    @endif
                                </div>
                            </div>

                            <hr class="horizontal dark">

                            @php
                                $format = new \App\Helpers\Format_Helper;
                                $namaKaryawan = $list->nama_karyawan ?? $list->firstname ?? $list->username;

                                // Dibuat Oleh: TTD adalah milik karyawan
                                $dibuatOleh = $namaKaryawan . ' (Karyawan)';

                                // Diupdate Oleh: Siapa yang terakhir mengubah TTD
                                if (empty($list->user_update) || $list->user_update == $list->username) {
                                    $diupdateOleh = $namaKaryawan . ' (Karyawan)';
                                } else {
                                    $diupdateOleh = $list->user_update;
                                }
                            @endphp

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Dibuat Oleh</label>
                                        <input type="text" class="form-control" readonly style="background-color: #f8f9fa;" value="{{ $dibuatOleh }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Tanggal Dibuat</label>
                                        <input type="text" class="form-control" readonly style="background-color: #f8f9fa;" value="{{ !empty($list->created_at) ? $format->TanggalIndonesia($list->created_at) : '-' }}">
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Diupdate Oleh</label>
                                        <input type="text" class="form-control" readonly style="background-color: #f8f9fa;" value="{{ $diupdateOleh }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Tanggal Update</label>
                                        <input type="text" class="form-control" readonly style="background-color: #f8f9fa;" value="{{ !empty($list->updated_at) ? $format->TanggalIndonesia($list->updated_at) : '-' }}">
                                    </div>
                                </div>
                            </div>

                            <hr class="horizontal dark mt-4">

                            <div class="d-flex justify-content-between">
                                <a href="{{ URL::to($url_menu) }}" class="btn btn-secondary">
                                    <i class="fas fa-arrow-left me-1"></i>Kembali
                                </a>
                                @if ($authorize->edit == '1')
                                    <button type="button" class="btn btn-warning"
                                        onclick="window.location='{{ URL::to($url_menu . '/edit/' . encrypt($list->id)) }}'">
                                        <i class="fas fa-edit me-1"></i>Edit
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection