@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
    <style type="text/css">
        .hide-content {
            display: none;
        }

        .bold {
            font-weight: bold;
        }

        .pt-8 {
            padding-top: 8px;
        }

        .img_table {
            height: 200px;
            border-radius: 5px;
        }

        /* .img_modal {
            height: 400px;
            border-radius: 5px;
        } */

        @media (min-width: 768px) {
            .modal-xl {
                width: 90%;
                max-width:1200px;
            }
        }
    </style>
@endsection
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Notification KTP</h3>   
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                @include('pages.notification.ktp.detail_list.breadcrumb')
                @include('pages.notification.ktp.detail_list.data')
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@include('pages.notification.ktp.detail_list.modal')
@endsection

@section('scripts')
<script>
    let oss_img_url = "{{ env('ALIYUN_OSS_IMAGE_URL') }}";
    let oss_folder = "{{ env('ALIYUN_OSS_FOLDER') }}";
    let oss_dir = oss_img_url + '/' + oss_folder;
</script>
<script src="{{ url('/js/notification/ktp.js') }}"></script>
@endsection