@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <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->edit == '1')
                            {{-- check status active --}}
                            @if ($list->isactive == 1)
                                {{-- button edit --}}
                                <button class="btn btn-warning mb-0"
                                    onclick="window.location='{{ url($url_menu . '/edit' . '/' . $idencrypt) }}'">
                                    <i class="fas fa-edit me-1"> </i><span class="font-weight-bold">Edit</button>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card shadow-lg">
                    <div class="card-body">
                        <ul class="list-group">
                            <li class="list-group-item d-flex align-items-center py-3" style="gap: 8px;">
                                <strong style="width: 35%; min-width:140px;">ID</strong>
                                <span class="mx-1">:</span>
                                <span style="width: 65%;">{{ $list->id }}</span>
                            </li>
                            <li class="list-group-item d-flex align-items-center py-3" style="gap: 8px;">
                                <strong style="width: 35%; min-width:140px;">Nama Departemen</strong>
                                <span class="mx-1">:</span>
                                <span style="width: 65%;">{{ $list->nama }}</span>
                            </li>
                            <li class="list-group-item d-flex align-items-center py-3" style="gap: 8px;">
                                <strong style="width: 35%; min-width:140px;">Status</strong>
                                <span class="mx-1">:</span>
                                <span style="width: 65%;">
                                    @if ($list->isactive == '1')
                                        <span class="badge bg-success">Active</span>
                                    @else
                                        <span class="badge bg-danger">Not Active</span>
                                    @endif
                                </span>
                            </li>
                            @if ($list->user_create)
                                <li class="list-group-item d-flex align-items-center py-3" style="gap: 8px;">
                                    <strong style="width: 35%; min-width:140px;">Dibuat Oleh</strong>
                                    <span class="mx-1">:</span>
                                    <span style="width: 65%;">{{ $list->user_create }}</span>
                                </li>
                            @endif
                            @if ($list->created_at)
                                <li class="list-group-item d-flex align-items-center py-3" style="gap: 8px;">
                                    <strong style="width: 35%; min-width:140px;">Tanggal Dibuat</strong>
                                    <span class="mx-1">:</span>
                                    <span style="width: 65%;">{{ date('d M Y H:i:s', strtotime($list->created_at)) }}</span>
                                </li>
                            @endif
                            @if ($list->user_update)
                                <li class="list-group-item d-flex align-items-center py-3" style="gap: 8px;">
                                    <strong style="width: 35%; min-width:140px;">Diupdate Oleh</strong>
                                    <span class="mx-1">:</span>
                                    <span style="width: 65%;">{{ $list->user_update }}</span>
                                </li>
                            @endif
                            @if ($list->updated_at)
                                <li class="list-group-item d-flex align-items-center py-3" style="gap: 8px;">
                                    <strong style="width: 35%; min-width:140px;">Tanggal Diupdate</strong>
                                    <span class="mx-1">:</span>
                                    <span style="width: 65%;">{{ date('d M Y H:i:s', strtotime($list->updated_at)) }}</span>
                                </li>
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection