updated to 2022/2023

.ddev/config.yaml

@@ -0,0 +1,257 @@
+name: smk-kelulusan
+type: laravel
+docroot: htdocs
+php_version: "7.1"
+webserver_type: nginx-fpm
+router_http_port: "80"
+router_https_port: "443"
+xdebug_enabled: false
+additional_hostnames: []
+additional_fqdns: []
+database:
+    type: mariadb
+    version: "10.7"
+nfs_mount_enabled: false
+mutagen_enabled: false
+use_dns_when_possible: true
+composer_version: "2"
+web_environment: []
+nodejs_version: "16"
+
+# Key features of ddev's config.yaml:
+
+# name: <projectname> # Name of the project, automatically provides
+#   http://projectname.ddev.site and https://projectname.ddev.site
+
+# type: <projecttype>  # drupal6/7/8, backdrop, typo3, wordpress, php
+
+# docroot: <relative_path> # Relative path to the directory containing index.php.
+
+# php_version: "7.4"  # PHP version to use, "5.6", "7.0", "7.1", "7.2", "7.3", "7.4", "8.0", "8.1", "8.2"
+
+# You can explicitly specify the webimage but this
+# is not recommended, as the images are often closely tied to ddev's' behavior,
+# so this can break upgrades.
+
+# webimage: <docker_image>  # nginx/php docker image.
+
+# database:
+#   type: <dbtype> # mysql, mariadb
+#   version: <version> # database version, like "10.3" or "8.0"
+# Note that mariadb_version or mysql_version from v1.18 and earlier
+# will automatically be converted to this notation with just a "ddev config --auto"
+
+# router_http_port: <port>  # Port to be used for http (defaults to port 80)
+# router_https_port: <port> # Port for https (defaults to 443)
+
+# xdebug_enabled: false  # Set to true to enable xdebug and "ddev start" or "ddev restart"
+# Note that for most people the commands
+# "ddev xdebug" to enable xdebug and "ddev xdebug off" to disable it work better,
+# as leaving xdebug enabled all the time is a big performance hit.
+
+# xhprof_enabled: false  # Set to true to enable xhprof and "ddev start" or "ddev restart"
+# Note that for most people the commands
+# "ddev xhprof" to enable xhprof and "ddev xhprof off" to disable it work better,
+# as leaving xhprof enabled all the time is a big performance hit.
+
+# webserver_type: nginx-fpm  # or apache-fpm
+
+# timezone: Europe/Berlin
+# This is the timezone used in the containers and by PHP;
+# it can be set to any valid timezone,
+# see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
+# For example Europe/Dublin or MST7MDT
+
+# composer_root: <relative_path>
+# Relative path to the composer root directory from the project root. This is
+# the directory which contains the composer.json and where all Composer related
+# commands are executed.
+
+# composer_version: "2"
+# You can set it to "" or "2" (default) for Composer v2 or "1" for Composer v1
+# to use the latest major version available at the time your container is built.
+# It is also possible to use each other Composer version channel. This includes:
+#   - 2.2 (latest Composer LTS version)
+#   - stable
+#   - preview
+#   - snapshot
+# Alternatively, an explicit Composer version may be specified, for example "2.2.18".
+# To reinstall Composer after the image was built, run "ddev debug refresh".
+
+# nodejs_version: "16"
+# change from the default system Node.js version to another supported version, like 12, 14, 17, 18.
+# Note that you can use 'ddev nvm' or nvm inside the web container to provide nearly any
+# Node.js version, including v6, etc.
+
+# additional_hostnames:
+#  - somename
+#  - someothername
+# would provide http and https URLs for "somename.ddev.site"
+# and "someothername.ddev.site".
+
+# additional_fqdns:
+#  - example.com
+#  - sub1.example.com
+# would provide http and https URLs for "example.com" and "sub1.example.com"
+# Please take care with this because it can cause great confusion.
+
+# upload_dir: custom/upload/dir
+# would set the destination path for ddev import-files to <docroot>/custom/upload/dir
+# When mutagen is enabled this path is bind-mounted so that all the files
+# in the upload_dir don't have to be synced into mutagen
+
+# working_dir:
+#   web: /var/www/html
+#   db: /home
+# would set the default working directory for the web and db services.
+# These values specify the destination directory for ddev ssh and the
+# directory in which commands passed into ddev exec are run.
+
+# omit_containers: [db, dba, ddev-ssh-agent]
+# Currently only these containers are supported. Some containers can also be
+# omitted globally in the ~/.ddev/global_config.yaml. Note that if you omit
+# the "db" container, several standard features of ddev that access the
+# database container will be unusable. In the global configuration it is also
+# possible to omit ddev-router, but not here.
+
+# nfs_mount_enabled: false
+# Great performance improvement but requires host configuration first.
+# See https://ddev.readthedocs.io/en/latest/users/install/performance/#nfs
+
+# mutagen_enabled: false
+# Performance improvement using mutagen asynchronous updates.
+# See https://ddev.readthedocs.io/en/latest/users/install/performance/#mutagen
+
+# fail_on_hook_fail: False
+# Decide whether 'ddev start' should be interrupted by a failing hook
+
+# host_https_port: "59002"
+# The host port binding for https can be explicitly specified. It is
+# dynamic unless otherwise specified.
+# This is not used by most people, most people use the *router* instead
+# of the localhost port.
+
+# host_webserver_port: "59001"
+# The host port binding for the ddev-webserver can be explicitly specified. It is
+# dynamic unless otherwise specified.
+# This is not used by most people, most people use the *router* instead
+# of the localhost port.
+
+# host_db_port: "59002"
+# The host port binding for the ddev-dbserver can be explicitly specified. It is dynamic
+# unless explicitly specified.
+
+# phpmyadmin_port: "8036"
+# phpmyadmin_https_port: "8037"
+# The PHPMyAdmin ports can be changed from the default 8036 and 8037
+
+# host_phpmyadmin_port: "8036"
+# The phpmyadmin (dba) port is not normally bound on the host at all, instead being routed
+# through ddev-router, but it can be specified and bound.
+
+# mailhog_port: "8025"
+# mailhog_https_port: "8026"
+# The MailHog ports can be changed from the default 8025 and 8026
+
+# host_mailhog_port: "8025"
+# The mailhog port is not normally bound on the host at all, instead being routed
+# through ddev-router, but it can be bound directly to localhost if specified here.
+
+# webimage_extra_packages: [php7.4-tidy, php-bcmath]
+# Extra Debian packages that are needed in the webimage can be added here
+
+# dbimage_extra_packages: [telnet,netcat]
+# Extra Debian packages that are needed in the dbimage can be added here
+
+# use_dns_when_possible: true
+# If the host has internet access and the domain configured can
+# successfully be looked up, DNS will be used for hostname resolution
+# instead of editing /etc/hosts
+# Defaults to true
+
+# project_tld: ddev.site
+# The top-level domain used for project URLs
+# The default "ddev.site" allows DNS lookup via a wildcard
+# If you prefer you can change this to "ddev.local" to preserve
+# pre-v1.9 behavior.
+
+# ngrok_args: --basic-auth username:pass1234
+# Provide extra flags to the "ngrok http" command, see
+# https://ngrok.com/docs#http or run "ngrok http -h"
+
+# disable_settings_management: false
+# If true, ddev will not create CMS-specific settings files like
+# Drupal's settings.php/settings.ddev.php or TYPO3's AdditionalConfiguration.php
+# In this case the user must provide all such settings.
+
+# You can inject environment variables into the web container with:
+# web_environment:
+# - SOMEENV=somevalue
+# - SOMEOTHERENV=someothervalue
+
+# no_project_mount: false
+# (Experimental) If true, ddev will not mount the project into the web container;
+# the user is responsible for mounting it manually or via a script.
+# This is to enable experimentation with alternate file mounting strategies.
+# For advanced users only!
+
+# bind_all_interfaces: false
+# If true, host ports will be bound on all network interfaces,
+# not just the localhost interface. This means that ports
+# will be available on the local network if the host firewall
+# allows it.
+
+# default_container_timeout: 120
+# The default time that ddev waits for all containers to become ready can be increased from
+# the default 120. This helps in importing huge databases, for example.
+
+#web_extra_exposed_ports:
+#- name: nodejs
+#  container_port: 3000
+#  http_port: 2999
+#  https_port: 3000
+#- name: something
+#  container_port: 4000
+#  https_port: 4000
+#  http_port: 3999
+# Allows a set of extra ports to be exposed via ddev-router
+# The port behavior on the ddev-webserver must be arranged separately, for example
+# using web_extra_daemons.
+# For example, with a web app on port 3000 inside the container, this config would
+# expose that web app on https://<project>.ddev.site:9999 and http://<project>.ddev.site:9998
+# web_extra_exposed_ports:
+#  - container_port: 3000
+#    http_port: 9998
+#    https_port: 9999
+
+#web_extra_daemons:
+#- name: "http-1"
+#  command: "/var/www/html/node_modules/.bin/http-server -p 3000"
+#  directory: /var/www/html
+#- name: "http-2"
+#  command: "/var/www/html/node_modules/.bin/http-server /var/www/html/sub -p 3000"
+#  directory: /var/www/html
+
+# override_config: false
+# By default, config.*.yaml files are *merged* into the configuration
+# But this means that some things can't be overridden
+# For example, if you have 'nfs_mount_enabled: true'' you can't override it with a merge
+# and you can't erase existing hooks or all environment variables.
+# However, with "override_config: true" in a particular config.*.yaml file,
+# 'nfs_mount_enabled: false' can override the existing values, and
+# hooks:
+#   post-start: []
+# or
+# web_environment: []
+# or
+# additional_hostnames: []
+# can have their intended affect. 'override_config' affects only behavior of the
+# config.*.yaml file it exists in.
+
+# Many ddev commands can be extended to run tasks before or after the
+# ddev command is executed, for example "post-start", "post-import-db",
+# "pre-composer", "post-composer"
+# See https://ddev.readthedocs.io/en/stable/users/extend/custom-commands/ for more
+# information on the commands that can be extended and the tasks you can define
+# for them. Example:
+#hooks:

package-lock.json

@@ -14801,6 +14801,7 @@
         "abbrev": {
           "version": "1.1.1",
           "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+          "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14808,6 +14809,7 @@
         "ansi-regex": {
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14815,6 +14817,7 @@
         "aproba": {
           "version": "1.2.0",
           "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+          "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14822,6 +14825,7 @@
         "are-we-there-yet": {
           "version": "1.1.5",
           "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
+          "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -14833,6 +14837,7 @@
         "balanced-match": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+          "integrity": "sha512-9Y0g0Q8rmSt+H33DfKv7FOc3v+iRI+o1lbzt8jGcIosYW37IIW/2XVYq5NPdmaD5NQ59Nk26Kl/vZbwW9Fr8vg==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14840,6 +14845,7 @@
         "brace-expansion": {
           "version": "1.1.11",
           "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+          "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -14851,6 +14857,7 @@
         "chownr": {
           "version": "1.1.1",
           "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.1.tgz",
+          "integrity": "sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14858,6 +14865,7 @@
         "code-point-at": {
           "version": "1.1.0",
           "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+          "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14865,6 +14873,7 @@
         "concat-map": {
           "version": "0.0.1",
           "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+          "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14872,6 +14881,7 @@
         "console-control-strings": {
           "version": "1.1.0",
           "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+          "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14879,6 +14889,7 @@
         "core-util-is": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+          "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14886,6 +14897,7 @@
         "debug": {
           "version": "4.1.1",
           "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -14896,6 +14908,7 @@
         "deep-extend": {
           "version": "0.6.0",
           "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+          "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14903,6 +14916,7 @@
         "delegates": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+          "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14910,6 +14924,7 @@
         "detect-libc": {
           "version": "1.0.3",
           "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+          "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14917,6 +14932,7 @@
         "fs-minipass": {
           "version": "1.2.5",
           "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.5.tgz",
+          "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -14927,6 +14943,7 @@
         "fs.realpath": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+          "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -14934,6 +14951,7 @@
         "gauge": {
           "version": "2.7.4",
           "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+          "integrity": "sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -14950,6 +14968,7 @@
         },
         "glob": {
           "version": "7.1.3",
+          "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -14965,12 +14984,14 @@
         "has-unicode": {
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+          "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "iconv-lite": {
           "version": "0.4.24",
+          "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -14981,6 +15002,7 @@
         "ignore-walk": {
           "version": "3.0.1",
           "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.1.tgz",
+          "integrity": "sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -14991,6 +15013,7 @@
         "inflight": {
           "version": "1.0.6",
           "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+          "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15002,6 +15025,7 @@
         "inherits": {
           "version": "2.0.3",
           "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15009,6 +15033,7 @@
         "ini": {
           "version": "1.3.5",
           "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz",
+          "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15016,6 +15041,7 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+          "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15026,6 +15052,7 @@
         "isarray": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+          "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15033,6 +15060,7 @@
         "minimatch": {
           "version": "3.0.4",
           "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+          "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15043,6 +15071,7 @@
         "minimist": {
           "version": "0.0.8",
           "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+          "integrity": "sha512-miQKw5Hv4NS1Psg2517mV4e4dYNaO3++hjAvLOAzKqZ61rH8NS1SK+vbfBWZ5PY/Me/bEWhUwqMghEW5Fb9T7Q==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15050,6 +15079,7 @@
         "minipass": {
           "version": "2.3.5",
           "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.3.5.tgz",
+          "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15061,6 +15091,7 @@
         "minizlib": {
           "version": "1.2.1",
           "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.2.1.tgz",
+          "integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15071,6 +15102,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+          "integrity": "sha512-SknJC52obPfGQPnjIkXbmA6+5H15E+fR+E4iR2oQ3zzCLbd7/ONua69R/Gw7AgkTLsRG+r5fzksYwWe1AgTyWA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15081,12 +15113,14 @@
         "ms": {
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "needle": {
           "version": "2.3.0",
+          "integrity": "sha512-QBZu7aAFR0522EyaXZM0FZ9GLpq6lvQ3uq8gteiDUp7wKdy0lSd2hPlgFwVuW1CBkfEs9PfDQsQzZghLs/psdg==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15099,6 +15133,7 @@
         "node-pre-gyp": {
           "version": "0.12.0",
           "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.12.0.tgz",
+          "integrity": "sha512-4KghwV8vH5k+g2ylT+sLTjy5wmUOb9vPhnM8NHvRf9dHmnW/CndrFXy2aRPaPST6dugXSdHXfeaHQm77PIz/1A==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15118,6 +15153,7 @@
         "nopt": {
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.1.tgz",
+          "integrity": "sha512-+5XZFpQZEY0cg5JaxLwGxDlKNKYxuXwGt8/Oi3UXm5/4ymrJve9d2CURituxv3rSrVCGZj4m1U1JlHTdcKt2Ng==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15129,6 +15165,7 @@
         "npm-bundled": {
           "version": "1.0.6",
           "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.6.tgz",
+          "integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15136,6 +15173,7 @@
         "npm-packlist": {
           "version": "1.4.1",
           "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.4.1.tgz",
+          "integrity": "sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15147,6 +15185,7 @@
         "npmlog": {
           "version": "4.1.2",
           "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
+          "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15160,6 +15199,7 @@
         "number-is-nan": {
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+          "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15167,6 +15207,7 @@
         "object-assign": {
           "version": "4.1.1",
           "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+          "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15174,6 +15215,7 @@
         "once": {
           "version": "1.4.0",
           "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+          "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15184,6 +15226,7 @@
         "os-homedir": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+          "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15191,6 +15234,7 @@
         "os-tmpdir": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+          "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15198,6 +15242,7 @@
         "osenv": {
           "version": "0.1.5",
           "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
+          "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15209,6 +15254,7 @@
         "path-is-absolute": {
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+          "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15216,6 +15262,7 @@
         "process-nextick-args": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
+          "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15223,6 +15270,7 @@
         "rc": {
           "version": "1.2.8",
           "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+          "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15236,6 +15284,7 @@
             "minimist": {
               "version": "1.2.0",
               "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+              "integrity": "sha512-7Wl+Jz+IGWuSdgsQEJ4JunV0si/iMhg42MnQQG6h1R6TNeVenp4U9x5CC5v/gYqz/fENLQITAWXidNtVL0NNbw==",
               "bundled": true,
               "dev": true,
               "optional": true
@@ -15245,6 +15294,7 @@
         "readable-stream": {
           "version": "2.3.6",
           "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
+          "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15261,6 +15311,7 @@
         "rimraf": {
           "version": "2.6.3",
           "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15271,6 +15322,7 @@
         "safe-buffer": {
           "version": "5.1.2",
           "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15278,6 +15330,7 @@
         "safer-buffer": {
           "version": "2.1.2",
           "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+          "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15285,6 +15338,7 @@
         "sax": {
           "version": "1.2.4",
           "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+          "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15292,6 +15346,7 @@
         "semver": {
           "version": "5.7.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz",
+          "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15299,6 +15354,7 @@
         "set-blocking": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+          "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15306,6 +15362,7 @@
         "signal-exit": {
           "version": "3.0.2",
           "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+          "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15313,6 +15370,7 @@
         "string_decoder": {
           "version": "1.1.1",
           "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15323,6 +15381,7 @@
         "string-width": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15335,6 +15394,7 @@
         "strip-ansi": {
           "version": "3.0.1",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15345,6 +15405,7 @@
         "strip-json-comments": {
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+          "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15352,6 +15413,7 @@
         "tar": {
           "version": "4.4.8",
           "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.8.tgz",
+          "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15368,6 +15430,7 @@
         "util-deprecate": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+          "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15375,6 +15438,7 @@
         "wide-align": {
           "version": "1.1.3",
           "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
+          "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -15385,6 +15449,7 @@
         "wrappy": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+          "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -15392,6 +15457,7 @@
         "yallist": {
           "version": "3.0.3",
           "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz",
+          "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
           "bundled": true,
           "dev": true,
           "optional": true

resources/js/components/Pendopo.js

@@ -120,42 +120,24 @@ var component = {
                     ' Print',
                 ]),
                 m('.letter__header', [
-                    m('img[src=img/letter-head.jpg]'),
+                    m('img[src=img/letter-head.png]'),
                 ]),
-                m('', {
+                m('.letter__body.mt-4', [
-                    style: {
-                        height: '1px',
-                        width: '100%',
-                        backgroundColor: '#000',
-                        marginTop: '.5rem',
-                    }}),
-                m('', {
-                    style: {
-                        height: '3px',
-                        width: '100%',
-                    }}),
-                m('', {
-                    style: {
-                        height: '3px',
-                        width: '100%',
-                        backgroundColor: '#000',
-                        marginBottom: '1rem',
-                    }}),
-                m('.letter__body', [
                     m('strong.letter__body-header', [
                         // m('p', m('span.border-b.border-black', 'SURAT KETERANGAN')),
                         // m('p.font-normal.mt-1', 'Nomor: 077/SMK-BA/V/2019'),
                         m('p', m('span.border-b.border-black', 'SURAT KETERANGAN LULUS')),
-                        m('p.mt-1', 'Nomor: 106/SMK-BA/VI/2022'),
+                        // m('p.mt-1', 'Nomor: 106/SMK-BA/VI/2022'),
+                        m('p.mt-1', 'Nomor: 098/SMK-BA/V/2023'),
                     ]),
                     m('br'),
                     m('table', [
                         m('tr',
                             // m('td[colspan=6]', 'Yang bertanda tangan di bawah ini :')),
-                          m('td[colspan=6]', 'Kepala SMK Bhakti Anindya selaku Ketua Penyelenggara Ujian Sekolah Tahun Pelajaran 2021/2022 berdasarkan:')),
+                          m('td[colspan=6]', 'Kepala SMK Bhakti Anindya selaku Ketua Penyelenggara Ujian Sekolah Tahun Pelajaran 2022/2023 berdasarkan:')),
                         m('tr', [
                             m('td'),
-                            m('td[colspan=5]', '1. Menyelesaikan program pembelajaran di masa COVID-19 yang dibuktikan dengan rapor tiap semester;'),
+                            m('td[colspan=5]', '1. Menyelesaikan program pembelajaran yang dibuktikan dengan rapor tiap semester;'),
                         ]),
                         m('tr', [
                             m('td'),
@@ -167,7 +149,7 @@ var component = {
                         ]),
                         m('tr', [
                             m('td'),
-                            m('td[colspan=5]', '4. Rapat Pleno Dewan Pendidik tentang kelulusan pada tanggal 31 Mei 2022.'),
+                            m('td[colspan=5]', '4. Rapat Pleno Dewan Pendidik tentang kelulusan pada tanggal 3 Mei 2023.'),
                         ]),
                         m('tr',
                             m('td',
@@ -223,18 +205,18 @@ var component = {
                             m('td', ':'),
                             m('td', Siswa.current.nis + ' / ' + Siswa.current.nisn),
                         ]),
-                        // m('tr', [
-                        //     m('td'),
-                        //     m('td', 'Nomor Peserta'),
-                        //     m('td', ':'),
-                        //     m('td[colspan=3]', Siswa.current.nopes),
-                        // ]),
                         m('tr', [
                             m('td'),
                             m('td', 'Kelas'),
                             m('td', ':'),
                             m('td[colspan=3]', Siswa.current.kelas),
                         ]),
+                        m('tr', [
+                            m('td'),
+                            m('td', 'Nomor Peserta Ujian'),
+                            m('td', ':'),
+                            m('td[colspan=3]', Siswa.current.nopes),
+                        ]),
                         // m('tr', [
                         //     m('td'),
                         //     m('td', 'Bidang Studi Keahlian'),
@@ -269,7 +251,8 @@ var component = {
                         ]),
                         m('tr',
                             // m('td[colspan=6]', 'Dengan hasil penilaian sebagai berikut:')),
-                            m('td[colspan=6]', 'Dengan hasil Nilai sebagai berikut:')),
+                            // m('td[colspan=6]', 'Dengan hasil Nilai sebagai berikut:')),
+                            m('td[colspan=6]', 'Dengan Nilai sebagai berikut:')),
                         m('tr',
                             m('td',
                                 m.trust(' '))),
@@ -409,12 +392,13 @@ var component = {
                     m('table.signature', [
                         m('tr',
                             // m('td', 'Tangerang, 13 Mei 2019')),
-                            m('td', 'Tangerang, 03 Juni 2022')),
+                            // m('td', 'Tangerang, 03 Juni 2022')),
+                            m('td', 'Tangerang, 05 Mei 2023')),
                         m('tr',
                             m('td', 'Kepala Sekolah,')),
                         m('tr',
                             m('td',
-                                m('.letter__sign', { style: { height: '3rem' } },
+                                m('.letter__sign', { style: { height: '5rem' } },
                                 m('img[src=img/letter-sign.png]', {style: { maxHeight: '100%' }})))),
                                  // ))),
                         m('tr',
@@ -422,6 +406,62 @@ var component = {
                             m('td', 'Sari Tyas Utami Kristantini, S.Si., M.M.')),
                     ]),
                 ]),
+
+                // Promosi UTPAS
+                m('.promo-utpas.pt-8.!leading-tight', [
+                        m('.letter__header', [
+                                m('img[src=img/kop-yayasan.jpg]'),
+                        ]),
+                        m('h1.text-center.font-bold.uppercase.mt-4', [
+                                m('.text-sm', 'Selamat atas Kelulusan Anda'),
+                        ]),
+                        m('p.mt-8.text-justify', 'Dengan sukacita dan kebahagiaan yang tulus, kami dari pihak SMK Bhakti Anindya dan Universitas Utpadaka Swastika mengucapkan selamat atas kelulusan Anda dari ujian sekolah. Prestasi yang telah Anda raih merupakan hasil dari kerja keras, ketekunan, dan dedikasi yang Anda tanamkan selama ini. Kami percaya bahwa keberhasilan ini tidak tercapai secara mudah, melainkan dengan perjuangan dan pengorbanan yang sungguh-sungguh.'),
+                        m('p.mt-2.text-justify', 'Kami berharap bahwa keberhasilan ini dapat menjadi tonggak awal bagi perjalanan hidup Anda yang lebih sukses dan berarti. Teruslah mengembangkan potensi diri, berusaha untuk menjadi pribadi yang lebih baik, serta memperdalam pengetahuan dan keterampilan yang telah Anda peroleh selama ini. Dengan semangat dan tekad yang kuat, yakinlah bahwa Anda akan dapat meraih impian dan cita-cita Anda di masa depan.'),
+                        m('p.mt-2.text-justify', [
+                                m('span', 'Terakhir, sebagai bentuk dukungan kami untuk mempersiapkan masa depan Anda, kami memberikan voucher pendidikan untuk melanjutkan pendidikan ke Universitas Utpadaka Swastika kepada '),
+                                m('span.font-bold', [
+                                        Siswa.current.nama,
+                                        ' (',
+                                        Siswa.current.nisn,
+                                        ')',
+                                ]),
+                                m('span', ', berupa:'),
+                        ]),
+                        m('.voucher-utpas__container.mt-8.flex.flex-col.justify-around.items-center.text-center', [
+                                m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [
+                                        m('.flex.items-stretch', [
+                                                m('.voucher-utpas__logo.p-8.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')),
+                                                m('.voucher-utpas__content.p-8.pl-12.grow', {style: 'background-color: #552d61;'}, [
+                                                        m('p.text-xs', [
+                                                                'Penerima: ',
+                                                                Siswa.current.nama,
+                                                        ]),
+                                                        m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Sarjana'),
+                                                        m('p.text-xs', 'sebesar'),
+                                                        m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp25.000.000,-'),
+                                                        m('p.text-xs', '(Dua Puluh Lima Juta Rupiah)')
+                                                ]),
+                                        ]),
+                                ]),
+                                m('p.text-xs.my-4', 'atau'),
+                                m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [
+                                        m('.flex.items-stretch', [
+                                                m('.voucher-utpas__logo.p-8.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')),
+                                                m('.voucher-utpas__content.p-8.pl-12.grow', {style: 'background-color: #552d61;'}, [
+                                                        m('p.text-xs', [
+                                                                'Penerima: ',
+                                                                Siswa.current.nama,
+                                                        ]),
+                                                        m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Diploma 3'),
+                                                        m('p.text-xs', 'sebesar'),
+                                                        m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp18.000.000,-'),
+                                                        m('p.text-xs', '(Delapan Belas Juta Rupiah)')
+                                                ]),
+                                        ]),
+                                ]),
+                        ]),
+                        m('p.mt-8.text-justify.leading-tight', 'Kami berharap Anda dapat memanfaatkan kesempatan ini dengan sebaik-baiknya. Kami tunggu kehadiran Anda di Kampus Universitas Utpadaka Swastika dengan menunjukkan surat ini kepada Staff Marketing Universitas Utpadaka Swastika. Terima kasih.')
+                ]),
             ]),
         ];
     },

resources/js/components/SKK13HasilBelajar.js

@@ -131,12 +131,7 @@ var component = {
                 !_isEmpty(AccessLog.error)
                 ? m('span.error.ml-2', AccessLog.error.errors.create[0])
                 : null,
-                m('.letter__header', {
+                m('.letter__header', [
-                    style: {
-                        marginTop: '3rem',
-                        marginBottom: '1rem'
-                    }
-                }, [
                     m('img[src=img/letter-head.png]'),
                 ]),
                 // m('', {
@@ -163,20 +158,22 @@ var component = {
                 //         backgroundColor: '#000',
                 //         marginBottom: '1rem',
                 //     }}),
-                m('.letter__body', [
+                m('.letter__body.mt-4', [
                     m('strong.letter__body-header', [
                         m('p', m('span.border-b.border-black', 'SURAT KETERANGAN LULUS')),
                         // m('p.mt-1', 'Nomor: 102/SMK-BA/VI/2021'),
-                        m('p.mt-1', 'Nomor: 106/SMK-BA/VI/2022'),
+                        // m('p.mt-1', 'Nomor: 106/SMK-BA/VI/2022'),
+                        m('p.mt-1', 'Nomor: 098/SMK-BA/V/2023'),
                     ]),
                     m('br'),
                     m('table', [
                         m('tr',
                             // m('td[colspan=6]', 'Yang bertanda tangan di bawah ini, Kepala SMK Bhakti Anindya Kota Tangerang Provinsi Banten menerangkan:')),
-                          m('td[colspan=6]', 'Kepala SMK Bhakti Anindya selaku Ketua Penyelenggara Ujian Sekolah Tahun Pelajaran 2021/2022 berdasarkan:')),
+                          // m('td[colspan=6]', 'Kepala SMK Bhakti Anindya selaku Ketua Penyelenggara Ujian Sekolah Tahun Pelajaran 2021/2022 berdasarkan:')),
+                          m('td[colspan=6]', 'Kepala SMK Bhakti Anindya selaku Ketua Penyelenggara Ujian Sekolah Tahun Pelajaran 2022/2023 berdasarkan:')),
                         m('tr', [
                             m('td'),
-                            m('td[colspan=5]', '1. Menyelesaikan program pembelajaran di masa COVID-19 yang dibuktikan dengan rapor tiap semester;'),
+                            m('td[colspan=5]', '1. Menyelesaikan program pembelajaran yang dibuktikan dengan rapor tiap semester;'),
                         ]),
                         m('tr', [
                             m('td'),
@@ -188,7 +185,7 @@ var component = {
                         ]),
                         m('tr', [
                             m('td'),
-                            m('td[colspan=5]', '4. Rapat Pleno Dewan Pendidik tentang kelulusan pada tanggal 31 Mei 2022.'),
+                            m('td[colspan=5]', '4. Rapat Pleno Dewan Pendidik tentang kelulusan pada tanggal 3 Mei 2023.'),
                         ]),
                         m('tr',
                             m('td',
@@ -222,12 +219,12 @@ var component = {
                             m('td', ':'),
                             m('td[colspan=3]', Siswa.current.kelas),
                         ]),
-                        // m('tr', [
+                        m('tr', [
-                        //     m('td'),
+                            m('td'),
-                        //     m('td', 'Nomor Peserta'),
+                            m('td', 'Nomor Peserta Ujian'),
-                        //     m('td', ':'),
+                            m('td', ':'),
-                        //     m('td[colspan=3]', Siswa.current.nopes),
+                            m('td[colspan=3]', Siswa.current.nopes),
-                        // ]),
+                        ]),
                         // m('tr', [
                         //     m('td'),
                         //     m('td', 'Bidang Studi Keahlian'),
@@ -263,7 +260,8 @@ var component = {
                         //     m('td[colspan=6]', 'Adalah benar siswa SMK Bhakti Anindya, Kota Tangerang dan pada tanggal 13 Mei 2019 telah dinyatakan lulus')),
                         m('tr',
                             // m('td[colspan=6]', 'Dengan hasil penilaian sebagai berikut:')),
-                            m('td[colspan=6]', 'Dengan hasil Nilai sebagai berikut:')),
+                            // m('td[colspan=6]', 'Dengan hasil Nilai sebagai berikut:')),
+                            m('td[colspan=6]', 'Dengan Nilai sebagai berikut:')),
                         m('tr',
                             m('td',
                                 m.trust(' '))),
@@ -407,7 +405,8 @@ var component = {
                     m('table.signature', [
                         m('tr',
                             // m('td', 'Tangerang, 03 Juni 2021')),
-                            m('td', 'Tangerang, 03 Juni 2022')),
+                            // m('td', 'Tangerang, 03 Juni 2022')),
+                            m('td', 'Tangerang, 05 Mei 2023')),
                         m('tr',
                             m('td', 'Kepala Sekolah,')),
                         m('tr',
@@ -419,6 +418,62 @@ var component = {
                             m('td', 'Sari Tyas Utami Kristantini, S.Si., M.M.')),
                     ]),
                 ]),
+
+                // Promosi UTPAS
+                m('.promo-utpas.pt-8.!leading-tight', [
+                        m('.letter__header', [
+                                m('img[src=img/kop-yayasan.jpg]'),
+                        ]),
+                        m('h1.text-center.font-bold.uppercase.mt-4', [
+                                m('.text-sm', 'Selamat atas Kelulusan Anda'),
+                        ]),
+                        m('p.mt-8.text-justify', 'Dengan sukacita dan kebahagiaan yang tulus, kami dari pihak SMK Bhakti Anindya dan Universitas Utpadaka Swastika mengucapkan selamat atas kelulusan Anda dari ujian sekolah. Prestasi yang telah Anda raih merupakan hasil dari kerja keras, ketekunan, dan dedikasi yang Anda tanamkan selama ini. Kami percaya bahwa keberhasilan ini tidak tercapai secara mudah, melainkan dengan perjuangan dan pengorbanan yang sungguh-sungguh.'),
+                        m('p.mt-2.text-justify', 'Kami berharap bahwa keberhasilan ini dapat menjadi tonggak awal bagi perjalanan hidup Anda yang lebih sukses dan berarti. Teruslah mengembangkan potensi diri, berusaha untuk menjadi pribadi yang lebih baik, serta memperdalam pengetahuan dan keterampilan yang telah Anda peroleh selama ini. Dengan semangat dan tekad yang kuat, yakinlah bahwa Anda akan dapat meraih impian dan cita-cita Anda di masa depan.'),
+                        m('p.mt-2.text-justify', [
+                                m('span', 'Terakhir, sebagai bentuk dukungan kami untuk mempersiapkan masa depan Anda, kami memberikan voucher pendidikan untuk melanjutkan pendidikan ke Universitas Utpadaka Swastika kepada '),
+                                m('span.font-bold', [
+                                        Siswa.current.nama,
+                                        ' (',
+                                        Siswa.current.nisn,
+                                        ')',
+                                ]),
+                                m('span', ', berupa:'),
+                        ]),
+                        m('.voucher-utpas__container.mt-8.flex.flex-col.justify-around.items-center.text-center', [
+                                m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [
+                                        m('.flex.items-stretch', [
+                                                m('.voucher-utpas__logo.p-8.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')),
+                                                m('.voucher-utpas__content.p-8.pl-12.grow', {style: 'background-color: #552d61;'}, [
+                                                        m('p.text-xs', [
+                                                                'Penerima: ',
+                                                                Siswa.current.nama,
+                                                        ]),
+                                                        m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Sarjana'),
+                                                        m('p.text-xs', 'sebesar'),
+                                                        m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp25.000.000,-'),
+                                                        m('p.text-xs', '(Dua Puluh Lima Juta Rupiah)')
+                                                ]),
+                                        ]),
+                                ]),
+                                m('p.text-xs.my-4', 'atau'),
+                                m('.voucher-utpas.border-4.rounded-lg.text-white', {style: 'border-color: #552d61;'}, [
+                                        m('.flex.items-stretch', [
+                                                m('.voucher-utpas__logo.p-8.flex.items-center', m('img[src=img/logo-utpas.png][width=150px]')),
+                                                m('.voucher-utpas__content.p-8.pl-12.grow', {style: 'background-color: #552d61;'}, [
+                                                        m('p.text-xs', [
+                                                                'Penerima: ',
+                                                                Siswa.current.nama,
+                                                        ]),
+                                                        m('h3.voucher-utpas__header.text-sm', 'Voucher Pendidikan Program Diploma 3'),
+                                                        m('p.text-xs', 'sebesar'),
+                                                        m('h4.voucher-utpas__body.text-xl.font-bold.mt-2', 'Rp18.000.000,-'),
+                                                        m('p.text-xs', '(Delapan Belas Juta Rupiah)')
+                                                ]),
+                                        ]),
+                                ]),
+                        ]),
+                        m('p.mt-8.text-justify.leading-tight', 'Kami berharap Anda dapat memanfaatkan kesempatan ini dengan sebaik-baiknya. Kami tunggu kehadiran Anda di Kampus Universitas Utpadaka Swastika dengan menunjukkan surat ini kepada Staff Marketing Universitas Utpadaka Swastika. Terima kasih.')
+                ]),
             ]),
         ];
     },

resources/sass/main.scss

@@ -165,6 +165,14 @@ span.error {
     }
 }
 
+.promo-utpas {
+    @apply hidden;
+
+    p {
+        @apply leading-normal;
+    }
+}
+
 @screen md {
     .header {
         h1 {
@@ -232,4 +240,9 @@ span.error {
             }
         }
     }
+
+    .promo-utpas {
+        @apply block;
+        page-break-before: always;
+    }
 }