<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>OpenDK Kecamatan API Documentation</title>

    <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="{{ asset('/vendor/scribe/css/theme-default.style.css') }}" media="screen">
    <link rel="stylesheet" href="{{ asset('/vendor/scribe/css/theme-default.print.css') }}" media="print">

    <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>

    <link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.6.0/styles/obsidian.min.css">
    <script src="https://unpkg.com/@highlightjs/cdn-assets@11.6.0/highlight.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jets/0.14.1/jets.min.js"></script>

    <style id="language-style">
        /* starts out as display none and is replaced with js later  */
        body .content .bash-example code {
            display: none;
        }

        body .content .javascript-example code {
            display: none;
        }

        body .content .php-example code {
            display: none;
        }
    </style>

    <script>
        var tryItOutBaseUrl = "http://localhost:8000";
        var useCsrf = Boolean();
        var csrfUrl = "/sanctum/csrf-cookie";
    </script>
    <script src="{{ asset('/vendor/scribe/js/tryitout-5.11.0.js') }}"></script>

    <script src="{{ asset('/vendor/scribe/js/theme-default-5.11.0.js') }}"></script>

</head>

<body data-languages="[&quot;bash&quot;,&quot;javascript&quot;,&quot;php&quot;]">

    <a href="#" id="nav-button">
        <span>
            MENU
            <img src="{{ asset('/vendor/scribe/images/navbar.png') }}" alt="navbar-image" />
        </span>
    </a>
    <div class="tocify-wrapper">

        <div class="lang-selector">
            <button type="button" class="lang-button" data-language-name="bash">bash</button>
            <button type="button" class="lang-button" data-language-name="javascript">javascript</button>
            <button type="button" class="lang-button" data-language-name="php">php</button>
        </div>

        <div class="search">
            <input type="text" class="search" id="input-search" placeholder="Search">
        </div>

        <div id="toc">
            <ul id="tocify-header-introduction" class="tocify-header">
                <li class="tocify-item level-1" data-unique="introduction">
                    <a href="#introduction">Introduction</a>
                </li>
            </ul>
            <ul id="tocify-header-authenticating-requests" class="tocify-header">
                <li class="tocify-item level-1" data-unique="authenticating-requests">
                    <a href="#authenticating-requests">Authenticating requests</a>
                </li>
            </ul>
            <ul id="tocify-header-autentikasi" class="tocify-header">
                <li class="tocify-item level-1" data-unique="autentikasi">
                    <a href="#autentikasi">Autentikasi</a>
                </li>
                <ul id="tocify-subheader-autentikasi" class="tocify-subheader">
                    <li class="tocify-item level-2" data-unique="autentikasi-POSTapi-v1-auth-login">
                        <a href="#autentikasi-POSTapi-v1-auth-login">Login</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="autentikasi-POSTapi-v1-auth-logout">
                        <a href="#autentikasi-POSTapi-v1-auth-logout">Log the user out (Invalidate the token).</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="autentikasi-POSTapi-v1-auth-refresh">
                        <a href="#autentikasi-POSTapi-v1-auth-refresh">Refresh a token.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="autentikasi-GETapi-v1-auth-me">
                        <a href="#autentikasi-GETapi-v1-auth-me">Get the authenticated User.</a>
                    </li>
                </ul>
            </ul>
            <ul id="tocify-header-endpoints" class="tocify-header">
                <li class="tocify-item level-1" data-unique="endpoints">
                    <a href="#endpoints">Endpoints</a>
                </li>
                <ul id="tocify-subheader-endpoints" class="tocify-subheader">
                    <li class="tocify-item level-2" data-unique="endpoints-GETapi-v1-test">
                        <a href="#endpoints-GETapi-v1-test">GET api/v1/test</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="endpoints-POSTapi-v1-penduduk-test">
                        <a href="#endpoints-POSTapi-v1-penduduk-test">Test endpoint untuk verifikasi API berjalan.</a>
                    </li>
                </ul>
            </ul>
            <ul id="tocify-header-opensid-integration" class="tocify-header">
                <li class="tocify-item level-1" data-unique="opensid-integration">
                    <a href="#opensid-integration">OpenSID Integration</a>
                </li>
                <ul id="tocify-subheader-opensid-integration" class="tocify-subheader">
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-penduduk">
                        <a href="#opensid-integration-POSTapi-v1-penduduk">Hapus data penduduk secara batch (via JSON).</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-penduduk-storedata">
                        <a href="#opensid-integration-POSTapi-v1-penduduk-storedata">Sinkronisasi data dan foto penduduk via ZIP dari OpenSID.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-laporan-apbdes">
                        <a href="#opensid-integration-POSTapi-v1-laporan-apbdes">Sinkronisasi data APBDes dari OpenSID (JSON + base64 file).</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-laporan-penduduk">
                        <a href="#opensid-integration-POSTapi-v1-laporan-penduduk">Sinkronisasi laporan penduduk dari OpenSID (JSON + base64 file).</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-pesan">
                        <a href="#opensid-integration-POSTapi-v1-pesan">Kirim pesan baru atau balas pesan dari OpenSID.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-pesan-getpesan">
                        <a href="#opensid-integration-POSTapi-v1-pesan-getpesan">Ambil daftar pesan untuk desa tertentu.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-GETapi-v1-pesan-detail">
                        <a href="#opensid-integration-GETapi-v1-pesan-detail">Lihat detail percakapan pesan.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-pembangunan">
                        <a href="#opensid-integration-POSTapi-v1-pembangunan">Sinkronisasi data pembangunan via ZIP dari OpenSID.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-pembangunan-dokumentasi">
                        <a href="#opensid-integration-POSTapi-v1-pembangunan-dokumentasi">Sinkronisasi dokumentasi pembangunan via ZIP dari OpenSID.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-identitas-desa">
                        <a href="#opensid-integration-POSTapi-v1-identitas-desa">Sinkronisasi identitas desa dari OpenSID.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-program-bantuan">
                        <a href="#opensid-integration-POSTapi-v1-program-bantuan">Sinkronisasi data program bantuan via ZIP dari OpenSID.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-program-bantuan-peserta">
                        <a href="#opensid-integration-POSTapi-v1-program-bantuan-peserta">Sinkronisasi data peserta program bantuan via ZIP dari OpenSID.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-GETapi-v1-surat">
                        <a href="#opensid-integration-GETapi-v1-surat">Daftar surat untuk desa tertentu.</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-POSTapi-v1-surat-kirim">
                        <a href="#opensid-integration-POSTapi-v1-surat-kirim">Kirim surat dari OpenSID ke OpenDK (TTE).</a>
                    </li>
                    <li class="tocify-item level-2" data-unique="opensid-integration-GETapi-v1-surat-download">
                        <a href="#opensid-integration-GETapi-v1-surat-download">Download file surat dalam format PDF.</a>
                    </li>
                </ul>
            </ul>
        </div>

        <ul class="toc-footer" id="toc-footer">
            <li style="padding-bottom: 5px;"><a href="{{ route('scribe.postman') }}">View Postman collection</a></li>
            <li style="padding-bottom: 5px;"><a href="{{ route('scribe.openapi') }}">View OpenAPI spec</a></li>
            <li><a href="http://github.com/knuckleswtf/scribe">Documentation powered by Scribe ✍</a></li>
        </ul>

        <ul class="toc-footer" id="last-updated">
            <li>Last updated: July 20, 2026</li>
        </ul>
    </div>

    <div class="page-wrapper">
        <div class="dark-box"></div>
        <div class="content">
            <h1 id="introduction">Introduction</h1>
            <aside>
                <strong>Base URL</strong>: <code>http://opendk.test/</code>
            </aside>
            <pre><code>This documentation aims to provide all the information you need to work with our API.

&lt;aside&gt;As you scroll, you'll see code examples for working with the API in different programming languages in the dark area to the right (or as part of the content on mobile).
You can switch the language used with the tabs at the top right (or from the nav menu at the top left on mobile).&lt;/aside&gt;</code></pre>

            <h1 id="authenticating-requests">Authenticating requests</h1>
            <p>To authenticate requests, include an <strong><code>Authorization</code></strong> header with the value <strong><code>"Bearer {YOUR_AUTH_KEY}"</code></strong>.</p>
            <p>All authenticated endpoints are marked with a <code>requires authentication</code> badge in the documentation below.</p>
            <p>Anda dapat memperoleh API key dari halaman pengaturan OpenDK. Key dikirim sebagai Bearer token di header Authorization.</p>

            <h1 id="autentikasi">Autentikasi</h1>

            <p>Endpoint untuk login, logout, refresh token JWT, dan informasi user.</p>

            <h2 id="autentikasi-POSTapi-v1-auth-login">Login</h2>

            <p>
            </p>

            <p>Mendapatkan JWT token dengan credentials email dan password.
                Hanya user dengan permission <code>access.data</code>, <code>access.api</code>, atau <code>access.setting</code> yang diizinkan.</p>

            <span id="example-requests-POSTapi-v1-auth-login">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/auth/login" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json" \
    --data "{
    \"email\": \"admin@mail.com\",
    \"password\": \"password\"
}"
</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/auth/login"
);

const headers = {
    "Content-Type": "application/json",
    "Accept": "application/json",
};

let body = {
    "email": "admin@mail.com",
    "password": "password"
};

fetch(url, {
    method: "POST",
    headers,
    body: JSON.stringify(body),
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/auth/login';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'json' =&gt; [
            'email' =&gt; 'admin@mail.com',
            'password' =&gt; 'password',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-auth-login">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;access_token&quot;: &quot;eyJ0eXAiOiJKV1Qi...&quot;,
    &quot;token_type&quot;: &quot;bearer&quot;,
    &quot;expires_in&quot;: 3600
}</code>
 </pre>
                <blockquote>
                    <p>Example response (401):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;message&quot;: &quot;Pengguna tidak dikenali&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-auth-login" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-auth-login"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-auth-login"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-auth-login" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-auth-login">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-auth-login"
                data-method="POST"
                data-path="api/v1/auth/login"
                data-authed="0"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-auth-login', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-auth-login" onclick="tryItOut('POSTapi-v1-auth-login');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-auth-login" onclick="cancelTryOut('POSTapi-v1-auth-login');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-auth-login" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/auth/login</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-auth-login" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-auth-login" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>email</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="email" data-endpoint="POSTapi-v1-auth-login" value="admin@mail.com" data-component="body">
                    <br>
                    <p>Email pengguna. Example: <code>admin@mail.com</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>password</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="password" data-endpoint="POSTapi-v1-auth-login" value="password" data-component="body">
                    <br>
                    <p>Password pengguna. Example: <code>password</code></p>
                </div>
            </form>

            <h2 id="autentikasi-POSTapi-v1-auth-logout">Log the user out (Invalidate the token).</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-auth-logout">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/auth/logout" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json"</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/auth/logout"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};


fetch(url, {
    method: "POST",
    headers,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/auth/logout';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-auth-logout">
            </span>
            <span id="execution-results-POSTapi-v1-auth-logout" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-auth-logout"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-auth-logout"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-auth-logout" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-auth-logout">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-auth-logout"
                data-method="POST"
                data-path="api/v1/auth/logout"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-auth-logout', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-auth-logout" onclick="tryItOut('POSTapi-v1-auth-logout');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-auth-logout" onclick="cancelTryOut('POSTapi-v1-auth-logout');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-auth-logout" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/auth/logout</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-auth-logout"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-auth-logout" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-auth-logout" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
            </form>

            <h2 id="autentikasi-POSTapi-v1-auth-refresh">Refresh a token.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-auth-refresh">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/auth/refresh" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json"</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/auth/refresh"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};


fetch(url, {
    method: "POST",
    headers,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/auth/refresh';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-auth-refresh">
            </span>
            <span id="execution-results-POSTapi-v1-auth-refresh" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-auth-refresh"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-auth-refresh"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-auth-refresh" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-auth-refresh">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-auth-refresh"
                data-method="POST"
                data-path="api/v1/auth/refresh"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-auth-refresh', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-auth-refresh" onclick="tryItOut('POSTapi-v1-auth-refresh');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-auth-refresh" onclick="cancelTryOut('POSTapi-v1-auth-refresh');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-auth-refresh" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/auth/refresh</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-auth-refresh"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-auth-refresh" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-auth-refresh" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
            </form>

            <h2 id="autentikasi-GETapi-v1-auth-me">Get the authenticated User.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-GETapi-v1-auth-me">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request GET \
    --get "http://localhost:8000/api/v1/auth/me" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json"</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/auth/me"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};


fetch(url, {
    method: "GET",
    headers,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/auth/me';
$response = $client-&gt;get(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-GETapi-v1-auth-me">
                <blockquote>
                    <p>Example response (401):</p>
                </blockquote>
                <details class="annotation">
                    <summary style="cursor: pointer;">
                        <small onclick="textContent = parentElement.parentElement.open ? 'Show headers' : 'Hide headers'">Show headers</small>
                    </summary>
                    <pre><code class="language-http">cache-control: no-cache, private
content-type: application/json
x-ratelimit-limit: 60
x-ratelimit-remaining: 59
access-control-allow-origin: *
 </code></pre>
                </details>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;message&quot;: &quot;Unauthenticated.&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-GETapi-v1-auth-me" hidden>
                <blockquote>Received response<span id="execution-response-status-GETapi-v1-auth-me"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-GETapi-v1-auth-me"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-GETapi-v1-auth-me" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-GETapi-v1-auth-me">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-GETapi-v1-auth-me"
                data-method="GET"
                data-path="api/v1/auth/me"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('GETapi-v1-auth-me', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-GETapi-v1-auth-me" onclick="tryItOut('GETapi-v1-auth-me');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-GETapi-v1-auth-me" onclick="cancelTryOut('GETapi-v1-auth-me');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-GETapi-v1-auth-me" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-green">GET</small>
                    <b><code>api/v1/auth/me</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="GETapi-v1-auth-me"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="GETapi-v1-auth-me" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="GETapi-v1-auth-me" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
            </form>

            <h1 id="endpoints">Endpoints</h1>

            <h2 id="endpoints-GETapi-v1-test">GET api/v1/test</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-GETapi-v1-test">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request GET \
    --get "http://localhost:8000/api/v1/test" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json"</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/test"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};


fetch(url, {
    method: "GET",
    headers,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/test';
$response = $client-&gt;get(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-GETapi-v1-test">
                <blockquote>
                    <p>Example response (401):</p>
                </blockquote>
                <details class="annotation">
                    <summary style="cursor: pointer;">
                        <small onclick="textContent = parentElement.parentElement.open ? 'Show headers' : 'Hide headers'">Show headers</small>
                    </summary>
                    <pre><code class="language-http">cache-control: no-cache, private
content-type: application/json
x-ratelimit-limit: 60
x-ratelimit-remaining: 58
access-control-allow-origin: *
 </code></pre>
                </details>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;message&quot;: &quot;Unauthenticated.&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-GETapi-v1-test" hidden>
                <blockquote>Received response<span id="execution-response-status-GETapi-v1-test"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-GETapi-v1-test"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-GETapi-v1-test" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-GETapi-v1-test">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-GETapi-v1-test"
                data-method="GET"
                data-path="api/v1/test"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('GETapi-v1-test', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-GETapi-v1-test" onclick="tryItOut('GETapi-v1-test');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-GETapi-v1-test" onclick="cancelTryOut('GETapi-v1-test');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-GETapi-v1-test" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-green">GET</small>
                    <b><code>api/v1/test</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="GETapi-v1-test"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="GETapi-v1-test" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="GETapi-v1-test" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
            </form>

            <h2 id="endpoints-POSTapi-v1-penduduk-test">Test endpoint untuk verifikasi API berjalan.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-penduduk-test">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/penduduk/test" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json"</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/penduduk/test"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};


fetch(url, {
    method: "POST",
    headers,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/penduduk/test';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-penduduk-test">
            </span>
            <span id="execution-results-POSTapi-v1-penduduk-test" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-penduduk-test"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-penduduk-test"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-penduduk-test" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-penduduk-test">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-penduduk-test"
                data-method="POST"
                data-path="api/v1/penduduk/test"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-penduduk-test', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-penduduk-test" onclick="tryItOut('POSTapi-v1-penduduk-test');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-penduduk-test" onclick="cancelTryOut('POSTapi-v1-penduduk-test');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-penduduk-test" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/penduduk/test</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-penduduk-test"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-penduduk-test" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-penduduk-test" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
            </form>

            <h1 id="opensid-integration">OpenSID Integration</h1>

            <p>Kontrak ZIP:</p>
            <ul>
                <li>Berisi 1 file <code>*.xlsx</code> (data penduduk) dan file foto <code>*.jpg</code>/<code>*.png</code>.</li>
                <li>Kolom XLSX: desa_id, id, nomor_nik, nama, nomor_kk, jenis_kelamin,
                    tempat_lahir, tanggal_lahir, agama, pendidikan_dlm_kk, pekerjaan,
                    kawin, hubungan_keluarga, kewarganegaraan, nama_ibu, nama_ayah,
                    gol_darah, akta_lahir, nik_ayah, nik_ibu, foto, alamat, dusun,
                    rw, rt, status_dasar, status_rekam.</li>
            </ul>

            <h2 id="opensid-integration-POSTapi-v1-penduduk">Hapus data penduduk secara batch (via JSON).</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-penduduk">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/penduduk" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json" \
    --data "{
    \"hapus_penduduk\": [
        \"architecto\"
    ],
    \"desa_id\": \"3201012001\"
}"
</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/penduduk"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};

let body = {
    "hapus_penduduk": [
        "architecto"
    ],
    "desa_id": "3201012001"
};

fetch(url, {
    method: "POST",
    headers,
    body: JSON.stringify(body),
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/penduduk';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'json' =&gt; [
            'hapus_penduduk' =&gt; [
                'architecto',
            ],
            'desa_id' =&gt; '3201012001',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-penduduk">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: &quot;success&quot;,
    &quot;message&quot;: &quot;Proses sync Data Penduduk OpenSID sedang berjalan&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-penduduk" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-penduduk"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-penduduk"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-penduduk" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-penduduk">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-penduduk"
                data-method="POST"
                data-path="api/v1/penduduk"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-penduduk', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-penduduk" onclick="tryItOut('POSTapi-v1-penduduk');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-penduduk" onclick="cancelTryOut('POSTapi-v1-penduduk');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-penduduk" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/penduduk</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-penduduk"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-penduduk" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-penduduk" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <details>
                        <summary style="padding-bottom: 10px;">
                            <b style="line-height: 2;"><code>hapus_penduduk</code></b>&nbsp;&nbsp;
                            <small>string[]</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <br>
                            <p>Array objek penduduk yang akan dihapus. Setiap objek berisi: id_pend_desa (int), foto (string/null), desa_id (string).</p>
                        </summary>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>id_pend_desa</code></b>&nbsp;&nbsp;
                            <small>integer</small>&nbsp;
                            <i>optional</i> &nbsp;
                            &nbsp;
                            <input
                                type="number"
                                style="display: none"
                                step="any"
                                name="hapus_penduduk.0.id_pend_desa"
                                data-endpoint="POSTapi-v1-penduduk"
                                value="16"
                                data-component="body"
                            >
                            <br>
                            <p>Example: <code>16</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>foto</code></b>&nbsp;&nbsp;
                            <small>string</small>&nbsp;
                            <i>optional</i> &nbsp;
                            &nbsp;
                            <input type="text" style="display: none" name="hapus_penduduk.0.foto" data-endpoint="POSTapi-v1-penduduk" value="" data-component="body">
                            <br>

                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                            <small>string</small>&nbsp;
                            <i>optional</i> &nbsp;
                            &nbsp;
                            <input type="text" style="display: none" name="hapus_penduduk.0.desa_id" data-endpoint="POSTapi-v1-penduduk" value="architecto" data-component="body">
                            <br>
                            <p>Must match an existing stored value. Example: <code>architecto</code></p>
                        </div>
                    </details>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="POSTapi-v1-penduduk" value="3201012001" data-component="body">
                    <br>
                    <p>Kode desa. Example: <code>3201012001</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-penduduk-storedata">Sinkronisasi data dan foto penduduk via ZIP dari OpenSID.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-penduduk-storedata">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/penduduk/storedata" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: multipart/form-data" \
    --header "Accept: application/json" \
    --form "file=@/tmp/phpvptc7irt9vc6bZO4WPv" </code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/penduduk/storedata"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "multipart/form-data",
    "Accept": "application/json",
};

const body = new FormData();
body.append('file', document.querySelector('input[name="file"]').files[0]);

fetch(url, {
    method: "POST",
    headers,
    body,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/penduduk/storedata';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'multipart/form-data',
            'Accept' =&gt; 'application/json',
        ],
        'multipart' =&gt; [
            [
                'name' =&gt; 'file',
                'contents' =&gt; fopen('/tmp/phpvptc7irt9vc6bZO4WPv', 'r')
            ],
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-penduduk-storedata">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;message&quot;: &quot;Data Foto Telah Berhasil di Sinkronkan&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-penduduk-storedata" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-penduduk-storedata"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-penduduk-storedata"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-penduduk-storedata" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-penduduk-storedata">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-penduduk-storedata"
                data-method="POST"
                data-path="api/v1/penduduk/storedata"
                data-authed="1"
                data-hasfiles="1"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-penduduk-storedata', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-penduduk-storedata" onclick="tryItOut('POSTapi-v1-penduduk-storedata');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-penduduk-storedata" onclick="cancelTryOut('POSTapi-v1-penduduk-storedata');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-penduduk-storedata" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/penduduk/storedata</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-penduduk-storedata"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-penduduk-storedata" value="multipart/form-data" data-component="header">
                    <br>
                    <p>Example: <code>multipart/form-data</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-penduduk-storedata" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>file</code></b>&nbsp;&nbsp;
                    <small>file</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="file" style="display: none" name="file" data-endpoint="POSTapi-v1-penduduk-storedata" value="" data-component="body">
                    <br>
                    <p>File ZIP (max 5MB) berisi data penduduk + foto. Example: <code>/tmp/phpvptc7irt9vc6bZO4WPv</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-laporan-apbdes">Sinkronisasi data APBDes dari OpenSID (JSON + base64 file).</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-laporan-apbdes">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/laporan-apbdes" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json" \
    --data "{
    \"desa_id\": \"3201012001\",
    \"laporan_apbdes\": {
        \"0\": {
            \"id\": 16,
            \"judul\": \"architecto\",
            \"tahun\": 16,
            \"semester\": 16,
            \"nama_file\": \"architecto\",
            \"file\": \"architecto\"
        },
        \"id\": 1,
        \"judul\": \"Laporan APBDes 2024\",
        \"tahun\": 2024,
        \"semester\": 1,
        \"nama_file\": \"apbdes_2024_s1.pdf\",
        \"file\": \"architecto\"
    }
}"
</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/laporan-apbdes"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};

let body = {
    "desa_id": "3201012001",
    "laporan_apbdes": {
        "0": {
            "id": 16,
            "judul": "architecto",
            "tahun": 16,
            "semester": 16,
            "nama_file": "architecto",
            "file": "architecto"
        },
        "id": 1,
        "judul": "Laporan APBDes 2024",
        "tahun": 2024,
        "semester": 1,
        "nama_file": "apbdes_2024_s1.pdf",
        "file": "architecto"
    }
};

fetch(url, {
    method: "POST",
    headers,
    body: JSON.stringify(body),
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/laporan-apbdes';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'json' =&gt; [
            'desa_id' =&gt; '3201012001',
            'laporan_apbdes' =&gt; [
                [
                    'id' =&gt; 16,
                    'judul' =&gt; 'architecto',
                    'tahun' =&gt; 16,
                    'semester' =&gt; 16,
                    'nama_file' =&gt; 'architecto',
                    'file' =&gt; 'architecto',
                ],
                'id' =&gt; 1,
                'judul' =&gt; 'Laporan APBDes 2024',
                'tahun' =&gt; 2024,
                'semester' =&gt; 1,
                'nama_file' =&gt; 'apbdes_2024_s1.pdf',
                'file' =&gt; 'architecto',
            ],
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-laporan-apbdes">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: &quot;success&quot;,
    &quot;message&quot;: &quot;Proses sync data Laporan Apbdes OpenSID sedang berjalan&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-laporan-apbdes" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-laporan-apbdes"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-laporan-apbdes"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-laporan-apbdes" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-laporan-apbdes">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-laporan-apbdes"
                data-method="POST"
                data-path="api/v1/laporan-apbdes"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-laporan-apbdes', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-laporan-apbdes" onclick="tryItOut('POSTapi-v1-laporan-apbdes');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-laporan-apbdes" onclick="cancelTryOut('POSTapi-v1-laporan-apbdes');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-laporan-apbdes" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/laporan-apbdes</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-laporan-apbdes"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-laporan-apbdes" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-laporan-apbdes" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="POSTapi-v1-laporan-apbdes" value="3201012001" data-component="body">
                    <br>
                    <p>Kode desa. Example: <code>3201012001</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <details>
                        <summary style="padding-bottom: 10px;">
                            <b style="line-height: 2;"><code>laporan_apbdes</code></b>&nbsp;&nbsp;
                            <small>object[]</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <br>
                            <p>Array objek laporan.</p>
                        </summary>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>id</code></b>&nbsp;&nbsp;
                            <small>integer</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input
                                type="number"
                                style="display: none"
                                step="any"
                                name="laporan_apbdes.id"
                                data-endpoint="POSTapi-v1-laporan-apbdes"
                                value="1"
                                data-component="body"
                            >
                            <br>
                            <p>ID laporan. Example: <code>1</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>judul</code></b>&nbsp;&nbsp;
                            <small>string</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input type="text" style="display: none" name="laporan_apbdes.judul" data-endpoint="POSTapi-v1-laporan-apbdes" value="Laporan APBDes 2024" data-component="body">
                            <br>
                            <p>Judul laporan. Example: <code>Laporan APBDes 2024</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>tahun</code></b>&nbsp;&nbsp;
                            <small>integer</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input
                                type="number"
                                style="display: none"
                                step="any"
                                name="laporan_apbdes.tahun"
                                data-endpoint="POSTapi-v1-laporan-apbdes"
                                value="2024"
                                data-component="body"
                            >
                            <br>
                            <p>Tahun anggaran. Example: <code>2024</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>semester</code></b>&nbsp;&nbsp;
                            <small>integer</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input
                                type="number"
                                style="display: none"
                                step="any"
                                name="laporan_apbdes.semester"
                                data-endpoint="POSTapi-v1-laporan-apbdes"
                                value="1"
                                data-component="body"
                            >
                            <br>
                            <p>Semester (1/2). Example: <code>1</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>nama_file</code></b>&nbsp;&nbsp;
                            <small>string</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input type="text" style="display: none" name="laporan_apbdes.nama_file" data-endpoint="POSTapi-v1-laporan-apbdes" value="apbdes_2024_s1.pdf" data-component="body">
                            <br>
                            <p>Nama file. Example: <code>apbdes_2024_s1.pdf</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>file</code></b>&nbsp;&nbsp;
                            <small>string</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input type="text" style="display: none" name="laporan_apbdes.file" data-endpoint="POSTapi-v1-laporan-apbdes" value="architecto" data-component="body">
                            <br>
                            <p>File base64 encoded. Example: <code>architecto</code></p>
                        </div>
                    </details>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-laporan-penduduk">Sinkronisasi laporan penduduk dari OpenSID (JSON + base64 file).</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-laporan-penduduk">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/laporan-penduduk" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json" \
    --data "{
    \"desa_id\": \"3201012001\",
    \"laporan_penduduk\": {
        \"0\": {
            \"id\": 16,
            \"judul\": \"architecto\",
            \"bulan\": 16,
            \"tahun\": 16,
            \"file\": \"architecto\"
        },
        \"id\": 1,
        \"judul\": \"Laporan Penduduk Jan 2024\",
        \"bulan\": 1,
        \"tahun\": 2024,
        \"nama_file\": \"penduduk_2024_01.pdf\",
        \"file\": \"architecto\"
    }
}"
</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/laporan-penduduk"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};

let body = {
    "desa_id": "3201012001",
    "laporan_penduduk": {
        "0": {
            "id": 16,
            "judul": "architecto",
            "bulan": 16,
            "tahun": 16,
            "file": "architecto"
        },
        "id": 1,
        "judul": "Laporan Penduduk Jan 2024",
        "bulan": 1,
        "tahun": 2024,
        "nama_file": "penduduk_2024_01.pdf",
        "file": "architecto"
    }
};

fetch(url, {
    method: "POST",
    headers,
    body: JSON.stringify(body),
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/laporan-penduduk';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'json' =&gt; [
            'desa_id' =&gt; '3201012001',
            'laporan_penduduk' =&gt; [
                [
                    'id' =&gt; 16,
                    'judul' =&gt; 'architecto',
                    'bulan' =&gt; 16,
                    'tahun' =&gt; 16,
                    'file' =&gt; 'architecto',
                ],
                'id' =&gt; 1,
                'judul' =&gt; 'Laporan Penduduk Jan 2024',
                'bulan' =&gt; 1,
                'tahun' =&gt; 2024,
                'nama_file' =&gt; 'penduduk_2024_01.pdf',
                'file' =&gt; 'architecto',
            ],
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-laporan-penduduk">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: &quot;success&quot;,
    &quot;message&quot;: &quot;Proses sync data Laporan Penduduk OpenSID sedang berjalan&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-laporan-penduduk" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-laporan-penduduk"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-laporan-penduduk"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-laporan-penduduk" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-laporan-penduduk">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-laporan-penduduk"
                data-method="POST"
                data-path="api/v1/laporan-penduduk"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-laporan-penduduk', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-laporan-penduduk" onclick="tryItOut('POSTapi-v1-laporan-penduduk');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-laporan-penduduk" onclick="cancelTryOut('POSTapi-v1-laporan-penduduk');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-laporan-penduduk" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/laporan-penduduk</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-laporan-penduduk"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-laporan-penduduk" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-laporan-penduduk" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="POSTapi-v1-laporan-penduduk" value="3201012001" data-component="body">
                    <br>
                    <p>Kode desa. Example: <code>3201012001</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <details>
                        <summary style="padding-bottom: 10px;">
                            <b style="line-height: 2;"><code>laporan_penduduk</code></b>&nbsp;&nbsp;
                            <small>object[]</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <br>
                            <p>Array objek laporan.</p>
                        </summary>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>id</code></b>&nbsp;&nbsp;
                            <small>integer</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input
                                type="number"
                                style="display: none"
                                step="any"
                                name="laporan_penduduk.id"
                                data-endpoint="POSTapi-v1-laporan-penduduk"
                                value="1"
                                data-component="body"
                            >
                            <br>
                            <p>ID laporan. Example: <code>1</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>judul</code></b>&nbsp;&nbsp;
                            <small>string</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input type="text" style="display: none" name="laporan_penduduk.judul" data-endpoint="POSTapi-v1-laporan-penduduk" value="Laporan Penduduk Jan 2024" data-component="body">
                            <br>
                            <p>Judul laporan. Example: <code>Laporan Penduduk Jan 2024</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>bulan</code></b>&nbsp;&nbsp;
                            <small>integer</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input
                                type="number"
                                style="display: none"
                                step="any"
                                name="laporan_penduduk.bulan"
                                data-endpoint="POSTapi-v1-laporan-penduduk"
                                value="1"
                                data-component="body"
                            >
                            <br>
                            <p>Bulan (1-12). Example: <code>1</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>tahun</code></b>&nbsp;&nbsp;
                            <small>integer</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input
                                type="number"
                                style="display: none"
                                step="any"
                                name="laporan_penduduk.tahun"
                                data-endpoint="POSTapi-v1-laporan-penduduk"
                                value="2024"
                                data-component="body"
                            >
                            <br>
                            <p>Tahun. Example: <code>2024</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>file</code></b>&nbsp;&nbsp;
                            <small>string</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input type="text" style="display: none" name="laporan_penduduk.file" data-endpoint="POSTapi-v1-laporan-penduduk" value="architecto" data-component="body">
                            <br>
                            <p>File base64 encoded. Example: <code>architecto</code></p>
                        </div>
                        <div style="margin-left: 14px; clear: unset;">
                            <b style="line-height: 2;"><code>nama_file</code></b>&nbsp;&nbsp;
                            <small>string</small>&nbsp;
                            &nbsp;
                            &nbsp;
                            <input type="text" style="display: none" name="laporan_penduduk.nama_file" data-endpoint="POSTapi-v1-laporan-penduduk" value="penduduk_2024_01.pdf" data-component="body">
                            <br>
                            <p>Nama file. Example: <code>penduduk_2024_01.pdf</code></p>
                        </div>
                    </details>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-pesan">Kirim pesan baru atau balas pesan dari OpenSID.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-pesan">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/pesan" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json" \
    --data "{
    \"pesan\": \"Berikut kami kirimkan laporan bulanan.\",
    \"judul\": \"Laporan Bulanan\",
    \"kode_desa\": \"3201012001\",
    \"pengirim\": \"operator@desa.id\",
    \"nama_pengirim\": \"Ahmad\",
    \"pesan_id\": 5
}"
</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/pesan"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};

let body = {
    "pesan": "Berikut kami kirimkan laporan bulanan.",
    "judul": "Laporan Bulanan",
    "kode_desa": "3201012001",
    "pengirim": "operator@desa.id",
    "nama_pengirim": "Ahmad",
    "pesan_id": 5
};

fetch(url, {
    method: "POST",
    headers,
    body: JSON.stringify(body),
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/pesan';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'json' =&gt; [
            'pesan' =&gt; 'Berikut kami kirimkan laporan bulanan.',
            'judul' =&gt; 'Laporan Bulanan',
            'kode_desa' =&gt; '3201012001',
            'pengirim' =&gt; 'operator@desa.id',
            'nama_pengirim' =&gt; 'Ahmad',
            'pesan_id' =&gt; 5,
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-pesan">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: true,
    &quot;message&quot;: &quot;Berhasil mengirim pesan&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-pesan" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-pesan"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-pesan"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-pesan" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-pesan">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-pesan"
                data-method="POST"
                data-path="api/v1/pesan"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-pesan', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-pesan" onclick="tryItOut('POSTapi-v1-pesan');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-pesan" onclick="cancelTryOut('POSTapi-v1-pesan');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-pesan" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/pesan</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-pesan"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-pesan" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-pesan" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>pesan</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="pesan" data-endpoint="POSTapi-v1-pesan" value="Berikut kami kirimkan laporan bulanan." data-component="body">
                    <br>
                    <p>Isi pesan. Example: <code>Berikut kami kirimkan laporan bulanan.</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>judul</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    <i>optional</i> &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="judul" data-endpoint="POSTapi-v1-pesan" value="Laporan Bulanan" data-component="body">
                    <br>
                    <p>Judul pesan (wajib untuk pesan baru). Example: <code>Laporan Bulanan</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>kode_desa</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="kode_desa" data-endpoint="POSTapi-v1-pesan" value="3201012001" data-component="body">
                    <br>
                    <p>Kode desa pengirim. Example: <code>3201012001</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>pengirim</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="pengirim" data-endpoint="POSTapi-v1-pesan" value="operator@desa.id" data-component="body">
                    <br>
                    <p>Pengirim pesan. Example: <code>operator@desa.id</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>nama_pengirim</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="nama_pengirim" data-endpoint="POSTapi-v1-pesan" value="Ahmad" data-component="body">
                    <br>
                    <p>Nama pengirim. Example: <code>Ahmad</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>pesan_id</code></b>&nbsp;&nbsp;
                    <small>integer</small>&nbsp;
                    <i>optional</i> &nbsp;
                    &nbsp;
                    <input
                        type="number"
                        style="display: none"
                        step="any"
                        name="pesan_id"
                        data-endpoint="POSTapi-v1-pesan"
                        value="5"
                        data-component="body"
                    >
                    <br>
                    <p>ID pesan untuk membalas percakapan yang sudah ada. Example: <code>5</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-pesan-getpesan">Ambil daftar pesan untuk desa tertentu.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-pesan-getpesan">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/pesan/getpesan" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json" \
    --data "{
    \"kode_desa\": \"3201012001\",
    \"id\": 0
}"
</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/pesan/getpesan"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};

let body = {
    "kode_desa": "3201012001",
    "id": 0
};

fetch(url, {
    method: "POST",
    headers,
    body: JSON.stringify(body),
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/pesan/getpesan';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'json' =&gt; [
            'kode_desa' =&gt; '3201012001',
            'id' =&gt; 0,
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-pesan-getpesan">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: true,
    &quot;data&quot;: [
        {
            &quot;id&quot;: 1,
            &quot;judul&quot;: &quot;Laporan&quot;,
            &quot;detailPesan&quot;: []
        }
    ]
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-pesan-getpesan" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-pesan-getpesan"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-pesan-getpesan"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-pesan-getpesan" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-pesan-getpesan">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-pesan-getpesan"
                data-method="POST"
                data-path="api/v1/pesan/getpesan"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-pesan-getpesan', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-pesan-getpesan" onclick="tryItOut('POSTapi-v1-pesan-getpesan');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-pesan-getpesan" onclick="cancelTryOut('POSTapi-v1-pesan-getpesan');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-pesan-getpesan" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/pesan/getpesan</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-pesan-getpesan"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-pesan-getpesan" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-pesan-getpesan" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>kode_desa</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="kode_desa" data-endpoint="POSTapi-v1-pesan-getpesan" value="3201012001" data-component="body">
                    <br>
                    <p>Kode desa. Example: <code>3201012001</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>id</code></b>&nbsp;&nbsp;
                    <small>integer</small>&nbsp;
                    <i>optional</i> &nbsp;
                    &nbsp;
                    <input
                        type="number"
                        style="display: none"
                        step="any"
                        name="id"
                        data-endpoint="POSTapi-v1-pesan-getpesan"
                        value="0"
                        data-component="body"
                    >
                    <br>
                    <p>ID pesan terakhir yang diterima (untuk pagination). Example: <code>0</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-GETapi-v1-pesan-detail">Lihat detail percakapan pesan.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-GETapi-v1-pesan-detail">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request GET \
    --get "http://localhost:8000/api/v1/pesan/detail?id=1" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json"</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/pesan/detail"
);

const params = {
    "id": "1",
};
Object.keys(params)
    .forEach(key =&gt; url.searchParams.append(key, params[key]));

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};


fetch(url, {
    method: "GET",
    headers,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/pesan/detail';
$response = $client-&gt;get(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'query' =&gt; [
            'id' =&gt; '1',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-GETapi-v1-pesan-detail">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: true,
    &quot;data&quot;: {
        &quot;id&quot;: 1,
        &quot;judul&quot;: &quot;Laporan&quot;,
        &quot;detailPesan&quot;: [
            {
                &quot;id&quot;: 1,
                &quot;text&quot;: &quot;Isi pesan&quot;
            }
        ]
    }
}</code>
 </pre>
            </span>
            <span id="execution-results-GETapi-v1-pesan-detail" hidden>
                <blockquote>Received response<span id="execution-response-status-GETapi-v1-pesan-detail"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-GETapi-v1-pesan-detail"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-GETapi-v1-pesan-detail" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-GETapi-v1-pesan-detail">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-GETapi-v1-pesan-detail"
                data-method="GET"
                data-path="api/v1/pesan/detail"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('GETapi-v1-pesan-detail', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-GETapi-v1-pesan-detail" onclick="tryItOut('GETapi-v1-pesan-detail');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-GETapi-v1-pesan-detail" onclick="cancelTryOut('GETapi-v1-pesan-detail');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-GETapi-v1-pesan-detail" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-green">GET</small>
                    <b><code>api/v1/pesan/detail</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="GETapi-v1-pesan-detail"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="GETapi-v1-pesan-detail" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="GETapi-v1-pesan-detail" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Query Parameters</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>id</code></b>&nbsp;&nbsp;
                    <small>integer</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="number"
                        style="display: none"
                        step="any"
                        name="id"
                        data-endpoint="GETapi-v1-pesan-detail"
                        value="1"
                        data-component="query"
                    >
                    <br>
                    <p>ID pesan. Example: <code>1</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-pembangunan">Sinkronisasi data pembangunan via ZIP dari OpenSID.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-pembangunan">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/pembangunan" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: multipart/form-data" \
    --header "Accept: application/json" \
    --form "desa_id=architecto"\
    --form "file=@/tmp/phpsh71433hgje8cT1iuj3" </code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/pembangunan"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "multipart/form-data",
    "Accept": "application/json",
};

const body = new FormData();
body.append('desa_id', 'architecto');
body.append('file', document.querySelector('input[name="file"]').files[0]);

fetch(url, {
    method: "POST",
    headers,
    body,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/pembangunan';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'multipart/form-data',
            'Accept' =&gt; 'application/json',
        ],
        'multipart' =&gt; [
            [
                'name' =&gt; 'desa_id',
                'contents' =&gt; 'architecto'
            ],
            [
                'name' =&gt; 'file',
                'contents' =&gt; fopen('/tmp/phpsh71433hgje8cT1iuj3', 'r')
            ],
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-pembangunan">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;message&quot;: &quot;Proses Sinkronisasi Data Pembangunan OpenSID sedang berjalan&quot;,
    &quot;status&quot;: &quot;success&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-pembangunan" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-pembangunan"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-pembangunan"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-pembangunan" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-pembangunan">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-pembangunan"
                data-method="POST"
                data-path="api/v1/pembangunan"
                data-authed="1"
                data-hasfiles="1"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-pembangunan', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-pembangunan" onclick="tryItOut('POSTapi-v1-pembangunan');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-pembangunan" onclick="cancelTryOut('POSTapi-v1-pembangunan');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-pembangunan" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/pembangunan</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-pembangunan"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-pembangunan" value="multipart/form-data" data-component="header">
                    <br>
                    <p>Example: <code>multipart/form-data</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-pembangunan" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>file</code></b>&nbsp;&nbsp;
                    <small>file</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="file" style="display: none" name="file" data-endpoint="POSTapi-v1-pembangunan" value="" data-component="body">
                    <br>
                    <p>File ZIP (max 50MB) berisi data pembangunan. Example: <code>/tmp/phpsh71433hgje8cT1iuj3</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="POSTapi-v1-pembangunan" value="architecto" data-component="body">
                    <br>
                    <p>Example: <code>architecto</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-pembangunan-dokumentasi">Sinkronisasi dokumentasi pembangunan via ZIP dari OpenSID.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-pembangunan-dokumentasi">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/pembangunan/dokumentasi" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: multipart/form-data" \
    --header "Accept: application/json" \
    --form "desa_id=architecto"\
    --form "file=@/tmp/phpdpkvteffdsbffpfNeA3" </code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/pembangunan/dokumentasi"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "multipart/form-data",
    "Accept": "application/json",
};

const body = new FormData();
body.append('desa_id', 'architecto');
body.append('file', document.querySelector('input[name="file"]').files[0]);

fetch(url, {
    method: "POST",
    headers,
    body,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/pembangunan/dokumentasi';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'multipart/form-data',
            'Accept' =&gt; 'application/json',
        ],
        'multipart' =&gt; [
            [
                'name' =&gt; 'desa_id',
                'contents' =&gt; 'architecto'
            ],
            [
                'name' =&gt; 'file',
                'contents' =&gt; fopen('/tmp/phpdpkvteffdsbffpfNeA3', 'r')
            ],
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-pembangunan-dokumentasi">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;message&quot;: &quot;Proses Sinkronisasi Data Pembangunan OpenSID sedang berjalan&quot;,
    &quot;status&quot;: &quot;success&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-pembangunan-dokumentasi" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-pembangunan-dokumentasi"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-pembangunan-dokumentasi"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-pembangunan-dokumentasi" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-pembangunan-dokumentasi">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-pembangunan-dokumentasi"
                data-method="POST"
                data-path="api/v1/pembangunan/dokumentasi"
                data-authed="1"
                data-hasfiles="1"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-pembangunan-dokumentasi', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-pembangunan-dokumentasi" onclick="tryItOut('POSTapi-v1-pembangunan-dokumentasi');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-pembangunan-dokumentasi" onclick="cancelTryOut('POSTapi-v1-pembangunan-dokumentasi');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-pembangunan-dokumentasi" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/pembangunan/dokumentasi</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-pembangunan-dokumentasi"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-pembangunan-dokumentasi" value="multipart/form-data" data-component="header">
                    <br>
                    <p>Example: <code>multipart/form-data</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-pembangunan-dokumentasi" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>file</code></b>&nbsp;&nbsp;
                    <small>file</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="file" style="display: none" name="file" data-endpoint="POSTapi-v1-pembangunan-dokumentasi" value="" data-component="body">
                    <br>
                    <p>File ZIP (max 50MB) berisi data dokumentasi. Example: <code>/tmp/phpdpkvteffdsbffpfNeA3</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="POSTapi-v1-pembangunan-dokumentasi" value="architecto" data-component="body">
                    <br>
                    <p>Example: <code>architecto</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-identitas-desa">Sinkronisasi identitas desa dari OpenSID.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-identitas-desa">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/identitas-desa" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json" \
    --data "{
    \"kode_desa\": \"3201012001\",
    \"sebutan_desa\": \"Kampung\",
    \"website\": \"https:\\/\\/desa.example.com\",
    \"path\": \"profil\\/desa\"
}"
</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/identitas-desa"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};

let body = {
    "kode_desa": "3201012001",
    "sebutan_desa": "Kampung",
    "website": "https:\/\/desa.example.com",
    "path": "profil\/desa"
};

fetch(url, {
    method: "POST",
    headers,
    body: JSON.stringify(body),
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/identitas-desa';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'json' =&gt; [
            'kode_desa' =&gt; '3201012001',
            'sebutan_desa' =&gt; 'Kampung',
            'website' =&gt; 'https://desa.example.com',
            'path' =&gt; 'profil/desa',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-identitas-desa">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: &quot;success&quot;,
    &quot;message&quot;: &quot;Proses sinkronisasi identitas desa sudah selesai&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-identitas-desa" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-identitas-desa"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-identitas-desa"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-identitas-desa" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-identitas-desa">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-identitas-desa"
                data-method="POST"
                data-path="api/v1/identitas-desa"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-identitas-desa', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-identitas-desa" onclick="tryItOut('POSTapi-v1-identitas-desa');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-identitas-desa" onclick="cancelTryOut('POSTapi-v1-identitas-desa');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-identitas-desa" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/identitas-desa</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-identitas-desa"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-identitas-desa" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-identitas-desa" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>kode_desa</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="kode_desa" data-endpoint="POSTapi-v1-identitas-desa" value="3201012001" data-component="body">
                    <br>
                    <p>Kode desa. Example: <code>3201012001</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>sebutan_desa</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    <i>optional</i> &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="sebutan_desa" data-endpoint="POSTapi-v1-identitas-desa" value="Kampung" data-component="body">
                    <br>
                    <p>Sebutan desa. Example: <code>Kampung</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>website</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    <i>optional</i> &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="website" data-endpoint="POSTapi-v1-identitas-desa" value="https://desa.example.com" data-component="body">
                    <br>
                    <p>URL website desa. Example: <code>https://desa.example.com</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>path</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    <i>optional</i> &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="path" data-endpoint="POSTapi-v1-identitas-desa" value="profil/desa" data-component="body">
                    <br>
                    <p>Path menu profil. Example: <code>profil/desa</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-program-bantuan">Sinkronisasi data program bantuan via ZIP dari OpenSID.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-program-bantuan">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/program-bantuan" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: multipart/form-data" \
    --header "Accept: application/json" \
    --form "desa_id=architecto"\
    --form "file=@/tmp/phplgiuovlnl39je33vchK" </code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/program-bantuan"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "multipart/form-data",
    "Accept": "application/json",
};

const body = new FormData();
body.append('desa_id', 'architecto');
body.append('file', document.querySelector('input[name="file"]').files[0]);

fetch(url, {
    method: "POST",
    headers,
    body,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/program-bantuan';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'multipart/form-data',
            'Accept' =&gt; 'application/json',
        ],
        'multipart' =&gt; [
            [
                'name' =&gt; 'desa_id',
                'contents' =&gt; 'architecto'
            ],
            [
                'name' =&gt; 'file',
                'contents' =&gt; fopen('/tmp/phplgiuovlnl39je33vchK', 'r')
            ],
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-program-bantuan">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;message&quot;: &quot;Data Bantuan Sedang di Sinkronkan&quot;,
    &quot;status&quot;: &quot;success&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-program-bantuan" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-program-bantuan"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-program-bantuan"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-program-bantuan" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-program-bantuan">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-program-bantuan"
                data-method="POST"
                data-path="api/v1/program-bantuan"
                data-authed="1"
                data-hasfiles="1"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-program-bantuan', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-program-bantuan" onclick="tryItOut('POSTapi-v1-program-bantuan');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-program-bantuan" onclick="cancelTryOut('POSTapi-v1-program-bantuan');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-program-bantuan" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/program-bantuan</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-program-bantuan"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-program-bantuan" value="multipart/form-data" data-component="header">
                    <br>
                    <p>Example: <code>multipart/form-data</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-program-bantuan" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>file</code></b>&nbsp;&nbsp;
                    <small>file</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="file" style="display: none" name="file" data-endpoint="POSTapi-v1-program-bantuan" value="" data-component="body">
                    <br>
                    <p>File ZIP (max 50MB) berisi data program bantuan. Example: <code>/tmp/phplgiuovlnl39je33vchK</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="POSTapi-v1-program-bantuan" value="architecto" data-component="body">
                    <br>
                    <p>Example: <code>architecto</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-program-bantuan-peserta">Sinkronisasi data peserta program bantuan via ZIP dari OpenSID.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-program-bantuan-peserta">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/program-bantuan/peserta" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: multipart/form-data" \
    --header "Accept: application/json" \
    --form "desa_id=architecto"\
    --form "file=@/tmp/phpm89k7fg41e0s0agsYJu" </code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/program-bantuan/peserta"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "multipart/form-data",
    "Accept": "application/json",
};

const body = new FormData();
body.append('desa_id', 'architecto');
body.append('file', document.querySelector('input[name="file"]').files[0]);

fetch(url, {
    method: "POST",
    headers,
    body,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/program-bantuan/peserta';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'multipart/form-data',
            'Accept' =&gt; 'application/json',
        ],
        'multipart' =&gt; [
            [
                'name' =&gt; 'desa_id',
                'contents' =&gt; 'architecto'
            ],
            [
                'name' =&gt; 'file',
                'contents' =&gt; fopen('/tmp/phpm89k7fg41e0s0agsYJu', 'r')
            ],
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-program-bantuan-peserta">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: &quot;success&quot;,
    &quot;message&quot;: &quot;Data Bantuan Sedang di Sinkronkan&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-program-bantuan-peserta" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-program-bantuan-peserta"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-program-bantuan-peserta"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-program-bantuan-peserta" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-program-bantuan-peserta">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-program-bantuan-peserta"
                data-method="POST"
                data-path="api/v1/program-bantuan/peserta"
                data-authed="1"
                data-hasfiles="1"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-program-bantuan-peserta', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-program-bantuan-peserta" onclick="tryItOut('POSTapi-v1-program-bantuan-peserta');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-program-bantuan-peserta" onclick="cancelTryOut('POSTapi-v1-program-bantuan-peserta');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-program-bantuan-peserta" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/program-bantuan/peserta</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-program-bantuan-peserta"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-program-bantuan-peserta" value="multipart/form-data" data-component="header">
                    <br>
                    <p>Example: <code>multipart/form-data</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-program-bantuan-peserta" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>file</code></b>&nbsp;&nbsp;
                    <small>file</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="file" style="display: none" name="file" data-endpoint="POSTapi-v1-program-bantuan-peserta" value="" data-component="body">
                    <br>
                    <p>File ZIP (max 50MB) berisi data peserta bantuan. Example: <code>/tmp/phpm89k7fg41e0s0agsYJu</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="POSTapi-v1-program-bantuan-peserta" value="architecto" data-component="body">
                    <br>
                    <p>Example: <code>architecto</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-GETapi-v1-surat">Daftar surat untuk desa tertentu.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-GETapi-v1-surat">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request GET \
    --get "http://localhost:8000/api/v1/surat?desa_id=3201012001" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json" \
    --data "{
    \"desa_id\": \"architecto\"
}"
</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/surat"
);

const params = {
    "desa_id": "3201012001",
};
Object.keys(params)
    .forEach(key =&gt; url.searchParams.append(key, params[key]));

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};

let body = {
    "desa_id": "architecto"
};

fetch(url, {
    method: "GET",
    headers,
    body: JSON.stringify(body),
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/surat';
$response = $client-&gt;get(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'query' =&gt; [
            'desa_id' =&gt; '3201012001',
        ],
        'json' =&gt; [
            'desa_id' =&gt; 'architecto',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-GETapi-v1-surat">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: true,
    &quot;message&quot;: &quot;Daftar Surat&quot;,
    &quot;data&quot;: [
        {
            &quot;nomor&quot;: &quot;001/SK/2024&quot;,
            &quot;file&quot;: &quot;surat.pdf&quot;,
            &quot;nama&quot;: &quot;SK Kepala Desa&quot;
        }
    ]
}</code>
 </pre>
            </span>
            <span id="execution-results-GETapi-v1-surat" hidden>
                <blockquote>Received response<span id="execution-response-status-GETapi-v1-surat"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-GETapi-v1-surat"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-GETapi-v1-surat" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-GETapi-v1-surat">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-GETapi-v1-surat"
                data-method="GET"
                data-path="api/v1/surat"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('GETapi-v1-surat', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-GETapi-v1-surat" onclick="tryItOut('GETapi-v1-surat');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-GETapi-v1-surat" onclick="cancelTryOut('GETapi-v1-surat');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-GETapi-v1-surat" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-green">GET</small>
                    <b><code>api/v1/surat</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="GETapi-v1-surat"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="GETapi-v1-surat" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="GETapi-v1-surat" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Query Parameters</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="GETapi-v1-surat" value="3201012001" data-component="query">
                    <br>
                    <p>Kode desa. Example: <code>3201012001</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="GETapi-v1-surat" value="architecto" data-component="body">
                    <br>
                    <p>Example: <code>architecto</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-POSTapi-v1-surat-kirim">Kirim surat dari OpenSID ke OpenDK (TTE).</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-POSTapi-v1-surat-kirim">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request POST \
    "http://localhost:8000/api/v1/surat/kirim" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: multipart/form-data" \
    --header "Accept: application/json" \
    --form "desa_id=3201012001"\
    --form "nik=3201012001000001"\
    --form "tanggal=2024-01-15"\
    --form "nomor=001/SK/2024"\
    --form "nama=SK Kepala Desa"\
    --form "file=@/tmp/phpqq8i4qvbpj3g1JVffej" </code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/surat/kirim"
);

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "multipart/form-data",
    "Accept": "application/json",
};

const body = new FormData();
body.append('desa_id', '3201012001');
body.append('nik', '3201012001000001');
body.append('tanggal', '2024-01-15');
body.append('nomor', '001/SK/2024');
body.append('nama', 'SK Kepala Desa');
body.append('file', document.querySelector('input[name="file"]').files[0]);

fetch(url, {
    method: "POST",
    headers,
    body,
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/surat/kirim';
$response = $client-&gt;post(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'multipart/form-data',
            'Accept' =&gt; 'application/json',
        ],
        'multipart' =&gt; [
            [
                'name' =&gt; 'desa_id',
                'contents' =&gt; '3201012001'
            ],
            [
                'name' =&gt; 'nik',
                'contents' =&gt; '3201012001000001'
            ],
            [
                'name' =&gt; 'tanggal',
                'contents' =&gt; '2024-01-15'
            ],
            [
                'name' =&gt; 'nomor',
                'contents' =&gt; '001/SK/2024'
            ],
            [
                'name' =&gt; 'nama',
                'contents' =&gt; 'SK Kepala Desa'
            ],
            [
                'name' =&gt; 'file',
                'contents' =&gt; fopen('/tmp/phpqq8i4qvbpj3g1JVffej', 'r')
            ],
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-POSTapi-v1-surat-kirim">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;status&quot;: true,
    &quot;message&quot;: &quot;Surat Berhasil Dikirim!&quot;,
    &quot;data&quot;: {
        &quot;nomor&quot;: &quot;001/SK/2024&quot;
    }
}</code>
 </pre>
            </span>
            <span id="execution-results-POSTapi-v1-surat-kirim" hidden>
                <blockquote>Received response<span id="execution-response-status-POSTapi-v1-surat-kirim"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-POSTapi-v1-surat-kirim"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-POSTapi-v1-surat-kirim" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-POSTapi-v1-surat-kirim">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-POSTapi-v1-surat-kirim"
                data-method="POST"
                data-path="api/v1/surat/kirim"
                data-authed="1"
                data-hasfiles="1"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('POSTapi-v1-surat-kirim', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-POSTapi-v1-surat-kirim" onclick="tryItOut('POSTapi-v1-surat-kirim');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-POSTapi-v1-surat-kirim" onclick="cancelTryOut('POSTapi-v1-surat-kirim');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-POSTapi-v1-surat-kirim" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-black">POST</small>
                    <b><code>api/v1/surat/kirim</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="POSTapi-v1-surat-kirim"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="POSTapi-v1-surat-kirim" value="multipart/form-data" data-component="header">
                    <br>
                    <p>Example: <code>multipart/form-data</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="POSTapi-v1-surat-kirim" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="POSTapi-v1-surat-kirim" value="3201012001" data-component="body">
                    <br>
                    <p>Kode desa. Example: <code>3201012001</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>nik</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="nik" data-endpoint="POSTapi-v1-surat-kirim" value="3201012001000001" data-component="body">
                    <br>
                    <p>NIK penduduk (16 digit). Example: <code>3201012001000001</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>tanggal</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="tanggal" data-endpoint="POSTapi-v1-surat-kirim" value="2024-01-15" data-component="body">
                    <br>
                    <p>Tanggal surat (Y-m-d). Example: <code>2024-01-15</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>nomor</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="nomor" data-endpoint="POSTapi-v1-surat-kirim" value="001/SK/2024" data-component="body">
                    <br>
                    <p>Nomor surat (unique). Example: <code>001/SK/2024</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>nama</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="nama" data-endpoint="POSTapi-v1-surat-kirim" value="SK Kepala Desa" data-component="body">
                    <br>
                    <p>Nama surat. Example: <code>SK Kepala Desa</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>file</code></b>&nbsp;&nbsp;
                    <small>file</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="file" style="display: none" name="file" data-endpoint="POSTapi-v1-surat-kirim" value="" data-component="body">
                    <br>
                    <p>File PDF surat (max 2MB). Example: <code>/tmp/phpqq8i4qvbpj3g1JVffej</code></p>
                </div>
            </form>

            <h2 id="opensid-integration-GETapi-v1-surat-download">Download file surat dalam format PDF.</h2>

            <p>
                <small class="badge badge-darkred">requires authentication</small>
            </p>

            <span id="example-requests-GETapi-v1-surat-download">
                <blockquote>Example request:</blockquote>

                <div class="bash-example">
                    <pre><code class="language-bash">curl --request GET \
    --get "http://localhost:8000/api/v1/surat/download?desa_id=3201012001&amp;nomor=001%2FSK%2F2024" \
    --header "Authorization: Bearer {YOUR_AUTH_KEY}" \
    --header "Content-Type: application/json" \
    --header "Accept: application/json" \
    --data "{
    \"desa_id\": \"architecto\",
    \"nomor\": \"architecto\"
}"
</code></pre>
                </div>

                <div class="javascript-example">
                    <pre><code class="language-javascript">const url = new URL(
    "http://localhost:8000/api/v1/surat/download"
);

const params = {
    "desa_id": "3201012001",
    "nomor": "001/SK/2024",
};
Object.keys(params)
    .forEach(key =&gt; url.searchParams.append(key, params[key]));

const headers = {
    "Authorization": "Bearer {YOUR_AUTH_KEY}",
    "Content-Type": "application/json",
    "Accept": "application/json",
};

let body = {
    "desa_id": "architecto",
    "nomor": "architecto"
};

fetch(url, {
    method: "GET",
    headers,
    body: JSON.stringify(body),
}).then(response =&gt; response.json());</code></pre>
                </div>

                <div class="php-example">
                    <pre><code class="language-php">$client = new \GuzzleHttp\Client();
$url = 'http://localhost:8000/api/v1/surat/download';
$response = $client-&gt;get(
    $url,
    [
        'headers' =&gt; [
            'Authorization' =&gt; 'Bearer {YOUR_AUTH_KEY}',
            'Content-Type' =&gt; 'application/json',
            'Accept' =&gt; 'application/json',
        ],
        'query' =&gt; [
            'desa_id' =&gt; '3201012001',
            'nomor' =&gt; '001/SK/2024',
        ],
        'json' =&gt; [
            'desa_id' =&gt; 'architecto',
            'nomor' =&gt; 'architecto',
        ],
    ]
);
$body = $response-&gt;getBody();
print_r(json_decode((string) $body));</code></pre>
                </div>

            </span>

            <span id="example-responses-GETapi-v1-surat-download">
                <blockquote>
                    <p>Example response (200):</p>
                </blockquote>
                <pre>

<code class="language-json" style="max-height: 300px;">{
    &quot;Content-Type&quot;: &quot;application/pdf&quot;,
    &quot;Content-Disposition&quot;: &quot;inline; filename=\&quot;surat.pdf\&quot;&quot;
}</code>
 </pre>
            </span>
            <span id="execution-results-GETapi-v1-surat-download" hidden>
                <blockquote>Received response<span id="execution-response-status-GETapi-v1-surat-download"></span>:
                </blockquote>
                <pre class="json"><code id="execution-response-content-GETapi-v1-surat-download"
      data-empty-response-text="<Empty response>" style="max-height: 400px;"></code></pre>
            </span>
            <span id="execution-error-GETapi-v1-surat-download" hidden>
                <blockquote>Request failed with error:</blockquote>
                <pre><code id="execution-error-message-GETapi-v1-surat-download">

Tip: Check that you&#039;re properly connected to the network.
If you&#039;re a maintainer of ths API, verify that your API is running and you&#039;ve enabled CORS.
You can check the Dev Tools console for debugging information.</code></pre>
            </span>
            <form
                id="form-GETapi-v1-surat-download"
                data-method="GET"
                data-path="api/v1/surat/download"
                data-authed="1"
                data-hasfiles="0"
                data-isarraybody="0"
                autocomplete="off"
                onsubmit="event.preventDefault(); executeTryOut('GETapi-v1-surat-download', this);"
            >
                <h3>
                    Request&nbsp;&nbsp;&nbsp;
                    <button type="button" style="background-color: #8fbcd4; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-tryout-GETapi-v1-surat-download" onclick="tryItOut('GETapi-v1-surat-download');">Try it out ⚡
                    </button>
                    <button type="button" style="background-color: #c97a7e; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-canceltryout-GETapi-v1-surat-download" onclick="cancelTryOut('GETapi-v1-surat-download');" hidden>Cancel 🛑
                    </button>&nbsp;&nbsp;
                    <button type="submit" style="background-color: #6ac174; padding: 5px 10px; border-radius: 5px; border-width: thin;" id="btn-executetryout-GETapi-v1-surat-download" data-initial-text="Send Request 💥" data-loading-text="⏱ Sending..." hidden>Send Request 💥
                    </button>
                </h3>
                <p>
                    <small class="badge badge-green">GET</small>
                    <b><code>api/v1/surat/download</code></b>
                </p>
                <h4 class="fancy-heading-panel"><b>Headers</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Authorization</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input
                        type="text"
                        style="display: none"
                        name="Authorization"
                        class="auth-value"
                        data-endpoint="GETapi-v1-surat-download"
                        value="Bearer {YOUR_AUTH_KEY}"
                        data-component="header"
                    >
                    <br>
                    <p>Example: <code>Bearer {YOUR_AUTH_KEY}</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Content-Type</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Content-Type" data-endpoint="GETapi-v1-surat-download" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>Accept</code></b>&nbsp;&nbsp;
                    &nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="Accept" data-endpoint="GETapi-v1-surat-download" value="application/json" data-component="header">
                    <br>
                    <p>Example: <code>application/json</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Query Parameters</b></h4>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="GETapi-v1-surat-download" value="3201012001" data-component="query">
                    <br>
                    <p>Kode desa. Example: <code>3201012001</code></p>
                </div>
                <div style="padding-left: 28px; clear: unset;">
                    <b style="line-height: 2;"><code>nomor</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="nomor" data-endpoint="GETapi-v1-surat-download" value="001/SK/2024" data-component="query">
                    <br>
                    <p>Nomor surat. Example: <code>001/SK/2024</code></p>
                </div>
                <h4 class="fancy-heading-panel"><b>Body Parameters</b></h4>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>desa_id</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="desa_id" data-endpoint="GETapi-v1-surat-download" value="architecto" data-component="body">
                    <br>
                    <p>Example: <code>architecto</code></p>
                </div>
                <div style=" padding-left: 28px;  clear: unset;">
                    <b style="line-height: 2;"><code>nomor</code></b>&nbsp;&nbsp;
                    <small>string</small>&nbsp;
                    &nbsp;
                    &nbsp;
                    <input type="text" style="display: none" name="nomor" data-endpoint="GETapi-v1-surat-download" value="architecto" data-component="body">
                    <br>
                    <p>Example: <code>architecto</code></p>
                </div>
            </form>

        </div>
        <div class="dark-box">
            <div class="lang-selector">
                <button type="button" class="lang-button" data-language-name="bash">bash</button>
                <button type="button" class="lang-button" data-language-name="javascript">javascript</button>
                <button type="button" class="lang-button" data-language-name="php">php</button>
            </div>
        </div>
    </div>
</body>

</html>
