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

@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 class='btn btn-secondary mb-0' onclick='history.back()'>
                            <i class='fas fa-circle-left me-1'></i>
                            <span class='font-weight-bold'>Kembali</span>
                        </button>
                        @if ($authorize->edit == '1')
                            <button
                                class='btn btn-warning mb-0'
                                onclick='window.location=@json(url($url_menu . '/edit/' . encrypt($list->id)))'
                            >
                                <i class='fas fa-edit me-1'></i>
                                <span class='font-weight-bold'>Edit</span>
                            </button>
                        @endif
                    </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'>
                        <p class='text-uppercase text-sm'>View {{ $title_menu }}</p>
                        <hr class='horizontal dark mt-0'>

                        <div class='row'>
                            <div class='col-md-12 mb-4'>
                                <div class='p-3 border-radius-lg bg-gray-100'>
                                    <p class='text-xs text-uppercase text-secondary font-weight-bolder mb-1'>
                                        Nama Profile
                                    </p>
                                    <h5 class='mb-0'>
                                        {{ ($list->nama_line ?: 'Seluruh Line') . ' Item ' . $list->item_group }}
                                    </h5>
                                </div>
                            </div>

                            <div class='col-md-6 mb-3'>
                                <label class='form-control-label'>Gedung</label>
                                <input class='form-control' value='{{ $list->nama_gedung }}' disabled>
                            </div>
                            <div class='col-md-6 mb-3'>
                                <label class='form-control-label'>Parameter Set</label>
                                <input class='form-control' value='{{ $list->nama_parameter_set }}' disabled>
                            </div>
                            <div class='col-md-6 mb-3'>
                                <label class='form-control-label'>Line</label>
                                <input class='form-control' value='{{ $list->nama_line ?: 'Seluruh Line' }}' disabled>
                            </div>
                            <div class='col-md-6 mb-3'>
                                <label class='form-control-label'>Item Group</label>
                                <input class='form-control' value='{{ $list->item_group }}' disabled>
                            </div>
                            <div class='col-md-6 mb-3'>
                                <label class='form-control-label'>Status</label>
                                <div>
                                    <span class='badge bg-{{ $list->isactive == '1' ? 'success' : 'danger' }}'>
                                        {{ $list->isactive == '1' ? 'Active' : 'Not Active' }}
                                    </span>
                                </div>
                            </div>
                        </div>

                        <hr class='horizontal dark'>
                        <p class='text-secondary text-xs mb-0'>
                            Profile ini menentukan konteks penggunaan. Struktur komponennya tetap berasal dari Parameter Set.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection