main
ilhamwara 2025-05-09 15:06:14 +07:00
parent 8b10cc9b72
commit b22015b81b
58 changed files with 1021 additions and 991 deletions

View File

@ -610,7 +610,7 @@ RESULT:
:root {
--theme-primary: #2164b3;
--theme-secondary: #868e96;
--theme-success: #12a680;
--theme-success: #22c55e;
--theme-info: #2196F3;
--theme-warning: #ffc241;
--theme-danger: #B82132;
@ -631,9 +631,9 @@ RESULT:
--theme-success-200: #4de5d5;
--theme-success-300: #37e2d0;
--theme-success-400: #21dfcb;
--theme-success-500: #12a680;
--theme-success-500: #22c55e;
--theme-success-600: #1ab3a3;
--theme-success-700: #12a680;
--theme-success-700: #22c55e;
--theme-success-800: #13867a;
--theme-success-900: #107066;
--theme-info-50: #9acffa;
@ -2991,8 +2991,8 @@ html body {
}
.btn-success {
/* -webkit-box-shadow: #12a680;*/
/* box-shadow: #12a680; */
/* -webkit-box-shadow: #22c55e;*/
/* box-shadow: #22c55e; */
}
.btn-info {
@ -3439,7 +3439,7 @@ html body {
.chat-segment-sent.chat-end .chat-message {
border-top-right-radius: 3px; }
.chat-segment-sent .chat-message {
background: #12a680;
background: #22c55e;
color: white;
text-align: left; }
@ -3752,7 +3752,7 @@ html body {
.panel-tag {
padding: 1rem 1rem;
margin-bottom: 2rem;
border-left: 3px solid #12a680;
border-left: 3px solid #22c55e;
background: #eef7fd;
opacity: 0.8;
font-weight: 400;
@ -3888,7 +3888,7 @@ html body {
.panel-toolbar .btn-panel:hover {
opacity: 1; }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #12a680; }
background: #22c55e; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -5233,7 +5233,7 @@ span.img-share {
top: 0;
right: 0; }
.status.status-success:before {
background: #12a680; }
background: #22c55e; }
.status.status-danger:before {
background: #B82132; }
.status.status-warning:before {
@ -7194,7 +7194,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: rgba(0, 0, 0, 0.8); }
.bg-success-500 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-500:hover {
color: white; }
@ -7206,7 +7206,7 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: white; }
.bg-success-700 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-700:hover {
color: white; }
@ -7239,13 +7239,13 @@ html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-
color: #21dfcb; }
.color-success-500 {
color: #12a680; }
color: #22c55e; }
.color-success-600 {
color: #1ab3a3; }
.color-success-700 {
color: #12a680; }
color: #22c55e; }
.color-success-800 {
color: #13867a; }

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,110 @@
.nav-tabs{
border-bottom: none;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
border: none;
color: #4796f1!important;
border-bottom: 2px solid #4796f1!important;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
border: none;
}
.card{
border-radius: 8px!important;
border:none!important ;
box-shadow: 0px 1px 2px 0px #0000000D!important;
}
.liststyle{
list-style: none;
padding: 0px;
}
.liststyle > li{
padding: 2px;
/* background: #000;*/
margin: 3px;
}
.f20{
font-size: 20px;
}
.subheader{margin-bottom: 20px;}
/* Color */
.text-success{
color: #1f6c3c!important;
}
.text-primary{
color: #4765c0!important;
}
.bg-secondary{
background: #F3F4F6!important;
}
.bg-success-light{
background: #dcfce7;
}
.bg-primary-light{
background: #dbeafe;
}
.text-info{
color: #9333ea!important;
}
.bg-info-light{
background: #f3e8ff;
}
.text-warning{
color: #ca8a04!important;
}
.bg-warning-light{
background: #fef9c3;
}
.btn-primary{
background: #4796f1;
border: 1px solid #4796f1;
}
/* Color */
.page-content-wrapper{
background: #f9fafb!important;
}
.border-none{
border:none;
}
.bg-success-icon > i {
font-size: 16px;
}
.broder-top{
border-top: 1px solid #e5e7eb;
}
.broder-bottom{
border-bottom: 1px solid #e5e7eb;
}
.nav-menu li a > [class*="fa-"], .nav-menu li a > .ni{
color: #4b5563;
}
.nav-menu li a > .nav-link-text{
color: #4b5563;
}
.nav-menu li > ul{
background-color:#EEEEEE;
}
.nav-menu li > ul li.active > a{
color: #4796f1;
background-color: #e7f2fd;
}
.nav-menu li.active > a{
color: #4796f1;
background-color: #e7f2fd;
}
.nav-menu li.active > a:hover span{
color: #4796f1;
}
.nav-menu li.active > a > .nav-link-text{
color: #4796f1;
}
.nav-menu li.active > a:hover i{
color: #4796f1!important;
}
.nav-menu li.active > a > [class*="fa-"], .nav-menu li a > .ni{
color: #4796f1;
}

View File

@ -1204,7 +1204,7 @@ table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
background-color: #12a680; }
background-color: #22c55e; }
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
@ -1375,7 +1375,7 @@ table.dataTable td.reorder {
text-align: inherit; }
tr.dt-rowReorder-moving {
outline: 2px solid #12a680;
outline: 2px solid #22c55e;
outline-offset: -2px; }
table.dt-rowReorder-float {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1103,12 +1103,12 @@ RESULT:
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
background-color: #12a680; }
background-color: #22c55e; }
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
border-top-color: #12a680; }
border-top-color: #22c55e; }
.irs--modern .irs-handle > i:nth-child(1) {
width: 8px;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -593,7 +593,7 @@ body.swal2-toast-column .swal2-toast {
-webkit-box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4);
box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); }
.swal2-popup.swal2-toast .swal2-success {
border-color: #12a680; }
border-color: #22c55e; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
position: absolute;
width: 1.6em;
@ -1402,7 +1402,7 @@ body.swal2-no-backdrop .swal2-shown {
.swal2-icon.swal2-question.swal2-arabic-question-mark::before {
content: '؟'; }
.swal2-icon.swal2-success {
border-color: #12a680; }
border-color: #22c55e; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
position: absolute;
width: 3.75em;
@ -1452,7 +1452,7 @@ body.swal2-no-backdrop .swal2-shown {
z-index: 2;
height: .3125em;
border-radius: .125em;
background-color: #12a680; }
background-color: #22c55e; }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
top: 2.875em;
left: .875em;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -402,10 +402,10 @@ $ct-donut-width: 60px !default;
fill: #505050; }
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
stroke: #12a680; }
stroke: #22c55e; }
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
fill: #12a680; }
fill: #22c55e; }
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
stroke: #2196F3; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -766,8 +766,8 @@ html body {
box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
.btn-success {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-info {
-webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
@ -821,7 +821,7 @@ html body {
background: #f1f0f0; }
.chat-segment-sent .chat-message {
background: #12a680; }
background: #22c55e; }
/* transparent modal */
.modal-transparent .modal-content {
@ -875,7 +875,7 @@ html body {
.panel-toolbar .btn-panel {
/* add default colors for action buttons */ }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #12a680; }
background: #22c55e; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -1010,7 +1010,7 @@ label.menu-open-button {
background: #444444;
border: 2px solid #fff; }
.status.status-success:before {
background: #12a680; }
background: #22c55e; }
.status.status-danger:before {
background: #B82132; }
.status.status-warning:before {
@ -1290,7 +1290,7 @@ code {
color: rgba(0, 0, 0, 0.8); }
.bg-success-500 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-500:hover {
color: white; }
@ -1302,7 +1302,7 @@ code {
color: white; }
.bg-success-700 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-700:hover {
color: white; }
@ -1335,13 +1335,13 @@ code {
color: #21dfcb; }
.color-success-500 {
color: #12a680; }
color: #22c55e; }
.color-success-600 {
color: #1ab3a3; }
.color-success-700 {
color: #12a680; }
color: #22c55e; }
.color-success-800 {
color: #13867a; }
@ -1789,30 +1789,30 @@ code {
.btn-success {
color: #fff;
background-color: #12a680;
border-color: #12a680;
background-color: #22c55e;
border-color: #22c55e;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:focus, .btn-success.focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
background-color: #22c55e;
border-color: #159184; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-info {
color: #fff;
@ -1996,23 +1996,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success {
color: #12a680;
border-color: #12a680; }
color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #12a680;
color: #22c55e;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -2140,7 +2140,7 @@ code {
border-color: #6c757d !important; }
.border-success {
border-color: #12a680 !important; }
border-color: #22c55e !important; }
.border-info {
border-color: #2196F3 !important; }
@ -2170,7 +2170,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important; }
.text-success {
color: #12a680 !important; }
color: #22c55e !important; }
a.text-success:hover, a.text-success:focus {
color: #13867a !important; }

File diff suppressed because one or more lines are too long

View File

@ -766,8 +766,8 @@ html body {
box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
.btn-success {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-info {
-webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
@ -821,7 +821,7 @@ html body {
background: #f1f0f0; }
.chat-segment-sent .chat-message {
background: #12a680; }
background: #22c55e; }
/* transparent modal */
.modal-transparent .modal-content {
@ -875,7 +875,7 @@ html body {
.panel-toolbar .btn-panel {
/* add default colors for action buttons */ }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #12a680; }
background: #22c55e; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -1010,7 +1010,7 @@ label.menu-open-button {
background: #494949;
border: 2px solid #fff; }
.status.status-success:before {
background: #12a680; }
background: #22c55e; }
.status.status-danger:before {
background: #B82132; }
.status.status-warning:before {
@ -1290,7 +1290,7 @@ code {
color: rgba(0, 0, 0, 0.8); }
.bg-success-500 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-500:hover {
color: white; }
@ -1302,7 +1302,7 @@ code {
color: white; }
.bg-success-700 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-700:hover {
color: white; }
@ -1335,13 +1335,13 @@ code {
color: #21dfcb; }
.color-success-500 {
color: #12a680; }
color: #22c55e; }
.color-success-600 {
color: #1ab3a3; }
.color-success-700 {
color: #12a680; }
color: #22c55e; }
.color-success-800 {
color: #13867a; }
@ -1789,30 +1789,30 @@ code {
.btn-success {
color: #fff;
background-color: #12a680;
border-color: #12a680;
background-color: #22c55e;
border-color: #22c55e;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:focus, .btn-success.focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
background-color: #22c55e;
border-color: #159184; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-info {
color: #fff;
@ -1996,23 +1996,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success {
color: #12a680;
border-color: #12a680; }
color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #12a680;
color: #22c55e;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -2140,7 +2140,7 @@ code {
border-color: #6c757d !important; }
.border-success {
border-color: #12a680 !important; }
border-color: #22c55e !important; }
.border-info {
border-color: #2196F3 !important; }
@ -2170,7 +2170,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important; }
.text-success {
color: #12a680 !important; }
color: #22c55e !important; }
a.text-success:hover, a.text-success:focus {
color: #13867a !important; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -766,8 +766,8 @@ html body {
box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
.btn-success {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-info {
-webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
@ -821,7 +821,7 @@ html body {
background: #f1f0f0; }
.chat-segment-sent .chat-message {
background: #12a680; }
background: #22c55e; }
/* transparent modal */
.modal-transparent .modal-content {
@ -875,7 +875,7 @@ html body {
.panel-toolbar .btn-panel {
/* add default colors for action buttons */ }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #12a680; }
background: #22c55e; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -1010,7 +1010,7 @@ label.menu-open-button {
background: #585858;
border: 2px solid #fff; }
.status.status-success:before {
background: #12a680; }
background: #22c55e; }
.status.status-danger:before {
background: #B82132; }
.status.status-warning:before {
@ -1290,7 +1290,7 @@ code {
color: rgba(0, 0, 0, 0.8); }
.bg-success-500 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-500:hover {
color: white; }
@ -1302,7 +1302,7 @@ code {
color: white; }
.bg-success-700 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-700:hover {
color: white; }
@ -1335,13 +1335,13 @@ code {
color: #21dfcb; }
.color-success-500 {
color: #12a680; }
color: #22c55e; }
.color-success-600 {
color: #1ab3a3; }
.color-success-700 {
color: #12a680; }
color: #22c55e; }
.color-success-800 {
color: #13867a; }
@ -1789,30 +1789,30 @@ code {
.btn-success {
color: #fff;
background-color: #12a680;
border-color: #12a680;
background-color: #22c55e;
border-color: #22c55e;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:focus, .btn-success.focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
background-color: #22c55e;
border-color: #159184; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-info {
color: #fff;
@ -1996,23 +1996,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success {
color: #12a680;
border-color: #12a680; }
color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #12a680;
color: #22c55e;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -2140,7 +2140,7 @@ code {
border-color: #6c757d !important; }
.border-success {
border-color: #12a680 !important; }
border-color: #22c55e !important; }
.border-info {
border-color: #2196F3 !important; }
@ -2170,7 +2170,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important; }
.text-success {
color: #12a680 !important; }
color: #22c55e !important; }
a.text-success:hover, a.text-success:focus {
color: #13867a !important; }

File diff suppressed because one or more lines are too long

View File

@ -766,8 +766,8 @@ html body {
box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
.btn-success {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-info {
-webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
@ -821,7 +821,7 @@ html body {
background: #f1f0f0; }
.chat-segment-sent .chat-message {
background: #12a680; }
background: #22c55e; }
/* transparent modal */
.modal-transparent .modal-content {
@ -875,7 +875,7 @@ html body {
.panel-toolbar .btn-panel {
/* add default colors for action buttons */ }
.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
background: #12a680; }
background: #22c55e; }
.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
background: #ffc241; }
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
@ -1010,7 +1010,7 @@ label.menu-open-button {
background: #4e4e4e;
border: 2px solid #fff; }
.status.status-success:before {
background: #12a680; }
background: #22c55e; }
.status.status-danger:before {
background: #b57d6a; }
.status.status-warning:before {
@ -1290,7 +1290,7 @@ code {
color: rgba(0, 0, 0, 0.8); }
.bg-success-500 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-500:hover {
color: white; }
@ -1302,7 +1302,7 @@ code {
color: white; }
.bg-success-700 {
background-color: #12a680;
background-color: #22c55e;
color: white; }
.bg-success-700:hover {
color: white; }
@ -1335,13 +1335,13 @@ code {
color: #21dfcb; }
.color-success-500 {
color: #12a680; }
color: #22c55e; }
.color-success-600 {
color: #1ab3a3; }
.color-success-700 {
color: #12a680; }
color: #22c55e; }
.color-success-800 {
color: #13867a; }
@ -1789,30 +1789,30 @@ code {
.btn-success {
color: #fff;
background-color: #12a680;
border-color: #12a680;
background-color: #22c55e;
border-color: #22c55e;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:focus, .btn-success.focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
background-color: #22c55e;
border-color: #159184; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-info {
color: #fff;
@ -1996,23 +1996,23 @@ code {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success {
color: #12a680;
border-color: #12a680; }
color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #12a680;
color: #22c55e;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -2140,7 +2140,7 @@ code {
border-color: #6c757d !important; }
.border-success {
border-color: #12a680 !important; }
border-color: #22c55e !important; }
.border-info {
border-color: #2196F3 !important; }
@ -2170,7 +2170,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important; }
.text-success {
color: #12a680 !important; }
color: #22c55e !important; }
a.text-success:hover, a.text-success:focus {
color: #13867a !important; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -210,7 +210,7 @@ aside.page-sidebar ($nav-width, $nav-background)
--red: #B82132;
--orange: #ffc241;
--yellow: #ffc241;
--green: #12a680;
--green: #22c55e;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
@ -218,7 +218,7 @@ aside.page-sidebar ($nav-width, $nav-background)
--gray-dark: #495057;
--primary: #2164b3;
--secondary: #868e96;
--success: #12a680;
--success: #22c55e;
--info: #2196F3;
--warning: #ffc241;
--danger: #B82132;
@ -1951,7 +1951,7 @@ textarea.form-control {
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #12a680; }
color: #22c55e; }
.valid-tooltip {
position: absolute;
@ -1964,18 +1964,18 @@ textarea.form-control {
font-size: 0.75rem;
line-height: 1.47;
color: #fff;
background-color: #12a680;
background-color: #22c55e;
border-radius: 5px; }
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #12a680;
border-color: #22c55e;
padding-right: calc(1.47em + 1rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center right calc(0.3675em + 0.25rem);
background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #12a680;
border-color: #22c55e;
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
.was-validated .form-control:valid ~ .valid-feedback,
@ -1988,11 +1988,11 @@ textarea.form-control {
background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); }
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #12a680;
border-color: #22c55e;
padding-right: calc((1em + 1rem) * 3 / 4 + 1.875rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #12a680;
border-color: #22c55e;
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
.was-validated .custom-select:valid ~ .valid-feedback,
@ -2006,7 +2006,7 @@ textarea.form-control {
display: block; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #12a680; }
color: #22c55e; }
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
@ -2014,9 +2014,9 @@ textarea.form-control {
display: block; }
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #12a680; }
color: #22c55e; }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #12a680; }
border-color: #22c55e; }
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
@ -2032,10 +2032,10 @@ textarea.form-control {
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #12a680; }
border-color: #22c55e; }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #12a680; }
border-color: #22c55e; }
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
@ -2043,7 +2043,7 @@ textarea.form-control {
display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #12a680;
border-color: #22c55e;
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
@ -2312,28 +2312,28 @@ fieldset:disabled a.btn {
.btn-success {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:focus, .btn-success.focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
background-color: #22c55e;
border-color: #159184; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
-webkit-box-shadow: #12a680;
box-shadow: #12a680; }
-webkit-box-shadow: #22c55e;
box-shadow: #22c55e; }
.btn-info {
color: #fff;
@ -2507,23 +2507,23 @@ fieldset:disabled a.btn {
box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
.btn-outline-success {
color: #12a680;
border-color: #12a680; }
color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:hover {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #12a680;
color: #22c55e;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #12a680;
border-color: #12a680; }
background-color: #22c55e;
border-color: #22c55e; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -4276,10 +4276,10 @@ input[type="button"].btn-block {
.badge-success {
color: #fff;
background-color: #12a680; }
background-color: #22c55e; }
a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: #12a680; }
background-color: #22c55e; }
a.badge-success:focus, a.badge-success.focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
@ -5460,12 +5460,12 @@ button.bg-secondary:focus {
background-color: #6c757d !important; }
.bg-success {
background-color: #12a680 !important; }
background-color: #22c55e !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #12a680 !important; }
background-color: #22c55e !important; }
.bg-info {
background-color: #2196F3 !important; }
@ -5550,7 +5550,7 @@ button.bg-dark:focus {
border-color: #868e96 !important; }
.border-success {
border-color: #12a680 !important; }
border-color: #22c55e !important; }
.border-info {
border-color: #2196F3 !important; }
@ -8307,7 +8307,7 @@ a.text-secondary:hover, a.text-secondary:focus {
color: #60686f !important; }
.text-success {
color: #12a680 !important; }
color: #22c55e !important; }
a.text-success:hover, a.text-success:focus {
color: #13867a !important; }
@ -12169,8 +12169,8 @@ readers do not read off random characters that represent icons */
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 300;
src: url("../webfonts/fa-light-300.eot");
src: url("../webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.woff") format("woff"), url("../webfonts/fa-light-300.ttf") format("truetype"), url("../webfonts/fa-light-300.svg#fontawesome") format("svg"); }
src: url("../webfonts/fa-solid-900.eot");
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fal {
font-family: 'Font Awesome 5 Pro';

File diff suppressed because one or more lines are too long

View File

@ -14,9 +14,9 @@ var myapp_get_color = {
success_200: '#4de5d5',
success_300: '#37e2d0',
success_400: '#21dfcb',
success_500: '#12a680',
success_500: '#22c55e',
success_600: '#1ab3a3',
success_700: '#12a680',
success_700: '#22c55e',
success_800: '#13867a',
success_900: '#107066',
info_50: '#9acffa',

View File

@ -151,7 +151,7 @@
</span>
<div class="ml-auto d-inline-flex align-items-center">
<div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#12a680" sparkfillcolor="false" sparklinewidth="1" values="5,9,7,3,5,2,5,3,9,6"></div>
<div class="sparklines d-inline-flex" sparktype="line" sparkheight="30" sparkwidth="70" sparklinecolor="#22c55e" sparkfillcolor="false" sparklinewidth="1" values="5,9,7,3,5,2,5,3,9,6"></div>
<div class="d-inline-flex flex-column small ml-2">
<span class="d-inline-block badge badge-info opacity-50 text-center p-1 width-6">76%</span>
<span class="d-inline-block badge bg-warning-300 opacity-50 text-center p-1 width-6 mt-1">3%</span>

View File

@ -48,7 +48,7 @@
<h4 class="mb-g mt-2 text-center">
Skin "<strong>Hematite</strong>" <br>
<small>
Change your variables to following: <code>$color-primary: #868e96;</code>, <code>$color-success: #12a680;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #b57d6a;</code>
Change your variables to following: <code>$color-primary: #868e96;</code>, <code>$color-success: #22c55e;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #b57d6a;</code>
</small>
</h4>
<div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px">
@ -102,7 +102,7 @@
<h4 class="mb-g mt-2 text-center">
Skin "<strong>Ruby</strong>" <br>
<small>
Change your variables to following: <code>$color-primary: #ff58a6;</code>, <code>$color-success: #12a680;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #B82132;</code>
Change your variables to following: <code>$color-primary: #ff58a6;</code>, <code>$color-success: #22c55e;</code>, <code>$color-info: #2196F3;</code>, <code>$color-warning: #ffc241;</code>, and <code>$color-danger: #B82132;</code>
</small>
</h4>
<div class="demo-window rounded mb-g shadow-1 m-auto" style="max-width:550px">

View File

@ -79,7 +79,7 @@
</div>
<div class="demo d-flex justify-content-center flex-wrap d-sm-block">
<div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#12a680", "height": 40, "width": "110", "strokeWidth": 1 }'>5,3,9,6,5,9,7,3,5,2</span>
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#22c55e", "height": 40, "width": "110", "strokeWidth": 1 }'>5,3,9,6,5,9,7,3,5,2</span>
</div>
<div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": false, "stroke": "#B82132", "height": 40, "width": "110", "strokeWidth": 2 }'>0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span>
@ -110,11 +110,11 @@
<div class="panel-container show">
<div class="panel-content">
<div class="panel-tag">
Example of line with filling. You can add fill by using inserting <code>data-peity='{ "fill": "#12a680" }'</code>
Example of line with filling. You can add fill by using inserting <code>data-peity='{ "fill": "#22c55e" }'</code>
</div>
<div class="demo d-flex justify-content-center flex-wrap d-sm-block">
<div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": "#12a680", "stroke": "#12a680", "height": 40, "width": "110" }'>5,3,2,-1,-3,-2,2,3,5,2</span>
<span class="peity-line" data-peity='{ "fill": "#22c55e", "stroke": "#22c55e", "height": 40, "width": "110" }'>5,3,2,-1,-3,-2,2,3,5,2</span>
</div>
<div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-line" data-peity='{ "fill": "#fe6bb0", "stroke": "#B82132", "height": 40, "width": "110" }'>1,4,4,7,5,9,10,4,4,7,5,9,10</span>
@ -156,13 +156,13 @@
<span class="peity-bar" data-peity='{ "fill": ["#2164b3","#2164b3","#967bbd","#2164b3"], "height": 40, "width": "110" }'>5,3,9,6,5,9,7,3,5,2</span>
</div>
<div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#2164b3","#12a680"], "height": 40, "width": "110" }'>4,-3,-6,-4,-5,-4,7,-3,-5,2</span>
<span class="peity-bar" data-peity='{ "fill": ["#2164b3","#22c55e"], "height": 40, "width": "110" }'>4,-3,-6,-4,-5,-4,7,-3,-5,2</span>
</div>
<div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#2164b3","#12a680"], "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4</span>
<span class="peity-bar" data-peity='{ "fill": ["#2164b3","#22c55e"], "height": 40, "width": "110" }'>0,1,7,6,4,2,3,5,3,4</span>
</div>
<div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-bar" data-peity='{ "fill": ["#12a680"], "height": 40, "width": "110" }'>0,-1,-7,-6,-4,-2,-3,-5,-3,-4</span>
<span class="peity-bar" data-peity='{ "fill": ["#22c55e"], "height": 40, "width": "110" }'>0,-1,-7,-6,-4,-2,-3,-5,-3,-4</span>
</div>
</div>
</div>
@ -197,7 +197,7 @@
<span class="peity-pie" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span>
</div>
<div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-pie" data-peity='{ "fill": ["#2164b3","#12a680","#2196F3","#ffc241","#fd52a3","#2164b3","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
<span class="peity-pie" data-peity='{ "fill": ["#2164b3","#22c55e","#2196F3","#ffc241","#fd52a3","#2164b3","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
</div>
</div>
</div>
@ -236,7 +236,7 @@
<span class="peity-donut" data-peity='{ "fill": ["#21dfcb","#B82132"], "height": 40, "width": "50" }'>5/10</span>
</div>
<div class="p-3 w-auto text-center d-inline-flex border-faded">
<span class="peity-donut" data-peity='{ "fill": ["#2164b3","#12a680","#2196F3","#ffc241","#fd52a3","#2164b3","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
<span class="peity-donut" data-peity='{ "fill": ["#2164b3","#22c55e","#2196F3","#ffc241","#fd52a3","#2164b3","#6ab8f7","#fe85be"], "height": 40, "width": "50" }'>2,3,4,7,9,10,5,6</span>
</div>
</div>
</div>
@ -323,7 +323,7 @@
<span data-peity='{ "fill": ["#B82132", "#f2f2f2"], "innerRadius": 13, "radius": 37 }'>1/7</span>
<span data-peity='{ "fill": ["#ffc241", "#f2f2f2"], "innerRadius": 10, "radius": 30 }'>2/7</span>
<span data-peity='{ "fill": ["#ffdb8e", "#f2f2f2"], "innerRadius": 20, "radius": 28 }'>3/7</span>
<span data-peity='{ "fill": ["#12a680", "#f2f2f2"], "innerRadius": 20, "radius": 25 }'>4/7</span>
<span data-peity='{ "fill": ["#22c55e", "#f2f2f2"], "innerRadius": 20, "radius": 25 }'>4/7</span>
<span data-peity='{ "fill": ["#2196F3", "#f2f2f2"], "innerRadius": 17, "radius": 21 }'>5/7</span>
<span data-peity='{ "fill": ["#2164b3", "#f2f2f2"], "innerRadius": 15, "radius": 18 }'>6/7</span>
<span data-peity='{ "fill": ["#5d5d5d", "#f2f2f2"], "innerRadius": 13, "radius": 15 }'>7/7</span>

View File

@ -84,7 +84,7 @@
sparkType="line"
sparkHeight="40"
sparkWidth="110"
sparkLineColor="#12a680"
sparkLineColor="#22c55e"
sparkFillColor="false"
sparkLineWidth="2"
values="5,3,9,6,5,9,7,3,5,2"></span>

View File

@ -14,9 +14,9 @@ var myapp_get_color = {
success_200: '#4de5d5',
success_300: '#37e2d0',
success_400: '#21dfcb',
success_500: '#12a680',
success_500: '#22c55e',
success_600: '#1ab3a3',
success_700: '#12a680',
success_700: '#22c55e',
success_800: '#13867a',
success_900: '#107066',
info_50: '#9acffa',

View File

@ -2,7 +2,7 @@
========================================================================== */
/* Looks good on chrome default color profile */
$color-primary: #2164b3;
$color-success: #12a680;
$color-success: #22c55e;
$color-info: #2196F3;
$color-warning: #ffc241;
$color-danger: #B82132;

View File

@ -2,7 +2,7 @@
========================================================================== */
/* Looks good on chrome default color profile */
$color-primary: #2164b3 !default;
$color-success: #12a680 !default;
$color-success: #22c55e !default;
$color-info: #2196F3 !default;
$color-warning: #ffc241 !default;
$color-danger: #B82132 !default;

View File

@ -1,7 +1,7 @@
/* #THEME COLOR (variable overrides)
========================================================================== */
$color-primary: #dd5293;
$color-success: #12a680;
$color-success: #22c55e;
$color-info: #2196F3;
$color-warning: #ffc241;
$color-danger: #B82132;

View File

@ -1,7 +1,7 @@
/* #THEME COLOR (variable overrides)
========================================================================== */
$color-primary: #868e96;
$color-success: #12a680;
$color-success: #22c55e;
$color-info: #2196F3;
$color-warning: #ffc241;
$color-danger: #b57d6a;

View File

@ -20,7 +20,7 @@
<div class="ml-auto d-flex">
<div>
<a href="#" data-toggle="dropdown" class="header-icon d-flex align-items-center justify-content-center">
<div class="rounded-circle bg-fusion-50 width-3 height-3 d-inline-block bg-secondary d-flex align-items-center justify-content-center">
<div class="rounded-circle bg-fusion-50 width-3 height-3 d-inline-block d-flex align-items-center justify-content-center">
<i class="fal fa-user fa-1x"></i>
</div>
<!-- <img src="{{asset('assets/img/demo/avatars/avatar-admin.png')}}" class="profile-image rounded-circle" alt="Administrator"> -->
@ -29,7 +29,7 @@
<div class="dropdown-header d-flex flex-row py-4 rounded-top" style="background: #D9EAFD !important;">
<div class="d-flex flex-row align-items-center mt-1 mb-1 color-black">
<span class="mr-2">
<div class="rounded-circle bg-fusion-50 width-3 height-3 d-inline-block bg-secondary d-flex align-items-center justify-content-center">
<div class="rounded-circle bg-fusion-50 width-3 height-3 d-inline-block d-flex align-items-center justify-content-center">
<i class="fal fa-user fa-1x"></i>
</div>
<!-- <img src="{{asset('assets/img/demo/avatars/avatar-admin.png')}}" class="rounded-circle profile-image" alt="Administrator"> -->

View File

@ -1,12 +1,19 @@
<aside class="page-sidebar">
<div class="page-logo">
<a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut">
<img src="https://banksampah.jakarta.go.id/images/logo-dinas.ico" alt="Logo" style="width:30px;" aria-roledescription="logo">
<span class="page-logo-text fw-500 mr-1">Sekolah Adiwiyata</span>
</a>
<div class="page-logo broder-bottom">
<div class="d-flex flex-row justify-content-center align-items-center">
<div class="">
<!-- <a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut"> -->
<img src="https://banksampah.jakarta.go.id/images/logo-dinas.ico" alt="Logo" style="width:35px;" aria-roledescription="logo">
<!-- </a> -->
</div>
<div class="">
<span class="page-logo-text fw-500 mr-1">Adiwiyata</span>
<p class="ml-2 mb-0">Provinsi DKI Jakarta</p>
</div>
</div>
</div>
<!-- BEGIN PRIMARY NAVIGATION -->
<nav id="js-primary-nav" class="primary-nav" role="navigation">
<nav id="js-primary-nav" class="primary-nav bg-white" role="navigation">
<div class="nav-filter">
<div class="position-relative">
<input type="text" id="nav_filter_input" placeholder="Filter menu" class="form-control" tabindex="0">
@ -15,27 +22,6 @@
</a>
</div>
</div>
<style type="text/css">
.card-sidebar{
background: #D9EAFD!important;
padding: 20px;
text-align: center;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
</style>
<div class="card-sidebar d-none">
<div class="rounded-circle bg-fusion-50 width-5 height-5 d-inline-block bg-secondary">
<i class="fal fa-user fa-1x mt-3"></i>
</div>
<br>
<br>
<span><b>{{session('name')}}</b></span>
<br>
<span class="badge badge-success">
{{session('group_name')}}
</span>
</div>
<ul id="js-nav-menu" class="nav-menu mt-0">
<li class="{{activeMenuClass('modules.dashboard') ? 'active' : ''}}">
<a href="{{url('dashboard')}}" title="Dashboard" data-filter-tags="application intel">
@ -45,7 +31,7 @@
</li>
{!! renderMenu() !!}
<li>
<li class="broder-top">
<a href="{{url('logout')}}" title="Logout" data-filter-tags="application intel">
<i class="fal fa-sign-out"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Keluar</span>

View File

@ -23,6 +23,7 @@
<link rel="stylesheet" href="{{asset('assets/css/sweetalert.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/toast.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/formplugins/select2/select2.bundle.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/custom.css')}}">
<style type="text/css">
.table-nobordered td,.table-nobordered th{
border: none;

View File

@ -1,188 +1,209 @@
@extends('layouts.master')
@section('page-css')
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/datagrid/datatables/datatables.bundle.css')}}">
<style type="text/css">
.listItem{
list-style: none;
margin: 0;
padding: 0;
}
.listItem > li{
display: inline-block;
padding: 10px;
margin: 3px;
border: 1px solid #ddd;
}
.listItem > li:hover{
cursor: pointer;
}
.listItem > li .number{
font-size: 13px;
/* color: #333;*/
/* background: #0ba360 !important;*/
/* padding: 10px;*/
border-radius: 10%;
}
.level{
float: right;
color: #fff;
text-align: center;
width: 100px;
}
</style>
@endsection
@section('content')
<div class="subheader">
<h1 class="subheader-title">
<i class='subheader-icon fal fa-chart-area'></i> Dashboard
</h1>
</div>
<div class="row">
<div class="col-lg-12">
<div class="">
<div class="">
<div class="col-md-12">
<div class="subheader">
<h1 class="subheader-title">
Dashboard
</h1>
</div>
</div>
<div class="col-md-6">
<div class="card h-100">
<div class="card-body">
<div class="row">
<div class="col-md-12 d-none">
<ul class="listItem">
<li class="bg-success text-white">
<h6 class="m-0">
<!-- <div class="rounded-circle bg-fusion-50 width-1 height-1 text-center d-inline-block bg-success"><i class="mt-1 fal fa-check text-white"></i></div>&nbsp; -->
Registrasi Akun
</h6>
</li>
<li class="profile {{@$profile->data_jumlah && @$profile->penghematan_air && @$profile->penghematan_listrik ? 'bg-success text-white' : ''}}">
<h6 class="m-0">
<!-- <div class="rounded-circle bg-fusion-50 width-1 height-1 text-center d-inline-block bg-success"><i class="mt-1 fal fa-check text-white"></i></div>&nbsp; -->
Melengkapi Data Profile
</h6>
</li>
<li class="kuesioner {{@$kuesioner ? 'bg-success text-white' : ''}}">
<h6 class="m-0">
<!-- <div class="rounded-circle bg-fusion-50 width-1 height-1 text-center d-inline-block bg-success"><i class="mt-1 fal fa-check text-white"></i></div>&nbsp; -->
Mengisi Kuesioner Leveling
</h6>
</li>
<li class="{{@$kuesioner->status == 1 ? 'bg-success text-white' : ''}}">
<h6 class="m-0">
<!-- <div class="rounded-circle bg-fusion-50 width-1 height-1 text-center d-inline-block bg-success"><i class="mt-1 fal fa-check text-white"></i></div>&nbsp; -->
Menunggu Diusulkan CSA
</h6>
</li>
<li class="{{@$page == @$penilaian ? 'bg-success text-white' : ''}}">
<h6 class="m-0">
<!-- <div class="rounded-circle bg-fusion-50 width-1 height-1 text-center d-inline-block bg-success"><i class="mt-1 fal fa-check text-white"></i></div>&nbsp; -->
Melengkapi Data CSA
</h6>
</li>
</ul>
</div>
<div class="col-md-4 mt-3">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-3 col-md-3 text-left">
<i class="fal fa-building fa-5x"></i>
</div>
<div class="col-9 col-md-9">
<div class="level rounded-plus bg-fusion-50 width-1 height-1 d-inline-block bg-success">
<h4>Level {{levelAdiwiyata(session('npsn'))}}</h4>
</div>
</div>
<div class="col-md-12">
<div class="d-flex justify-content-between flex-row align-items-center">
<div class="d-flex gap-3 justify-content-start">
<div class="p-3 bg-secondary rounded">
<i class="fal fa-home fa-2x"></i>
</div>
<div>
<h5 class="fw-700">{{session('name')}}</h5>
<p class="mb-0">NPSN: {{session('npsn')}}</p>
<span class="badge bg-primary-light text-primary">{{session('tingkat_sekolah')}}</span>
<span class="badge bg-success-light text-success">{{session('status_sekolah')}}</span>
</div>
</div>
<h4 class="mt-5"><b>{{session('name')}}</b></h4>
<h5 class="text-success">NPSN: {{session('npsn')}}</h5>
<span class="badge badge-primary">{{session('tingkat_sekolah')}}</span>
<span class="badge badge-success">{{session('status_sekolah')}}</span>
<div class="row">
<div class="col-md-12 text-left">
<h5 class="mt-2"><b>ALAMAT</b></h5>
</div>
<div class="col-md-12 text-left">
<p>{{session('alamat_sekolah')}}</p>
</div>
</div>
<div class="row">
<div class="col-md-12 text-left">
<h5 class="mt-2"><b>KONTAK</b></h5>
</div>
<div class="col-md-2 text-left mb-2">
<i class="fal fa-mobile fa-2x"></i>
</div>
<div class="col-md-10 text-left">
<span class="text-muted">{{session('kontak_person')}}</span> <br>
<span class="text-muted">{{session('telp')}}</span>
</div>
</div>
<div class="d-flex justify-content-end">
<h6 class="rounded-plus px-2 py-1 bg-fusion-50 bg-success">Level {{levelAdiwiyata(session('npsn'))}}</h6>
</div>
</div>
</div>
<div class="col-md-8 mt-3">
<div class="card">
<div class="card-body">
<div class="mb-3">
<h4><b>Status Usulan</b></h4>
@if(@$kuesioner || (@$kuesioner->status == 1))
<?php
if(@$kuesioner->level == 0){
$textLevel = 'Kabupaten/Kota';
}elseif(@$kuesioner->level == 1){
$textLevel = 'Provinsi';
}elseif(@$kuesioner->level == 2){
$textLevel = 'Nasional';
}elseif(@$kuesioner->level == 3){
$textLevel = 'Mandiri';
}
?>
<span class="badge badge-primary">Sekolah diusulan untuk menjadi CSA (Calon Sekolah Adiwiyata) {{@$textLevel}}</span>
@else
<div class="alert alert-danger">
Belum ada data usulan
</div>
@endif
<div class="col-md-6 mt-5">
<h6 class="fw-500">KONTAK</h6>
<div class="d-flex flex-row gap-3 justify-content-start mt-3">
<div>
<div class="p-3 bg-secondary rounded">
<i class="fal fa-mobile f20"></i>
</div>
@if(@$kuesioner)
<table class="table table-bordered">
<tr class="bg-success text-white">
<th><b>Status Usulan</b></th>
<th><b>Penghargaan Terakhir</b></th>
<th><b>Tanggal Penetapan SK</b></th>
<th><b>Lampiran SK</b></th>
</tr>
<tr>
<td style="vertical-align: middle;">
<span class="badge badge-warning">{{str_replace('_',' ',\Str::title($log->step))}}</span>
</td>
<td style="vertical-align: middle;">
<?php
if(@$sk->jenis_usulan == 0){
$penghargaan = '<h5>Belum Pernah</h5>';
}elseif(@$sk->jenis_usulan == 1){
$penghargaan = '<h5>Adiwiyata Kab/Kota</h5>';
}elseif(@$sk->jenis_usulan == 2){
$penghargaan = '<h5>Adiwiyata Provinsi</h5>';
}elseif(@$sk->jenis_usulan == 3){
$penghargaan = '<h5>Adiwiyata Nasional</h5>';
}elseif(@$sk->jenis_usulan == 4){
$penghargaan = '<h5>Adiwiyata Mandiri</h5>';
}
?>
{!!$penghargaan!!}
</td>
<td style="vertical-align: middle;">{{@$sk->tanggal_penetapan}}</td>
<td style="vertical-align: middle;">
@if(@$sk)
<a download href="'.asset('uploads/'.@$sk->file).'" class="btn btn-sm btn-warning" style="width: 100%;"><i class="fal fa-download"></i> SK Adiwiyata</a>
@endif
</td>
</tr>
</table>
@endif
</div>
<div class="d-flex flex-column align-items-left justify-content-center">
<span class="text-muted">{{session('kontak_person')}}</span>
<span class="text-muted">{{session('telp')}}</span>
</div>
</div>
</div>
<div class="col-md-6 mt-5">
<h6 class="fw-500">ALAMAT</h6>
<p class="text-muted">{{session('alamat_sekolah')}}</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100">
<div class="card-header bg-white">
<h5 class="fw-500 mb-0">Status Usulan</h5>
</div>
<div class="card-body">
<div class="">
@if(@$kuesioner || (@$kuesioner->status == 1))
<?php
if(@$kuesioner->level == 0){
$textLevel = 'Kabupaten/Kota';
}elseif(@$kuesioner->level == 1){
$textLevel = 'Provinsi';
}elseif(@$kuesioner->level == 2){
$textLevel = 'Nasional';
}elseif(@$kuesioner->level == 3){
$textLevel = 'Mandiri';
}
?>
<div class="alert bg-primary-light text-primary mb-3">
Sekolah diusulan untuk menjadi CSA (Calon Sekolah Adiwiyata) {{@$textLevel}}
</div>
@else
<div class="alert alert-danger">
Belum ada data usulan
</div>
@endif
</div>
<div>
<ul class="liststyle">
<li>
<div class="d-flex gap-2 flex-row">
<div class="bg-success-light rounded-circle p-1"><i class="fal fa-check text-success"></i></div>
<div>Pendaftaran</div>
</div>
</li>
<li>
<div class="d-flex gap-2 flex-row">
<div class="bg-primary-light rounded-circle p-1"><i class="fal fa-recycle text-primary"></i></div>
<div>Pengajuan</div>
</div>
</li>
<li>
<div class="d-flex gap-2 flex-row">
<div class="bg-secondary rounded-circle p-1"><i class="fal fa-clock"></i></div>
<div class="text-muted">Verifikasi</div>
</div>
</li>
</ul>
</div>
@if(@$kuesioner)
<table class="table table-bordered d-none">
<tr class="bg-success text-white">
<th><b>Status Usulan</b></th>
<th><b>Penghargaan Terakhir</b></th>
<th><b>Tanggal Penetapan SK</b></th>
<th><b>Lampiran SK</b></th>
</tr>
<tr>
<td style="vertical-align: middle;">
<span class="badge badge-warning">{{str_replace('_',' ',\Str::title($log->step))}}</span>
</td>
<td style="vertical-align: middle;">
<?php
if(@$sk->jenis_usulan == 0){
$penghargaan = '<h5>Belum Pernah</h5>';
}elseif(@$sk->jenis_usulan == 1){
$penghargaan = '<h5>Adiwiyata Kab/Kota</h5>';
}elseif(@$sk->jenis_usulan == 2){
$penghargaan = '<h5>Adiwiyata Provinsi</h5>';
}elseif(@$sk->jenis_usulan == 3){
$penghargaan = '<h5>Adiwiyata Nasional</h5>';
}elseif(@$sk->jenis_usulan == 4){
$penghargaan = '<h5>Adiwiyata Mandiri</h5>';
}
?>
{!!$penghargaan!!}
</td>
<td style="vertical-align: middle;">{{@$sk->tanggal_penetapan}}</td>
<td style="vertical-align: middle;">
@if(@$sk)
<a download href="'.asset('uploads/'.@$sk->file).'" class="btn btn-sm btn-warning" style="width: 100%;"><i class="fal fa-download"></i> SK Adiwiyata</a>
@endif
</td>
</tr>
</table>
@endif
</div>
</div>
</div>
</div>
<div class="row mt-2">
<div class="col-sm-6 col-xl-3">
<div class="card border-none">
<div class="card-body">
<div class="d-flex gap-3 flex-row">
<div class="p-3 bg-success-light rounded">
<i class="fal fa-users f20 text-success"></i>
</div>
<div>
<h6 class="text-muted">Jumlah Siswa</h6>
<h4 class="fw-500">100</h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card border-none">
<div class="card-body">
<div class="d-flex gap-3 flex-row">
<div class="p-3 bg-primary-light rounded">
<i class="fal fa-users f20 text-primary"></i>
</div>
<div>
<h6 class="text-muted">Jumlah Guru</h6>
<h4 class="fw-500">100</h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card border-none">
<div class="card-body">
<div class="d-flex gap-3 flex-row">
<div class="p-3 bg-info-light rounded">
<i class="fal fa-list-alt f20 text-info"></i>
</div>
<div>
<h6 class="text-muted">Pemenuhan Kriteria</h6>
<h4 class="fw-500">100%</h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card border-none">
<div class="card-body">
<div class="d-flex gap-3 flex-row">
<div class="p-3 bg-warning-light rounded">
<i class="fal fa-list-ol f20 text-warning"></i>
</div>
<div>
<h6 class="text-muted">Program Aktif</h6>
<h4 class="fw-500">100</h4>
</div>
</div>
</div>
</div>

View File

@ -34,12 +34,38 @@
</style>
@endsection
@section('content')
<div class="subheader">
<h1 class="subheader-title">
<i class='subheader-icon fal fa-edit'></i> {{$title}}
</h1>
</div>
<div class="row">
<div class="col-12 mb-3">
<div class="d-flex flex-row justify-content-between">
<div class="d-flex align-items-center">
<div class="subheader mb-0">
<h1 class="subheader-title">
{{$title}}
</h1>
</div>
</div>
<div class="align-items-end">
<div class="card">
<div class="card-body p-2">
<div class="d-flex flex-row gap-3 justify-content-center align-items-center">
<div class="p-2 bg-secondary rounded">
<i class="fal fa-home"></i>
</div>
<div>
<h5 class="fw-700 mb-1">{{session('name')}}</h5>
<p class="mb-0">NPSN: {{session('npsn')}}</p>
</div>
<div class="d-flex flex-column gap-1">
<span class="badge bg-primary-light text-primary">{{session('tingkat_sekolah')}}</span>
<span class="badge bg-success-light text-success">{{session('status_sekolah')}}</span>
<span class="badge bg-info-light text-info">Level {{levelAdiwiyata(session('npsn'))}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
@if ($errors->any())
<div class="alert alert-danger">
@ -55,448 +81,380 @@
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-12 p-3">
<table class="" border="0" style="width:100%">
<tr>
<td rowspan="5" width="5" style="vertical-align: middle; padding-right: 10px;">
<i class="fal fa-building fa-5x"></i>
</td>
</tr>
<tr>
<td colspan="2"><h5 class="text-success">NPSN: {{@$npsn}}</h5></td>
<td rowspan="4" style="vertical-align: top;">
<div class="level rounded-plus bg-fusion-50 width-1 height-1 d-inline-block bg-success">
<h4>Level {{levelAdiwiyata(@$npsn)}}</h4>
</div>
</td>
</tr>
<tr>
<td colspan="2"><h4><b>{{@$nama_sekolah}}</b></h4></td>
</tr>
<tr>
<td colspan="2">
<span class="badge badge-primary">{{@$tingkat}}</span>
<span class="badge badge-success">{{@$status}}</span>
</td>
</tr>
<tr>
<td colspan="2"><p>{{@$alamat_sekolah}}</p></td>
</tr>
</table>
</div>
<div class="col-md-12">
<table class="table">
<tr class="bg-primary text-white">
<td>Apakah Sekolah anda sudah pernah mendapatkan penghargaan adiwiyata? </td>
</tr>
<tr>
<td>
<div class="form-group">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input radioPenghargaan" value="0" {{@$kuesioner->level == 0 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataBelum" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataBelum">Belum</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="1" {{@$kuesioner->level == 1 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataKota" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataKota">Adiwiyata Kab/Kota</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="2" {{@$kuesioner->level == 2 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataProvinsi" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataProvinsi">Adiwiyata Provinsi</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="3" {{@$kuesioner->level == 3 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataNasional" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataNasional">Adiwiyata Nasional</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="4" {{@$kuesioner->level == 4 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataMandiri" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataMandiri">Adiwiyata Mandiri</label>
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>Apakah sekolah anda sudah pernah mendapatkan informasi tentang Gerakan Peduli dan Berbudaya Lingkungan Hidup di Sekolah (GPBLHS) </td>
</tr>
<tr class="belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>
<div class="form-group">
<label class="fw-500 mb-3">Apakah Sekolah anda sudah pernah mendapatkan penghargaan adiwiyata? </label>
<div class="row">
<div class="col-md-6">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input info_pblhs" id="radioGerakanPeduliBelum" value="1" {{@$kuesioner->info_pblhs == '1' ? 'checked' : ''}} name="info_pblhs">
<label class="custom-control-label" for="radioGerakanPeduliBelum">Belum Pernah</label>
<input type="radio" class="custom-control-input radioPenghargaan" value="0" {{@$kuesioner->level == 0 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataBelum" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataBelum">Belum</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input info_pblhs" id="radioGerakanPeduliSudah" value="2" {{@$kuesioner->info_pblhs == '2' ? 'checked' : ''}} name="info_pblhs">
<label class="custom-control-label" for="radioGerakanPeduliSudah">Sudah Pernah</label>
<input type="radio" class="custom-control-input radioPenghargaan" value="1" {{@$kuesioner->level == 1 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataKota" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataKota">Adiwiyata Kab/Kota</label>
</div>
</td>
</tr>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="2" {{@$kuesioner->level == 2 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataProvinsi" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataProvinsi">Adiwiyata Provinsi</label>
</div>
</div>
<div class="col-md-6">
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="3" {{@$kuesioner->level == 3 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataNasional" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataNasional">Adiwiyata Nasional</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="4" {{@$kuesioner->level == 4 ? 'checked' : ''}} id="radioPenghargaanAdiwiyataMandiri" required name="level">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataMandiri">Adiwiyata Mandiri</label>
</div>
</div>
</div>
</div>
<div class="form-group belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<label class="fw-500 mb-3">Apakah sekolah anda sudah pernah mendapatkan informasi tentang Gerakan Peduli dan Berbudaya Lingkungan Hidup di Sekolah (GPBLHS) </label>
<div class="form-group">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input info_pblhs" id="radioGerakanPeduliBelum" value="1" {{@$kuesioner->info_pblhs == '1' ? 'checked' : ''}} name="info_pblhs">
<label class="custom-control-label" for="radioGerakanPeduliBelum">Belum Pernah</label>
</div>
</div>
<div class="form-group">
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input info_pblhs" id="radioGerakanPeduliSudah" value="2" {{@$kuesioner->info_pblhs == '2' ? 'checked' : ''}} name="info_pblhs">
<label class="custom-control-label" for="radioGerakanPeduliSudah">Sudah Pernah</label>
</div>
</div>
</div>
<div class="form-group belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<label class="fw-500 mb-3">Apakah sekolah anda sudah membentuk Tim Adiwiyata Sekolah?</label>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioTimAdiwiyataBelum" value="1" {{@$kuesioner->tim_adiwiyata == 1 ? 'checked' : '' }} name="tim_adiwiyata">
<label class="custom-control-label" for="radioTimAdiwiyataBelum">Belum</label>
</div>
</div>
</div>
<input class="form-control" disabled value="" placeholder="" type="text">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioTimAdiwiyataSudah" value="2" {{@$kuesioner->tim_adiwiyata == 2 ? 'checked' : '' }} name="tim_adiwiyata">
<label class="custom-control-label" for="radioTimAdiwiyataSudah">Sudah</label>
</div>
</div>
</div>
<input class="form-control" name="tim_adiwiyata_nomor_sk" value="{{@$kuesioner->tim_adiwiyata_nomor_sk}}" placeholder="Masukkan nomor SK Tim Adiwiyata" type="text">
<input class="form-control" name="tim_adiwiyata_link" value="{{@$kuesioner->tim_adiwiyata_link}}" placeholder="Masukkan link Google Drive SK Tim Adiwiyata" type="text">
</div>
</div>
</div>
<div class="form-group belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<label class="fw-500 mb-3">Jika pernah, dari media apa mendapatkannya, dan sebutkan nama instansi penyelenggaranya ?</label>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="1" {{ in_array(1, @$selectedMediaValues) ? 'checked' : '' }} id="checkSosialisasi">
<label class="custom-control-label" for="checkSosialisasi">Sosialisasi</label>
</div>
</div>
</div>
<input type="text" name="media_text[sosialisasi]" value="{{ @$selectedMediaTexts['sosialisasi']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
</div>
</div>
<!-- Belum Pernah -->
<tr class="bg-primary text-white belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>Apakah sekolah anda sudah membentuk Tim Adiwiyata Sekolah?</td>
</tr>
<tr class="belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioTimAdiwiyataBelum" value="1" {{@$kuesioner->tim_adiwiyata == 1 ? 'checked' : '' }} name="tim_adiwiyata">
<label class="custom-control-label" for="radioTimAdiwiyataBelum">Belum</label>
</div>
</div>
</div>
<input class="form-control" disabled value="" placeholder="" type="text">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="2" {{ in_array(2, @$selectedMediaValues) ? 'checked' : '' }} id="checkBimtek">
<label class="custom-control-label" for="checkBimtek">Bimtek</label>
</div>
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioTimAdiwiyataSudah" value="2" {{@$kuesioner->tim_adiwiyata == 2 ? 'checked' : '' }} name="tim_adiwiyata">
<label class="custom-control-label" for="radioTimAdiwiyataSudah">Sudah</label>
</div>
</div>
</div>
<input class="form-control" name="tim_adiwiyata_nomor_sk" value="{{@$kuesioner->tim_adiwiyata_nomor_sk}}" placeholder="Masukkan nomor SK Tim Adiwiyata" type="text">
<input class="form-control" name="tim_adiwiyata_link" value="{{@$kuesioner->tim_adiwiyata_link}}" placeholder="Masukkan link Google Drive SK Tim Adiwiyata" type="text">
</div>
</div>
</td>
</tr>
<input type="text" name="media_text[bimtek]" value="{{ @$selectedMediaTexts['bimtek']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
</div>
</div>
<tr class="bg-primary text-white belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>Jika pernah, dari media apa mendapatkannya, dan sebutkan nama instansi penyelenggaranya ? </td>
</tr>
<tr class="belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<?php
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="3" {{ in_array(3, @$selectedMediaValues) ? 'checked' : '' }} id="checkWebinar">
<label class="custom-control-label" for="checkWebinar">Webinar</label>
</div>
</div>
</div>
<input type="text" name="media_text[webinar]" value="{{ @$selectedMediaTexts['webinar']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
</div>
</div>
?>
<td>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="1" {{ in_array(1, @$selectedMediaValues) ? 'checked' : '' }} id="checkSosialisasi">
<label class="custom-control-label" for="checkSosialisasi">Sosialisasi</label>
</div>
</div>
</div>
<input type="text" name="media_text[sosialisasi]" value="{{ @$selectedMediaTexts['sosialisasi']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="4" {{ in_array(4, @$selectedMediaValues) ? 'checked' : '' }} id="checkYoutube">
<label class="custom-control-label" for="checkYoutube">Youtube</label>
</div>
</div>
</div>
<input type="text" name="media_text[youtube]" value="{{ @$selectedMediaTexts['youtube']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="2" {{ in_array(2, @$selectedMediaValues) ? 'checked' : '' }} id="checkBimtek">
<label class="custom-control-label" for="checkBimtek">Bimtek</label>
</div>
</div>
</div>
<input type="text" name="media_text[bimtek]" value="{{ @$selectedMediaTexts['bimtek']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="5" {{ in_array(5, @$selectedMediaValues) ? 'checked' : '' }} id="checkLain">
<label class="custom-control-label" for="checkLain">Lain-lain</label>
</div>
</div>
</div>
<input type="text" name="media_text[lainlain]" value="{{ @$selectedMediaTexts['lainlain']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
</div>
</div>
</div>
<div class="form-group belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<label class="fw-500 mb-3">Materi apa saja yang masih kurang Anda pahami?</label>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="1" {{ in_array(1, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriKebijakan">
<label class="custom-control-label" for="checkMateriKebijakan">Kebijakan Gerakan PBLHS</label>
</div>
</div>
</div>
<input type="text" name="materi_text[kebijakan]" value="{{ @$selectedMateriTexts['kebijakan']->text ?? '' }}" class="form-control materi" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="3" {{ in_array(3, @$selectedMediaValues) ? 'checked' : '' }} id="checkWebinar">
<label class="custom-control-label" for="checkWebinar">Webinar</label>
</div>
</div>
</div>
<input type="text" name="media_text[webinar]" value="{{ @$selectedMediaTexts['webinar']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="2" {{ in_array(2, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriPerencanaan">
<label class="custom-control-label" for="checkMateriPerencanaan">Perencanaan Gerakan PBLHS</label>
</div>
</div>
</div>
<input type="text" name="materi_text[perencanaan]" value="{{ @$selectedMateriTexts['perencanaan']->text ?? '' }}" class="form-control materi" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="4" {{ in_array(4, @$selectedMediaValues) ? 'checked' : '' }} id="checkYoutube">
<label class="custom-control-label" for="checkYoutube">Youtube</label>
</div>
</div>
</div>
<input type="text" name="media_text[youtube]" value="{{ @$selectedMediaTexts['youtube']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="3" {{ in_array(3, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriPelaksanaan">
<label class="custom-control-label" for="checkMateriPelaksanaan">Pelaksanaan Gerakan PBLHS</label>
</div>
</div>
</div>
<input type="text" name="materi_text[pelaksanaan]" value="{{ @$selectedMateriTexts['pelaksanaan']->text ?? '' }}" class="form-control materi" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input media" name="media[]" value="5" {{ in_array(5, @$selectedMediaValues) ? 'checked' : '' }} id="checkLain">
<label class="custom-control-label" for="checkLain">Lain-lain</label>
</div>
</div>
</div>
<input type="text" name="media_text[lainlain]" value="{{ @$selectedMediaTexts['lainlain']->text ?? '' }}" class="form-control media" placeholder="Tulis Instansi Penyelenggara">
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>Materi apa saja yang masih kurang Anda pahami? </td>
</tr>
<tr class="belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="1" {{ in_array(1, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriKebijakan">
<label class="custom-control-label" for="checkMateriKebijakan">Kebijakan Gerakan PBLHS</label>
</div>
</div>
</div>
<input type="text" name="materi_text[kebijakan]" value="{{ @$selectedMateriTexts['kebijakan']->text ?? '' }}" class="form-control materi" placeholder="">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="4" {{ in_array(4, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriPemantauan">
<label class="custom-control-label" for="checkMateriPemantauan">Pemantauan dan Evaluasi Gerakan PBLHS</label>
</div>
</div>
</div>
<input type="text" name="materi_text[pemantauan]" value="{{ @$selectedMateriTexts['pemantauan']->text ?? '' }}" class="form-control materi" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="2" {{ in_array(2, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriPerencanaan">
<label class="custom-control-label" for="checkMateriPerencanaan">Perencanaan Gerakan PBLHS</label>
</div>
</div>
</div>
<input type="text" name="materi_text[perencanaan]" value="{{ @$selectedMateriTexts['perencanaan']->text ?? '' }}" class="form-control materi" placeholder="">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="5" {{ in_array(5, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriLain">
<label class="custom-control-label" for="checkMateriLain">Lain-lain</label>
</div>
</div>
</div>
<input type="text" name="materi_text[lainlain]" value="{{ @$selectedMateriTexts['lainlain']->text ?? '' }}" class="form-control materi" placeholder="">
</div>
</div>
</div>
<div class="form-group belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<label class="fw-500 mb-3">Apakah sekolah anda bersedia untuk berkomitmen melaksanakan Gerakan PBLHS secara berkelanjutan? </label>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioKomitmenBersedia" value="1" {{ in_array(1, @$selectedKomitmenValues) ? 'checked' : '' }} name="komitmen">
<label class="custom-control-label" for="radioKomitmenBersedia">Bersedia</label>
</div>
</div>
</div>
<input type="text" name="komitmen_text[bersedia]" value="{{ @$selectedKomitmenTexts['bersedia']->text ?? '' }}" disabled class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioKomitmenTidakBersedia" value="2" {{ in_array(2, @$selectedKomitmenValues) ? 'checked' : '' }} name="komitmen">
<label class="custom-control-label" for="radioKomitmenTidakBersedia">Tidak Bersedia</label>
</div>
</div>
</div>
<input type="text" name="komitmen_text[tidak_bersedia]" value="{{ @$selectedKomitmenTexts['tidak_bersedia']->text ?? '' }}" class="form-control" placeholder="">
</div>
</div>
</div>
<div class="form-group belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<label class="fw-500 mb-3">Kegiatan/aksi lingkungan yang pernah dilakukan oleh warga sekolah?</label>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkPemilahanSampah" value="1" {{ in_array(1, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkPemilahanSampah">Pemilahan Sampah</label>
</div>
</div>
</div>
<input type="text" name="kegiatan_lingkungan_text[pemilahan_sampah]" value="{{ @$selectedKegiatanLingkunganTexts['pemilahan_sampah']->text ?? '' }}" disabled class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="3" {{ in_array(3, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriPelaksanaan">
<label class="custom-control-label" for="checkMateriPelaksanaan">Pelaksanaan Gerakan PBLHS</label>
</div>
</div>
</div>
<input type="text" name="materi_text[pelaksanaan]" value="{{ @$selectedMateriTexts['pelaksanaan']->text ?? '' }}" class="form-control materi" placeholder="">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkPenanamanPohon" value="2" {{ in_array(2, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkPenanamanPohon">Penanaman Pohon</label>
</div>
</div>
</div>
<input type="text" name="kegiatan_lingkungan_text[penanaman_pohon]" value="{{ @$selectedKegiatanLingkunganTexts['penanaman_pohon']->text ?? '' }}" disabled class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="4" {{ in_array(4, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriPemantauan">
<label class="custom-control-label" for="checkMateriPemantauan">Pemantauan dan Evaluasi Gerakan PBLHS</label>
</div>
</div>
</div>
<input type="text" name="materi_text[pemantauan]" value="{{ @$selectedMateriTexts['pemantauan']->text ?? '' }}" class="form-control materi" placeholder="">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkKegiatan1" value="3" {{ in_array(3, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkKegiatan1">Kegiatan/aksi lainnya</label>
</div>
</div>
</div>
<input type="text" name="kegiatan_lingkungan_text[kegiatan_1]" value="{{ @$selectedKegiatanLingkunganTexts['kegiatan_1']->text ?? '' }}" class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input materi" name="materi[]" value="5" {{ in_array(5, @$selectedMateriValues) ? 'checked' : '' }} id="checkMateriLain">
<label class="custom-control-label" for="checkMateriLain">Lain-lain</label>
</div>
</div>
</div>
<input type="text" name="materi_text[lainlain]" value="{{ @$selectedMateriTexts['lainlain']->text ?? '' }}" class="form-control materi" placeholder="">
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>Apakah sekolah anda bersedia untuk berkomitmen melaksanakan Gerakan PBLHS secara berkelanjutan? </td>
</tr>
<tr class="belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioKomitmenBersedia" value="1" {{ in_array(1, @$selectedKomitmenValues) ? 'checked' : '' }} name="komitmen">
<label class="custom-control-label" for="radioKomitmenBersedia">Bersedia</label>
</div>
</div>
</div>
<input type="text" name="komitmen_text[bersedia]" value="{{ @$selectedKomitmenTexts['bersedia']->text ?? '' }}" disabled class="form-control" placeholder="">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkKegiatan2" value="4" {{ in_array(4, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkKegiatan2">Kegiatan/aksi lainnya</label>
</div>
</div>
</div>
<input type="text" name="kegiatan_lingkungan_text[kegiatan_2]" value="{{ @$selectedKegiatanLingkunganTexts['kegiatan_2']->text ?? '' }}" class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioKomitmenTidakBersedia" value="2" {{ in_array(2, @$selectedKomitmenValues) ? 'checked' : '' }} name="komitmen">
<label class="custom-control-label" for="radioKomitmenTidakBersedia">Tidak Bersedia</label>
</div>
</div>
</div>
<input type="text" name="komitmen_text[tidak_bersedia]" value="{{ @$selectedKomitmenTexts['tidak_bersedia']->text ?? '' }}" class="form-control" placeholder="">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkKegiatan3" value="5" {{ in_array(5, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkKegiatan3">Kegiatan/aksi lainnya</label>
</div>
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>Kegiatan/aksi lingkungan yang pernah dilakukan oleh warga sekolah?</td>
</tr>
<tr class="belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkPemilahanSampah" value="1" {{ in_array(1, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkPemilahanSampah">Pemilahan Sampah</label>
</div>
</div>
</div>
<input type="text" name="kegiatan_lingkungan_text[pemilahan_sampah]" value="{{ @$selectedKegiatanLingkunganTexts['pemilahan_sampah']->text ?? '' }}" disabled class="form-control" placeholder="">
<input type="text" name="kegiatan_lingkungan_text[kegiatan_3]" value="{{ @$selectedKegiatanLingkunganTexts['kegiatan_3']->text ?? '' }}" class="form-control" placeholder="">
</div>
</div>
</div>
<div class="form-group belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<label class="fw-500 mb-3">Pihak yang terlibat dalam menjalankan kegiatan/aksi lingkungan </label>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkInternalWarga" value="1" {{ in_array(1, @$selectedPihakKegiatanLingkunganValues) ? 'checked' : '' }} name="pihak_kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkInternalWarga">Internal warga sekolah</label>
</div>
</div>
</div>
<input type="text" name="pihak_kegiatan_lingkungan_text[internal]" value="{{ @$selectedPihakKegiatanLingkunganTexts['internal']->text ?? '' }}" disabled disabled class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkPenanamanPohon" value="2" {{ in_array(2, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkPenanamanPohon">Penanaman Pohon</label>
</div>
</div>
</div>
<input type="text" name="kegiatan_lingkungan_text[penanaman_pohon]" value="{{ @$selectedKegiatanLingkunganTexts['penanaman_pohon']->text ?? '' }}" disabled class="form-control" placeholder="">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkBekerjasama" value="2" {{ in_array(2, @$selectedPihakKegiatanLingkunganValues) ? 'checked' : '' }} name="pihak_kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkBekerjasama">Bekerjasama dengan Pihak Lainnya</label>
</div>
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkKegiatan1" value="3" {{ in_array(3, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkKegiatan1">Kegiatan/aksi lainnya</label>
</div>
</div>
</div>
<input type="text" name="kegiatan_lingkungan_text[kegiatan_1]" value="{{ @$selectedKegiatanLingkunganTexts['kegiatan_1']->text ?? '' }}" class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkKegiatan2" value="4" {{ in_array(4, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkKegiatan2">Kegiatan/aksi lainnya</label>
</div>
</div>
</div>
<input type="text" name="kegiatan_lingkungan_text[kegiatan_2]" value="{{ @$selectedKegiatanLingkunganTexts['kegiatan_2']->text ?? '' }}" class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkKegiatan3" value="5" {{ in_array(5, @$selectedKegiatanLingkunganValues) ? 'checked' : '' }} name="kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkKegiatan3">Kegiatan/aksi lainnya</label>
</div>
</div>
</div>
<input type="text" name="kegiatan_lingkungan_text[kegiatan_3]" value="{{ @$selectedKegiatanLingkunganTexts['kegiatan_3']->text ?? '' }}" class="form-control" placeholder="">
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>Pihak yang terlibat dalam menjalankan kegiatan/aksi lingkungan </td>
</tr>
<tr class="belumPernah {{@$kuesioner->level == 0 ? '' : 'd-none'}}">
<td>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkInternalWarga" value="1" {{ in_array(1, @$selectedPihakKegiatanLingkunganValues) ? 'checked' : '' }} name="pihak_kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkInternalWarga">Internal warga sekolah</label>
</div>
</div>
</div>
<input type="text" name="pihak_kegiatan_lingkungan_text[internal]" value="{{ @$selectedPihakKegiatanLingkunganTexts['internal']->text ?? '' }}" disabled disabled class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkBekerjasama" value="2" {{ in_array(2, @$selectedPihakKegiatanLingkunganValues) ? 'checked' : '' }} name="pihak_kegiatan_lingkungan[]">
<label class="custom-control-label" for="checkBekerjasama">Bekerjasama dengan Pihak Lainnya</label>
</div>
</div>
</div>
<input type="text" name="pihak_kegiatan_lingkungan_text[eksternal]" value="{{ @$selectedPihakKegiatanLingkunganTexts['eksternal']->text ?? '' }}" class="form-control" placeholder="">
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white sudahPernah {{@$kuesioner->level != 0 ? '' : 'd-none'}}">
<td>Jika sudah pernah mendapatkan penghargaan adiwiyata, tahun berapa sekolah anda mendapatkan penghargaan adiwiyata? </td>
</tr>
<tr class="sudahPernah {{@$kuesioner->level != 0 ? '' : 'd-none'}}">
<td>
<div class="form-group">
<label>Tahun perolehan penghargaaan (kosongkan jika belum adiwiyata)</label>
<select class="form-control form-control-sm tahun_penghargaan" name="tahun_penghargaan">
<option value="">Pilih Tahun</option>
@for($i = (date('Y')-5); $i <= (date('Y')); $i++)
<option {{@$kuesioner->tahun_penghargaan == $i ? 'selected' : ''}} value="{{$i}}">{{$i}}</option>
@endfor
</select>
</div>
<div class="form-group">
<label>Link SK adiwiyata / perpanjangan (kosongkan jika belum mendapat adiwiyata)</label>
<input type="text" value="{{@$kuesioner->link_sk_adiwiyata}}" class="form-control form-control-sm link_sk_adiwiyata" name="link_sk_adiwiyata" placeholder="Link SK adiwiyata / perpanjangan (kosongkan jika belum mendapat adiwiyata)">
</div>
</td>
</tr>
</table>
<input type="text" name="pihak_kegiatan_lingkungan_text[eksternal]" value="{{ @$selectedPihakKegiatanLingkunganTexts['eksternal']->text ?? '' }}" class="form-control" placeholder="">
</div>
</div>
</div>
<div class="form-group sudahPernah {{@$kuesioner->level != 0 ? '' : 'd-none'}}">
<label class="fw-500 mb-3">Jika sudah pernah mendapatkan penghargaan adiwiyata, tahun berapa sekolah anda mendapatkan penghargaan adiwiyata?</label>
<div class="form-group">
<label>Tahun perolehan penghargaaan (kosongkan jika belum adiwiyata)</label>
<select class="form-control form-control-sm tahun_penghargaan" name="tahun_penghargaan">
<option value="">Pilih Tahun</option>
@for($i = (date('Y')-5); $i <= (date('Y')); $i++)
<option {{@$kuesioner->tahun_penghargaan == $i ? 'selected' : ''}} value="{{$i}}">{{$i}}</option>
@endfor
</select>
</div>
<div class="form-group">
<label>Link SK adiwiyata / perpanjangan (kosongkan jika belum mendapat adiwiyata)</label>
<input type="text" value="{{@$kuesioner->link_sk_adiwiyata}}" class="form-control form-control-sm link_sk_adiwiyata" name="link_sk_adiwiyata" placeholder="Link SK adiwiyata / perpanjangan (kosongkan jika belum mendapat adiwiyata)">
</div>
</div>
@if(!@$kuesioner)
<div class="form-group">
<button class="btn btn-success" id="btn-save">Simpan</button>
</div>
@endif
</div>
</div>
</div>
@if(!@$kuesioner)
<div class="card-footer">
<button class="btn btn-success" id="btn-save">Simpan</button>
</div>
@endif
</div>
</form>
</div>

View File

@ -34,12 +34,39 @@
</style>
@endsection
@section('content')
<div class="subheader">
<h1 class="subheader-title">
<i class='subheader-icon fal fa-building'></i> {{$title}}
</h1>
</div>
<div class="row">
<div class="col-12 mb-3">
<div class="d-flex flex-row justify-content-between">
<div class="d-flex align-items-center">
<div class="subheader mb-0">
<h1 class="subheader-title">
{{$title}}
</h1>
</div>
</div>
<div class="align-items-end">
<div class="card">
<div class="card-body p-2">
<div class="d-flex flex-row gap-3 justify-content-center align-items-center">
<div class="p-2 bg-secondary rounded">
<i class="fal fa-home"></i>
</div>
<div>
<h5 class="fw-700 mb-1">{{session('name')}}</h5>
<p class="mb-0">NPSN: {{session('npsn')}}</p>
</div>
<div class="d-flex flex-column gap-1">
<span class="badge bg-primary-light text-primary">{{session('tingkat_sekolah')}}</span>
<span class="badge bg-success-light text-success">{{session('status_sekolah')}}</span>
<span class="badge bg-info-light text-info">Level {{levelAdiwiyata(session('npsn'))}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
@if ($errors->any())
<div class="alert alert-danger">
@ -53,58 +80,20 @@
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-4 mt-3">
<div class="row">
<div class="col-3 col-md-3 text-left">
<i class="fal fa-building fa-5x"></i>
</div>
<div class="col-9 col-md-9">
<div class="level rounded-plus bg-fusion-50 width-1 height-1 d-inline-block bg-success">
<h4>Level {{levelAdiwiyata(session('npsn'))}}</h4>
</div>
</div>
</div>
<h4 class="mt-5"><b>{{session('name')}}</b></h4>
<h5 class="text-success">NPSN: {{session('npsn')}}</h5>
<span class="badge badge-primary">{{session('tingkat_sekolah')}}</span>
<span class="badge badge-success">{{session('status_sekolah')}}</span>
<div class="row">
<div class="col-md-12 text-left">
<h5 class="mt-2"><b>ALAMAT</b></h5>
</div>
<div class="col-md-12 text-left">
<p>{{session('alamat_sekolah')}}</p>
</div>
</div>
<div class="row">
<div class="col-md-12 text-left">
<h5 class="mt-2"><b>KONTAK</b></h5>
</div>
<div class="col-md-2 text-left mb-2">
<i class="fal fa-mobile fa-2x"></i>
</div>
<div class="col-md-10 text-left">
<span class="text-muted">{{session('kontak_person')}}</span> <br>
<span class="text-muted">{{session('telp')}}</span>
</div>
</div>
</div>
<div class="col-md-8 mt-3">
<div class="col-md-12">
<form id="form" action="{{route($route.'.store')}}" method="POST">
{{csrf_field()}}
<div id="panel-1" class="card">
<div class="card-body show">
<div class="panel-content">
<ul class="nav nav-tabs badge-primary" role="tablist">
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#usulan" role="tab">Usulan</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#jumlah" role="tab">Data Jumlah</a></li>
<div class="panel-content mb-3">
<ul class="nav nav-tabs" role="tablist">
<!-- <li class="nav-item d-none"><a class="nav-link active" data-toggle="tab" href="#usulan" role="tab">Usulan</a></li> -->
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#jumlah" role="tab">Data Jumlah</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#air" role="tab">Penghematan Air</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#listrik" role="tab">Penghematan Listrik</a></li>
</ul>
<div class="tab-content pt-3">
<div class="tab-pane fade show active" id="usulan" role="tabpanel">
<!-- <div class="tab-pane fade show active d-none" id="usulan" role="tabpanel">
<table class="table table-bordered">
<tr class="bg-success text-white">
<th><b>Penghargaan Terakhir</b></th>
@ -134,126 +123,91 @@
</tr>
@endif
</table>
</div>
<div class="tab-pane fade" id="jumlah" role="tabpanel">
<table class="table">
<tbody>
<tr>
<td colspan="2" class="bg-success text-white">Data Jumlah</td>
</tr>
<tr>
<th scope="row"> Jumlah Peserta Didik</th>
<td>
<input name="jumlah_peserta_didik" value="{{@$jumlah_peserta_didik ? @$jumlah_peserta_didik : old('jumlah_peserta_didik')}}" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah peserta didik">
</td>
</tr>
<tr>
<th scope="row"> Jumlah Tenaga Pendidik</th>
<td>
<input name="jumlah_tenaga_pendidik" value="{{@$jumlah_tenaga_pendidik ? @$jumlah_tenaga_pendidik : old('jumlah_tenaga_pendidik')}}" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah tenaga pendidik">
</td>
</tr>
<tr>
<th scope="row"> Jumlah Tenaga kependidikan</th>
<td>
<input name="jumlah_tenaga_kependidikan" value="{{@$jumlah_tenaga_kependidikan ? @$jumlah_tenaga_kependidikan : old('jumlah_tenaga_kependidikan')}}" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah tenaga kependidikan">
</td>
</tr>
<tr>
<th scope="row"> Jumlah Warga Sekolah Lainnya</th>
<td>
<input name="jumlah_warga_sekolah_lainnya" value="{{@$jumlah_warga_sekolah_lainnya ? @$jumlah_warga_sekolah_lainnya : old('jumlah_warga_sekolah_lainnya')}}" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah warga lainnya (cont:petugas kebersihan, petugas keamanan, petugas kantin, dll)">
</td>
</tr>
<tr>
<th scope="row"> Jumlah Biopori</th>
<td>
<input name="jumlah_biopori" value="{{@$jumlah_biopori ? @$jumlah_biopori : old('jumlah_biopori')}}" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah biopori">
</td>
</tr>
<tr>
<th scope="row"> Jumlah Sumur Resapan</th>
<td>
<input name="jumlah_sumur_resapan" value="{{@$jumlah_sumur_resapan ? @$jumlah_sumur_resapan : old('jumlah_sumur_resapan')}}" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah sumur resapan">
</td>
</tr>
<tr>
<th scope="row"> Jumlah Pohon/Tanaman yang ditanam dan tumbuh</th>
<td>
<input name="jumlah_pohon" value="{{@$jumlah_pohon ? @$jumlah_pohon : old('jumlah_pohon')}}" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah pohon tanaman">
</td>
</tr>
</tbody>
</table>
</div> -->
<div class="tab-pane fade show active" id="jumlah" role="tabpanel">
<div class="row mt-3">
<div class="col-md-6">
<div class="form-group">
<label class="fw-500">Jumlah Peserta Didik</label>
<input name="jumlah_peserta_didik" value="{{@$jumlah_peserta_didik ? @$jumlah_peserta_didik : old('jumlah_peserta_didik')}}" type="text" class="numberInput form-control " placeholder="jumlah peserta didik">
</div>
<div class="form-group">
<label class="fw-500">Jumlah Tenaga Pendidik</label>
<input name="jumlah_tenaga_pendidik" value="{{@$jumlah_tenaga_pendidik ? @$jumlah_tenaga_pendidik : old('jumlah_tenaga_pendidik')}}" type="text" class="numberInput form-control " placeholder="jumlah tenaga pendidik">
</div>
<div class="form-group">
<label class="fw-500">Jumlah Tenaga kependidikan</label>
<input name="jumlah_tenaga_kependidikan" value="{{@$jumlah_tenaga_kependidikan ? @$jumlah_tenaga_kependidikan : old('jumlah_tenaga_kependidikan')}}" type="text" class="numberInput form-control " placeholder="jumlah tenaga kependidikan">
</div>
<div class="form-group">
<label class="fw-500">Jumlah Warga Sekolah Lainnya</label>
<input name="jumlah_warga_sekolah_lainnya" value="{{@$jumlah_warga_sekolah_lainnya ? @$jumlah_warga_sekolah_lainnya : old('jumlah_warga_sekolah_lainnya')}}" type="text" class="numberInput form-control " placeholder="jumlah warga lainnya (cont:petugas kebersihan, petugas keamanan, petugas kantin, dll)">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="fw-500">Jumlah Biopori</label>
<input name="jumlah_biopori" value="{{@$jumlah_biopori ? @$jumlah_biopori : old('jumlah_biopori')}}" type="text" class="numberInput form-control " placeholder="jumlah biopori">
</div>
<div class="form-group">
<label class="fw-500">Jumlah Sumur Resapan</label>
<input name="jumlah_sumur_resapan" value="{{@$jumlah_sumur_resapan ? @$jumlah_sumur_resapan : old('jumlah_sumur_resapan')}}" type="text" class="numberInput form-control " placeholder="jumlah sumur resapan">
</div>
<div class="form-group">
<label class="fw-500">Jumlah Pohon/Tanaman yang ditanam dan tumbuh</label>
<input name="jumlah_pohon" value="{{@$jumlah_pohon ? @$jumlah_pohon : old('jumlah_pohon')}}" type="text" class="numberInput form-control " placeholder="jumlah pohon tanaman">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="air" role="tabpanel">
<table class="table">
<tbody>
<tr>
<td colspan="2" scope="row" class="bg-success text-white">Penghematan air sebelum dan setelah melaksanakan gerakan PBLHS :</td>
</tr>
<tr>
<th scope="row"> Sebelum melaksanakan gerakan PBLHS <br> <small class="text-info">(Meter Kubik/Bulan)</small></th>
<td>
<input name="air_sebelum_pblhs" value="{{@$air_sebelum_pblhs ? @$air_sebelum_pblhs : old('air_sebelum_pblhs')}}" type="text" class="numberInput form-control form-control-sm" placeholder="rata-rata per bulan dalam meter kubik">
</td>
</tr>
<tr>
<th scope="row"> Setelah melaksanakan gerakan PBLHS <br> <small class="text-info">(Meter Kubik/Bulan dalam Tahun ajaran 2022/2023)</small></th>
<td>
<input name="air_setelah_pblhs" value="{{@$air_setelah_pblhs ? @$air_setelah_pblhs : old('air_setelah_pblhs')}}" type="text" class="numberInput form-control form-control-sm" placeholder="rata-rata per bulan dalam meter kubik">
</td>
</tr>
</tbody>
</table>
<div class="alert bg-primary-light">
<p class="mb-0 text-primary">Penghematan air sebelum dan setelah melaksanakan gerakan PBLHS</p>
</div>
<div class="form-group">
<label class="fw-500">Sebelum melaksanakan gerakan PBLHS <small class="text-warning">(Meter Kubik/Bulan)</small></label>
<input name="air_sebelum_pblhs" value="{{@$air_sebelum_pblhs ? @$air_sebelum_pblhs : old('air_sebelum_pblhs')}}" type="text" class="numberInput form-control" placeholder="rata-rata per bulan dalam meter kubik">
</div>
<div class="form-group">
<label class="fw-500">Setelah melaksanakan gerakan PBLHS <small class="text-warning">(Meter Kubik/Bulan dalam Tahun ajaran 2022/2023)</small></label>
<input name="air_setelah_pblhs" value="{{@$air_setelah_pblhs ? @$air_setelah_pblhs : old('air_setelah_pblhs')}}" type="text" class="numberInput form-control" placeholder="rata-rata per bulan dalam meter kubik">
</div>
</div>
<div class="tab-pane fade" id="listrik" role="tabpanel">
<table class="table">
<tbody>
<tr>
<td colspan="2" scope="row" class="bg-success text-white">Penghematan listrik sebelum dan setelah melaksanakan gerakan PBLHS :</td>
</tr>
<tr>
<th scope="row"> Sebelum melaksanakan gerakan PBLHS <br> <small class="text-info">(KWH/Bulan)</small><br> <small class="text-info"></small>
</th>
<td>
<input name="listrik_sebelum_pblhs" value="{{@$listrik_sebelum_pblhs ? @$listrik_sebelum_pblhs : old('listrik_sebelum_pblhs')}}" type="text" class="numberInput form-control form-control-sm" placeholder="rata-rata per bulan dalam kwh">
</td>
</tr>
<tr>
<th scope="row"> Setelah melaksanakan gerakan PBLHS <br> <small class="text-info">(KWH/Bulan dalam Tahun ajaran 2022/2023)</small></th>
<td>
<input name="listrik_setelah_pblhs" value="{{@$listrik_setelah_pblhs ? @$listrik_setelah_pblhs : old('listrik_setelah_pblhs')}}" type="text" class="numberInput form-control form-control-sm" placeholder="rata-rata per bulan dalam kwh">
</td>
</tr>
<tr>
<th scope="row"> Luas ruangan ber AC</th>
<td>
<input name="luas_ruangan_ac" value="{{@$luas_ruangan_ac ? @$luas_ruangan_ac : old('luas_ruangan_ac')}}" type="text" class="numberInput form-control form-control-sm" placeholder="dalam satuan meter persegi">
</td>
</tr>
<tr>
<th scope="row"> Luas ruangan non AC</th>
<td>
<input name="luas_ruangan_non_ac" value="{{@$luas_ruangan_non_ac ? @$luas_ruangan_non_ac : old('luas_ruangan_non_ac')}}" type="text" class="numberInput form-control form-control-sm" placeholder="dalam satuan meter persegi">
</td>
</tr>
<tr>
<th scope="row"> Jumlah Kader</th>
<td>
<input name="jumlah_kader" value="{{@$jumlah_kader ? @$jumlah_kader : old('jumlah_kader')}}" type="text" class="numberInput form-control form-control-sm" placeholder="jml kader yang dibentuk dan diberdayakan selama pelaksanaan gerakan PBLHS">
</td>
</tr>
</tbody>
</table>
<div class="alert bg-primary-light">
<p class="mb-0 text-primary">Penghematan listrik sebelum dan setelah melaksanakan gerakan PBLHS</p>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="fw-500">Sebelum melaksanakan gerakan PBLHS <small class="text-warning">(KWH/Bulan)</small></label>
<input name="listrik_sebelum_pblhs" value="{{@$listrik_sebelum_pblhs ? @$listrik_sebelum_pblhs : old('listrik_sebelum_pblhs')}}" type="text" class="numberInput form-control" placeholder="rata-rata per bulan dalam kwh">
</div>
<div class="form-group">
<label class="fw-500">Setelah melaksanakan gerakan PBLHS <small class="text-warning">(KWH/Bulan dalam Tahun ajaran 2022/2023)</small></label>
<input name="listrik_setelah_pblhs" value="{{@$listrik_setelah_pblhs ? @$listrik_setelah_pblhs : old('listrik_setelah_pblhs')}}" type="text" class="numberInput form-control" placeholder="rata-rata per bulan dalam kwh">
</div>
<div class="form-group">
<label class="fw-500">Luas ruangan ber AC</label>
<input name="luas_ruangan_ac" value="{{@$luas_ruangan_ac ? @$luas_ruangan_ac : old('luas_ruangan_ac')}}" type="text" class="numberInput form-control" placeholder="dalam satuan meter persegi">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="fw-500">Luas ruangan non AC</label>
<input name="luas_ruangan_non_ac" value="{{@$luas_ruangan_non_ac ? @$luas_ruangan_non_ac : old('luas_ruangan_non_ac')}}" type="text" class="numberInput form-control" placeholder="dalam satuan meter persegi">
</div>
<div class="form-group">
<label class="fw-500">Jumlah Kader</label>
<input name="jumlah_kader" value="{{@$jumlah_kader ? @$jumlah_kader : old('jumlah_kader')}}" type="text" class="numberInput form-control" placeholder="jml kader yang dibentuk dan diberdayakan selama pelaksanaan gerakan PBLHS">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<div class="form-group text-right">
<button class="btn btn-success"><i class="fal fa-save"></i>&nbsp;&nbsp;Simpan Perubahan</button>
<div class="form-group">
<button class="btn btn-primary"><i class="fal fa-save"></i>&nbsp;&nbsp;Simpan Perubahan</button>
</div>
</div>
</div>