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

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

    <div class="row">
        <div class="col-md-12">
            <div class="card shadow-lg mx-4 mt-top-menu">
                <div class="card-body p-3">
                    <div class="row gx-4">
                        <div class="col-auto my-auto">
                            <div class="h-100">
                                <h5 class="mb-1">
                                    Detail {{ $title_menu ?? 'Auditor' }}
                                </h5>
                                <p class="mb-0 font-weight-bold text-sm">
                                    Module Detail {{ $title_menu ?? 'Auditor' }}
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 my-sm-auto ms-sm-auto me-sm-0 mx-auto mt-3">
                            <div class="nav-wrapper position-relative inset-e-0">
                                <ul class="nav nav-pills nav-fill p-1 gap-2" role="tablist">
                                    <li class="nav-item">
                                        <h4 class="mb-0">
                                            <button class="btn btn-secondary mb-0 w-100"
                                                onclick="window.location='{{ URL::to($url_menu) }}'">
                                                <i class="fas fa-backward"></i>
                                                <span class="ms-1">Kembali</span>
                                            </button>
                                        </h4>
                                    </li>
                                    <li class="nav-item">
                                        <h4 class="mb-0">
                                            @if (isset($authorize) && $authorize->edit == '1')
                                                <button class="btn btn-warning mb-0 w-100"
                                                    onclick="window.location='{{ URL::to($url_menu . '/edit/' . encrypt($row->idauditor)) }}'">
                                                    <i class="fas fa-edit"></i>
                                                    <span class="ms-1">Edit</span>
                                                </button>
                                            @endif
                                        </h4>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">

                        <h6 class="text-uppercase text-body text-xs font-weight-bolder mb-3">Informasi Akun (Login)</h6>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label class="form-control-label font-weight-bold">Username</label>
                                    <input type="text" class="form-control" value="{{ $row->username }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label class="form-control-label font-weight-bold">Email (Akun & Kontak)</label>
                                    <input type="email" class="form-control" value="{{ $row->email }}" disabled>
                                </div>
                            </div>
                        </div>

                        <hr class="horizontal dark">
                        <h6 class="text-uppercase text-body text-xs font-weight-bolder mb-3">Profil Auditor</h6>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label class="form-control-label font-weight-bold">Nama Lengkap</label>
                                    <input type="text" class="form-control" value="{{ $row->name }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label class="form-control-label font-weight-bold">NIP / Employee ID</label>
                                    <input type="text" class="form-control" value="{{ $row->employee_id }}" disabled>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label class="form-control-label font-weight-bold">Departemen</label>
                                    <input type="text" class="form-control" value="{{ $row->dept_name }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label class="form-control-label font-weight-bold">Jabatan</label>
                                    <input type="text" class="form-control" value="{{ $row->jabatan }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label class="form-control-label font-weight-bold">No. Telepon / WhatsApp</label>
                                    <input type="text" class="form-control" value="{{ $row->phone }}" disabled>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection