@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card mx-4 shadow-lg">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                        {{-- check authorize edit --}}
                        @if ($authorize && $authorize->edit == '1')
                            {{-- button edit --}}
                            <a href="{{ URL::to($url_menu . '/edit/' . encrypt($employee->nik)) }}"
                                class="btn btn-warning mb-0">
                                <i class="fas fa-edit me-1"></i><span class="font-weight-bold">Edit</span>
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                {{-- Employee Data Card --}}
                <div class="card mb-4">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Data Karyawan</p>
                        <hr class="horizontal dark mt-0">
                        {{-- alert --}}
                        @include('components.alert')

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="full_name" class="form-control-label">Nama Lengkap</label>
                                    <input class="form-control" type="text" name="full_name" id="full_name"
                                        value="{{ $employee->nama }}" readonly disabled
                                        style="background-color: #f8f9fa; cursor: default;">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="hris_nik" class="form-control-label">NIK</label>
                                    <input class="form-control" type="text" readonly disabled
                                        value="{{ $employee->nik }}" style="background-color: #f8f9fa; cursor: default;">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="department_name" class="form-control-label">Departemen</label>
                                    <input class="form-control" type="text" readonly disabled
                                        value="{{ $employee->department_name ?? '-' }}"
                                        style="background-color: #f8f9fa; cursor: default;">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="job_title_name" class="form-control-label">Jabatan</label>
                                    <input class="form-control" type="text" readonly disabled
                                        value="{{ $employee->job_title_name ?? '-' }}"
                                        style="background-color: #f8f9fa; cursor: default;">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="emp_active" class="form-control-label">Status Karyawan</label>
                                    <input class="form-control" type="text" readonly disabled
                                        value="{{ $employee->isactive == '1' ? 'Aktif' : 'Tidak Aktif' }}"
                                        style="background-color: #f8f9fa; cursor: default;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- User Account Data Card --}}
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Data Akun User</p>
                        <hr class="horizontal dark mt-0">

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="username" class="form-control-label">Username</label>
                                    <input class="form-control" type="text" name="username" id="username"
                                        value="{{ $employee->nik }}" readonly disabled
                                        style="background-color: #f8f9fa; cursor: default;">
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="password" class="form-control-label">Password</label>
                                    <input class="form-control" type="text" value="********" readonly disabled
                                        style="background-color: #f8f9fa; cursor: default;">
                                    <p class='text-secondary px-1 pt-1 text-xs'>*) Password tersembunyi untuk keamanan</p>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="user_active" class="form-control-label">Status Akun User</label>
                                    <input class="form-control" type="text" readonly disabled
                                        value="{{ $employee->user_active == '1' ? 'Aktif' : 'Tidak Aktif' }}"
                                        style="background-color: #f8f9fa; cursor: default;">
                                </div>
                            </div>
                        </div>

                        <hr class="horizontal dark">
                        <div class="card-footer align-items-center pb-2 pt-0">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection