<!--
=========================================================
* Argon Dashboard 2 Tailwind - v1.0.1
=========================================================
* Product Page: https://www.creative-tim.com/product/argon-dashboard-tailwind
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
* Coded by www.creative-tim.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="apple-touch-icon" sizes="76x76" href="{{ asset('assets/img/apple-icon.png') }}" />
<link rel="icon" type="image/png" href="{{ asset('assets/img/favicon.png') }}" />
<title>@yield('title') | Pertandingan Kempo</title>
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
<!-- Nucleo Icons -->
<link href="{{ asset('assets/css/nucleo-icons.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/css/nucleo-svg.css') }}" rel="stylesheet" />
<!-- Popper -->
<script src="https://unpkg.com/@popperjs/core@2"></script>
<style>
.swal2-confirm {
background-color: #2563eb !important; /* biru misalnya */
color: #fff !important;
}
.swal2-cancel {
background-color: #dc2626 !important; /* merah */
color: #fff !important;
}
</style>
<!-- Main Styling -->
<link href="{{ asset('assets/css/argon-dashboard-tailwind.css?v=1.0.1') }}" rel="stylesheet" />
<link href="{{ asset('css/select2.min.css') }}" rel="stylesheet" />
<link href="{{ asset('css/select2-mytheme.css') }}" rel="stylesheet" />
</head>
<body class="m-0 font-sans text-base antialiased font-normal dark:bg-slate-900 leading-default bg-gray-50 text-slate-500">
<div class="absolute w-full bg-blue-500 dark:hidden min-h-75" style="background-color: {{ request()->is('pendaftaran*') ? 'rgb(17, 129, 17)' : 'rgb(97, 97, 248)' }} "></div>
<!-- sidenav -->
@if (Auth::user())
<aside class="fixed inset-y-0 flex-wrap items-center justify-between block w-full p-0 my-4 overflow-y-auto antialiased transition-transform duration-200 -translate-x-full bg-white border-0 shadow-xl dark:shadow-none dark:bg-slate-850 max-w-64 ease-nav-brand z-990 xl:ml-6 rounded-2xl xl:left-0 xl:translate-x-0" aria-expanded="false">
<div class="h-19">
<i class="absolute top-0 right-0 p-4 opacity-50 cursor-pointer fas fa-times dark:text-white text-slate-400 xl:hidden" sidenav-close></i>
<a class="block px-8 py-6 m-0 text-sm whitespace-nowrap dark:text-white text-slate-700" href="https://demos.creative-tim.com/argon-dashboard-tailwind/pages/dashboard.html" target="_blank">
<img src="{{ asset('assets/img/logo-ct-dark.png') }}" class="inline h-full max-w-full transition-all duration-200 dark:hidden ease-nav-brand max-h-8" alt="main_logo" />
<img src="{{ asset('assets/img/logo-ct.png') }}" class="hidden h-full max-w-full transition-all duration-200 dark:inline ease-nav-brand max-h-8" alt="main_logo" />
<span class="ml-1 font-semibold transition-all duration-200 ease-nav-brand">{{ env('APP_NAME') }}</span>
</a>
</div>
<hr class="h-px mt-0 bg-transparent bg-gradient-to-r from-transparent via-black/40 to-transparent dark:bg-gradient-to-r dark:from-transparent dark:via-white dark:to-transparent" />
<div class="items-center block w-auto max-h-screen overflow-auto h-sidenav grow basis-full">
<ul class="flex flex-col pl-0 mb-0">
<li class="mt-0.5 w-full">
{{-- <a href="{{ url('dashboard') }}" class="block p-2 rounded {{ request()->is('dashboard*') ? 'bg-blue-100 text-blue-700 font-semibold' : 'hover:bg-blue-100' }}">Dashboard</a> --}}
<a class="py-2.7 {{ request()->is('dashboard*') ? 'bg-blue-500/13' : '' }} dark:text-white dark:opacity-80 text-sm ease-nav-brand my-0 mx-2 flex items-center whitespace-nowrap rounded-lg px-4 font-semibold text-slate-700 transition-colors" href="{{ url('dashboard') }}">
<div class="mr-2 flex h-8 w-8 items-center justify-center rounded-lg bg-center stroke-0 text-center xl:p-2.5">
<i class="relative top-0 text-sm leading-normal text-blue-500 ni ni-tv-2"></i>
</div>
<span class="ml-1 duration-300 opacity-100 pointer-events-none ease">Dashboard</span>
</a>
</li>
<li class="w-full mt-4">
<h6 class="pl-6 ml-2 text-xs font-bold leading-tight uppercase dark:text-white opacity-60">Master Data</h6>
</li>
<li class="mt-0.5 w-full">
@if(Auth::user()->role == 1)
<a class=" dark:text-white dark:opacity-80 {{ request()->is('users*') ? 'bg-blue-500/13' : '' }} py-2.7 text-sm ease-nav-brand my-0 mx-2 flex items-center whitespace-nowrap px-4 transition-colors" href="{{ url('users') }}">
<div class="mr-2 flex h-8 w-8 items-center justify-center rounded-lg bg-center stroke-0 text-center xl:p-2.5">
<i class="relative top-0 text-sm leading-normal text-slate-700 ni ni-single-02"></i>
</div>
<span class="ml-1 duration-300 opacity-100 pointer-events-none ease">Pengguna</span>
</a>
@endif
</li>
<li class="mt-0.5 w-full">
<a class=" dark:text-white {{ request()->is('kategori*') ? 'bg-blue-500/13' : '' }} dark:opacity-80 py-2.7 text-sm ease-nav-brand my-0 mx-2 flex items-center whitespace-nowrap px-4 transition-colors" href="{{ url('kategori') }}">
<div class="mr-2 flex h-8 w-8 items-center justify-center rounded-lg bg-center stroke-0 text-center xl:p-2.5">
<i class="relative top-0 text-sm leading-normal text-orange-500 ni ni-single-copy-04"></i>
</div>
<span class="ml-1 duration-300 opacity-100 pointer-events-none ease">Kategori</span>
</a>
</li>
<li class="mt-0.5 w-full">
<a class=" dark:text-white {{ request()->is('pertandingan*') ? 'bg-blue-500/13' : '' }} dark:opacity-80 py-2.7 text-sm ease-nav-brand my-0 mx-2 flex items-center whitespace-nowrap px-4 transition-colors" href="{{ url('pertandingan') }}">
<div class="mr-2 flex h-8 w-8 items-center justify-center rounded-lg bg-center stroke-0 text-center xl:p-2.5">
<i class="relative top-0 text-sm leading-normal text-blue-500 ni ni-single-copy-04"></i>
</div>
<span class="ml-1 duration-300 opacity-100 pointer-events-none ease">Tanding</span>
</a>
</li>
{{-- <li class="mt-0.5 w-full">
<a class=" dark:text-white dark:opacity-80 py-2.7 text-sm ease-nav-brand my-0 mx-2 flex items-center whitespace-nowrap px-4 transition-colors" href="./pages/sign-up.html">
<div class="mr-2 flex h-8 w-8 items-center justify-center rounded-lg bg-center stroke-0 text-center xl:p-2.5">
<i class="relative top-0 text-sm leading-normal text-cyan-500 ni ni-collection"></i>
</div>
<span class="ml-1 duration-300 opacity-100 pointer-events-none ease">Sign Up</span>
</a>
</li> --}}
<li class="w-full mt-4">
<h6 class="pl-6 ml-2 text-xs font-bold leading-tight uppercase dark:text-white opacity-60">Data Utama</h6>
</li>
<li class="mt-0.5 w-full">
<a class=" dark:text-white {{ request()->is('kegiatan*') ? 'bg-blue-500/13' : '' }} dark:opacity-80 py-2.7 text-sm ease-nav-brand my-0 mx-2 flex items-center whitespace-nowrap px-4 transition-colors" href="{{ url('kegiatan') }}">
<div class="mr-2 flex h-8 w-8 items-center justify-center rounded-lg bg-center stroke-0 text-center xl:p-2.5">
<i class="relative top-0 text-sm leading-normal text-orange-500 ni ni-calendar-grid-58"></i>
</div>
<span class="ml-1 duration-300 opacity-100 pointer-events-none ease">Kegiatan</span>
</a>
</li>
<li class="mt-0.5 w-full">
<a class=" dark:text-white dark:opacity-80 {{ request()->is('peserta*') ? 'bg-blue-500/13' : '' }} py-2.7 text-sm ease-nav-brand my-0 mx-2 flex items-center whitespace-nowrap px-4 transition-colors" href="{{ url('peserta') }}">
<div class="mr-2 flex h-8 w-8 items-center justify-center rounded-lg bg-center stroke-0 text-center xl:p-2.5">
<i class="relative top-0 text-sm leading-normal text-emerald-700 ni ni-single-02" style="color: rgb(61, 255, 61);"></i>
</div>
<span class="ml-1 duration-300 opacity-100 pointer-events-none ease">Peserta</span>
</a>
</li>
</ul>
</div>
{{-- <div class="mx-4">
<!-- load phantom colors for card after: -->
<p class="invisible hidden text-gray-800 text-red-500 text-red-600 text-blue-500 bg-gray-500/30 bg-cyan-500/30 bg-emerald-500/30 bg-orange-500/30 bg-red-500/30 after:bg-gradient-to-tl after:from-zinc-800 after:to-zinc-700 dark:bg-gradient-to-tl dark:from-slate-750 dark:to-gray-850 after:from-blue-700 after:to-cyan-500 after:from-orange-500 after:to-yellow-500 after:from-green-600 after:to-lime-400 after:from-red-600 after:to-orange-600 after:from-slate-600 after:to-slate-300 text-emerald-500 text-cyan-500 text-slate-400"></p>
<div class="relative flex flex-col min-w-0 break-words bg-transparent border-0 shadow-none rounded-2xl bg-clip-border" sidenav-card>
<img class="w-1/2 mx-auto" src="./assets/img/illustrations/icon-documentation.svg" alt="sidebar illustrations" />
<div class="flex-auto w-full p-4 pt-0 text-center">
<div class="transition-all duration-200 ease-nav-brand">
<h6 class="mb-0 dark:text-white text-slate-700">Need help?</h6>
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Please check our docs</p>
</div>
</div>
</div>
<a href="https://www.creative-tim.com/learning-lab/tailwind/html/quick-start/argon-dashboard/" target="_blank" class="inline-block w-full px-8 py-2 mb-4 text-xs font-bold leading-normal text-center text-white capitalize transition-all ease-in rounded-lg shadow-md bg-slate-700 bg-150 hover:shadow-xs hover:-translate-y-px">Documentation</a>
<!-- pro btn -->
<a class="inline-block w-full px-8 py-2 text-xs font-bold leading-normal text-center text-white align-middle transition-all ease-in bg-blue-500 border-0 rounded-lg shadow-md select-none bg-150 bg-x-25 hover:shadow-xs hover:-translate-y-px" href="https://www.creative-tim.com/product/argon-dashboard-pro-tailwind?ref=sidebarfree" target="_blank">Upgrade to pro</a>
</div> --}}
</aside>
@endif
<!-- end sidenav -->
<main class="relative h-full max-h-screen transition-all duration-200 ease-in-out {{ (Auth::user()) ? 'xl:ml-68' : '' }} rounded-xl">
<!-- Navbar -->
<nav class="relative flex flex-wrap items-center justify-between px-0 py-2 mx-6 transition-all ease-in shadow-none duration-250 rounded-2xl lg:flex-nowrap lg:justify-start" navbar-main navbar-scroll="false">
<div class="flex items-center justify-between w-full px-4 py-1 mx-auto flex-wrap-inherit">
<nav>
<!-- breadcrumb -->
{{-- <ol class="flex flex-wrap pt-1 mr-12 bg-transparent rounded-lg sm:mr-16">
<li class="text-sm leading-normal">
<a class="text-white opacity-50" href="javascript:;">Pages</a>
</li>
<li class="text-sm pl-2 capitalize leading-normal text-white before:float-left before:pr-2 before:text-white before:content-['/']" aria-current="page">Dashboard</li>
</ol> --}}
{{-- <h6 class="mb-0 font-bold text-white capitalize">Dashboard</h6> --}}
</nav>
<div class="flex items-center mt-2 grow sm:mt-0 sm:mr-6 md:mr-0 lg:flex lg:basis-auto">
<div class="flex items-center md:ml-auto md:pr-4">
<div class="relative flex flex-wrap items-stretch w-full transition-all rounded-lg ease">
<span class="text-sm ease leading-5.6 absolute z-50 -ml-px flex h-full items-center whitespace-nowrap rounded-lg rounded-tr-none rounded-br-none border border-r-0 border-transparent bg-transparent py-2 px-2.5 text-center font-normal text-slate-500 transition-all">
<i class="fas fa-search"></i>
</span>
{{-- <input type="text" class="pl-9 text-sm focus:shadow-primary-outline ease w-1/100 leading-5.6 relative -ml-px block min-w-0 flex-auto rounded-lg border border-solid border-gray-300 dark:bg-slate-850 dark:text-white bg-white bg-clip-padding py-2 pr-3 text-gray-700 transition-all placeholder:text-gray-500 focus:border-blue-500 focus:outline-none focus:transition-shadow" placeholder="Type here..." /> --}}
</div>
</div>
<ul class="flex flex-row justify-end pl-0 mb-0 list-none md-max:w-full">
<!-- online builder btn -->
<!-- <li class="flex items-center">
<a class="inline-block px-8 py-2 mb-0 mr-4 text-xs font-bold text-center text-blue-500 uppercase align-middle transition-all ease-in bg-transparent border border-blue-500 border-solid rounded-lg shadow-none cursor-pointer leading-pro hover:-translate-y-px active:shadow-xs hover:border-blue-500 active:bg-blue-500 active:hover:text-blue-500 hover:text-blue-500 tracking-tight-rem hover:bg-transparent hover:opacity-75 hover:shadow-none active:text-white active:hover:bg-transparent" target="_blank" href="https://www.creative-tim.com/builder/soft-ui?ref=navbar-dashboard&_ga=2.76518741.1192788655.1647724933-1242940210.1644448053">Online Builder</a>
</li> -->
@if (Auth::user())
<li class="relative flex items-center" x-data="{ open: false }">
<!-- Tombol Dropdown -->
<button @click="open = !open"
class="flex items-center px-0 py-2 text-sm font-semibold text-white transition-all ease-nav-brand focus:outline-none">
<i class="fa fa-user sm:mr-1"></i>
<span class="hidden sm:inline text-lg">{{ Auth::user()->name }}</span>
<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
</button>
<!-- Menu Dropdown -->
<div x-show="open" @click.away="open = false"
class="absolute right-0 w-48 bg-white rounded-md shadow-lg overflow-hidden z-50" style="margin-top: 120px;">
{{-- <a href="" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Profil</a> --}}
<form method="get" action="{{ url('logout') }}">
@csrf
<button type="submit"
class="w-full text-left px-4 py-2 text-gray-700 hover:bg-gray-100" style="color: red;">
Logout
</button>
</form>
</div>
</li>
@endif
<li class="flex items-center pl-4 xl:hidden">
<a href="javascript:;" class="block p-0 text-sm text-white transition-all ease-nav-brand" sidenav-trigger>
<div class="w-4.5 overflow-hidden">
<i class="ease mb-0.75 relative block h-0.5 rounded-sm bg-white transition-all"></i>
<i class="ease mb-0.75 relative block h-0.5 rounded-sm bg-white transition-all"></i>
<i class="ease relative block h-0.5 rounded-sm bg-white transition-all"></i>
</div>
</a>
</li>
<li class="flex items-center px-4">
<a href="javascript:;" class="p-0 text-sm text-white transition-all ease-nav-brand">
<i fixed-plugin-button-nav class="cursor-pointer fa fa-cog"></i>
<!-- fixed-plugin-button-nav -->
</a>
</li>
<!-- notifications -->
<li class="relative flex items-center pr-2">
<p class="hidden transform-dropdown-show"></p>
<a href="javascript:;" class="block p-0 text-sm text-white transition-all ease-nav-brand" dropdown-trigger aria-expanded="false">
<i class="cursor-pointer fa fa-bell"></i>
</a>
<ul dropdown-menu class="text-sm transform-dropdown before:font-awesome before:leading-default before:duration-350 before:ease lg:shadow-3xl duration-250 min-w-44 before:sm:right-8 before:text-5.5 pointer-events-none absolute right-0 top-0 z-50 origin-top list-none rounded-lg border-0 border-solid border-transparent dark:shadow-dark-xl dark:bg-slate-850 bg-white bg-clip-padding px-2 py-4 text-left text-slate-500 opacity-0 transition-all before:absolute before:right-2 before:left-auto before:top-0 before:z-50 before:inline-block before:font-normal before:text-white before:antialiased before:transition-all before:content-['\f0d8'] sm:-mr-6 lg:absolute lg:right-0 lg:left-auto lg:mt-2 lg:block lg:cursor-pointer">
<!-- add show class on dropdown open js -->
<li class="relative mb-2">
<a class="dark:hover:bg-slate-900 ease py-1.2 clear-both block w-full whitespace-nowrap rounded-lg bg-transparent px-4 duration-300 hover:bg-gray-200 hover:text-slate-700 lg:transition-colors" href="javascript:;">
<div class="flex py-1">
<div class="my-auto">
<img src="./assets/img/team-2.jpg" class="inline-flex items-center justify-center mr-4 text-sm text-white h-9 w-9 max-w-none rounded-xl" />
</div>
<div class="flex flex-col justify-center">
<h6 class="mb-1 text-sm font-normal leading-normal dark:text-white"><span class="font-semibold">New message</span> from Laur</h6>
<p class="mb-0 text-xs leading-tight text-slate-400 dark:text-white/80">
<i class="mr-1 fa fa-clock"></i>
13 minutes ago
</p>
</div>
</div>
</a>
</li>
<li class="relative mb-2">
<a class="dark:hover:bg-slate-900 ease py-1.2 clear-both block w-full whitespace-nowrap rounded-lg px-4 transition-colors duration-300 hover:bg-gray-200 hover:text-slate-700" href="javascript:;">
<div class="flex py-1">
<div class="my-auto">
<img src="./assets/img/small-logos/logo-spotify.svg" class="inline-flex items-center justify-center mr-4 text-sm text-white bg-gradient-to-tl from-zinc-800 to-zinc-700 dark:bg-gradient-to-tl dark:from-slate-750 dark:to-gray-850 h-9 w-9 max-w-none rounded-xl" />
</div>
<div class="flex flex-col justify-center">
<h6 class="mb-1 text-sm font-normal leading-normal dark:text-white"><span class="font-semibold">New album</span> by Travis Scott</h6>
<p class="mb-0 text-xs leading-tight text-slate-400 dark:text-white/80">
<i class="mr-1 fa fa-clock"></i>
1 day
</p>
</div>
</div>
</a>
</li>
<li class="relative">
<a class="dark:hover:bg-slate-900 ease py-1.2 clear-both block w-full whitespace-nowrap rounded-lg px-4 transition-colors duration-300 hover:bg-gray-200 hover:text-slate-700" href="javascript:;">
<div class="flex py-1">
<div class="inline-flex items-center justify-center my-auto mr-4 text-sm text-white transition-all duration-200 ease-nav-brand bg-gradient-to-tl from-slate-600 to-slate-300 h-9 w-9 rounded-xl">
<svg width="12px" height="12px" viewBox="0 0 43 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>credit-card</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-2169.000000, -745.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g transform="translate(1716.000000, 291.000000)">
<g transform="translate(453.000000, 454.000000)">
<path class="color-background" d="M43,10.7482083 L43,3.58333333 C43,1.60354167 41.3964583,0 39.4166667,0 L3.58333333,0 C1.60354167,0 0,1.60354167 0,3.58333333 L0,10.7482083 L43,10.7482083 Z" opacity="0.593633743"></path>
<path class="color-background" d="M0,16.125 L0,32.25 C0,34.2297917 1.60354167,35.8333333 3.58333333,35.8333333 L39.4166667,35.8333333 C41.3964583,35.8333333 43,34.2297917 43,32.25 L43,16.125 L0,16.125 Z M19.7083333,26.875 L7.16666667,26.875 L7.16666667,23.2916667 L19.7083333,23.2916667 L19.7083333,26.875 Z M35.8333333,26.875 L28.6666667,26.875 L28.6666667,23.2916667 L35.8333333,23.2916667 L35.8333333,26.875 Z"></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<div class="flex flex-col justify-center">
<h6 class="mb-1 text-sm font-normal leading-normal dark:text-white">Payment successfully completed</h6>
<p class="mb-0 text-xs leading-tight text-slate-400 dark:text-white/80">
<i class="mr-1 fa fa-clock"></i>
2 days
</p>
</div>
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- end Navbar -->
<!-- cards -->
<div class="w-full px-6 py-6 mx-auto">
@yield('content')
<!-- row 1 -->
{{-- <div class="flex flex-wrap -mx-3">
<!-- card1 -->
<div class="w-full max-w-full px-3 mb-6 sm:w-1/2 sm:flex-none xl:mb-0 xl:w-1/4">
<div class="relative flex flex-col min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border">
<div class="flex-auto p-4">
<div class="flex flex-row -mx-3">
<div class="flex-none w-2/3 max-w-full px-3">
<div>
<p class="mb-0 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60">Today's Money</p>
<h5 class="mb-2 font-bold dark:text-white">$53,000</h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="text-sm font-bold leading-normal text-emerald-500">+55%</span>
since yesterday
</p>
</div>
</div>
<div class="px-3 text-right basis-1/3">
<div class="inline-block w-12 h-12 text-center rounded-circle bg-gradient-to-tl from-blue-500 to-violet-500">
<i class="ni leading-none ni-money-coins text-lg relative top-3.5 text-white"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- card2 -->
<div class="w-full max-w-full px-3 mb-6 sm:w-1/2 sm:flex-none xl:mb-0 xl:w-1/4">
<div class="relative flex flex-col min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border">
<div class="flex-auto p-4">
<div class="flex flex-row -mx-3">
<div class="flex-none w-2/3 max-w-full px-3">
<div>
<p class="mb-0 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60">Today's Users</p>
<h5 class="mb-2 font-bold dark:text-white">2,300</h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="text-sm font-bold leading-normal text-emerald-500">+3%</span>
since last week
</p>
</div>
</div>
<div class="px-3 text-right basis-1/3">
<div class="inline-block w-12 h-12 text-center rounded-circle bg-gradient-to-tl from-red-600 to-orange-600">
<i class="ni leading-none ni-world text-lg relative top-3.5 text-white"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- card3 -->
<div class="w-full max-w-full px-3 mb-6 sm:w-1/2 sm:flex-none xl:mb-0 xl:w-1/4">
<div class="relative flex flex-col min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border">
<div class="flex-auto p-4">
<div class="flex flex-row -mx-3">
<div class="flex-none w-2/3 max-w-full px-3">
<div>
<p class="mb-0 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60">New Clients</p>
<h5 class="mb-2 font-bold dark:text-white">+3,462</h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="text-sm font-bold leading-normal text-red-600">-2%</span>
since last quarter
</p>
</div>
</div>
<div class="px-3 text-right basis-1/3">
<div class="inline-block w-12 h-12 text-center rounded-circle bg-gradient-to-tl from-emerald-500 to-teal-400">
<i class="ni leading-none ni-paper-diploma text-lg relative top-3.5 text-white"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- card4 -->
<div class="w-full max-w-full px-3 sm:w-1/2 sm:flex-none xl:w-1/4">
<div class="relative flex flex-col min-w-0 break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border">
<div class="flex-auto p-4">
<div class="flex flex-row -mx-3">
<div class="flex-none w-2/3 max-w-full px-3">
<div>
<p class="mb-0 font-sans text-sm font-semibold leading-normal uppercase dark:text-white dark:opacity-60">Sales</p>
<h5 class="mb-2 font-bold dark:text-white">$103,430</h5>
<p class="mb-0 dark:text-white dark:opacity-60">
<span class="text-sm font-bold leading-normal text-emerald-500">+5%</span>
than last month
</p>
</div>
</div>
<div class="px-3 text-right basis-1/3">
<div class="inline-block w-12 h-12 text-center rounded-circle bg-gradient-to-tl from-orange-500 to-yellow-500">
<i class="ni leading-none ni-cart text-lg relative top-3.5 text-white"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div> --}}
<!-- cards row 2 -->
{{-- <div class="flex flex-wrap mt-6 -mx-3">
<div class="w-full max-w-full px-3 mt-0 lg:w-7/12 lg:flex-none">
<div class="border-black/12.5 dark:bg-slate-850 dark:shadow-dark-xl shadow-xl relative z-20 flex min-w-0 flex-col break-words rounded-2xl border-0 border-solid bg-white bg-clip-border">
<div class="border-black/12.5 mb-0 rounded-t-2xl border-b-0 border-solid p-6 pt-4 pb-0">
<h6 class="capitalize dark:text-white">Sales overview</h6>
<p class="mb-0 text-sm leading-normal dark:text-white dark:opacity-60">
<i class="fa fa-arrow-up text-emerald-500"></i>
<span class="font-semibold">4% more</span> in 2021
</p>
</div>
<div class="flex-auto p-4">
<div>
<canvas id="chart-line" height="300"></canvas>
</div>
</div>
</div>
</div>
<div class="w-full max-w-full px-3 lg:w-5/12 lg:flex-none">
<div slider class="relative w-full h-full overflow-hidden rounded-2xl">
<!-- slide 1 -->
<div slide class="absolute w-full h-full transition-all duration-500">
<img class="object-cover h-full" src="./assets/img/carousel-1.jpg" alt="carousel image" />
<div class="block text-start ml-12 left-0 bottom-0 absolute right-[15%] pt-5 pb-5 text-white">
<div class="inline-block w-8 h-8 mb-4 text-center text-black bg-white bg-center rounded-lg fill-current stroke-none">
<i class="top-0.75 text-xxs relative text-slate-700 ni ni-camera-compact"></i>
</div>
<h5 class="mb-1 text-white">Get started with Argon</h5>
<p class="dark:opacity-80">There’s nothing I really wanted to do in life that I wasn’t able to get good at.</p>
</div>
</div>
<!-- slide 2 -->
<div slide class="absolute w-full h-full transition-all duration-500">
<img class="object-cover h-full" src="./assets/img/carousel-2.jpg" alt="carousel image" />
<div class="block text-start ml-12 left-0 bottom-0 absolute right-[15%] pt-5 pb-5 text-white">
<div class="inline-block w-8 h-8 mb-4 text-center text-black bg-white bg-center rounded-lg fill-current stroke-none">
<i class="top-0.75 text-xxs relative text-slate-700 ni ni-bulb-61"></i>
</div>
<h5 class="mb-1 text-white">Faster way to create web pages</h5>
<p class="dark:opacity-80">That’s my skill. I’m not really specifically talented at anything except for the ability to learn.</p>
</div>
</div>
<!-- slide 3 -->
<div slide class="absolute w-full h-full transition-all duration-500">
<img class="object-cover h-full" src="./assets/img/carousel-3.jpg" alt="carousel image" />
<div class="block text-start ml-12 left-0 bottom-0 absolute right-[15%] pt-5 pb-5 text-white">
<div class="inline-block w-8 h-8 mb-4 text-center text-black bg-white bg-center rounded-lg fill-current stroke-none">
<i class="top-0.75 text-xxs relative text-slate-700 ni ni-trophy"></i>
</div>
<h5 class="mb-1 text-white">Share with us your design tips!</h5>
<p class="dark:opacity-80">Don’t be afraid to be wrong because you can’t learn anything from a compliment.</p>
</div>
</div>
<!-- Control buttons -->
<button btn-next class="absolute z-10 w-10 h-10 p-2 text-lg text-white border-none opacity-50 cursor-pointer hover:opacity-100 far fa-chevron-right active:scale-110 top-6 right-4"></button>
<button btn-prev class="absolute z-10 w-10 h-10 p-2 text-lg text-white border-none opacity-50 cursor-pointer hover:opacity-100 far fa-chevron-left active:scale-110 top-6 right-16"></button>
</div>
</div>
</div> --}}
<!-- cards row 3 -->
{{-- <div class="flex flex-wrap mt-6 -mx-3">
<div class="w-full max-w-full px-3 mt-0 mb-6 lg:mb-0 lg:w-7/12 lg:flex-none">
<div class="relative flex flex-col min-w-0 break-words bg-white border-0 border-solid shadow-xl dark:bg-slate-850 dark:shadow-dark-xl dark:bg-gray-950 border-black-125 rounded-2xl bg-clip-border">
<div class="p-4 pb-0 mb-0 rounded-t-4">
<div class="flex justify-between">
<h6 class="mb-2 dark:text-white">Sales by Country</h6>
</div>
</div>
<div class="overflow-x-auto">
<table class="items-center w-full mb-4 align-top border-collapse border-gray-200 dark:border-white/40">
<tbody>
<tr>
<td class="p-2 align-middle bg-transparent border-b w-3/10 whitespace-nowrap dark:border-white/40">
<div class="flex items-center px-2 py-1">
<div>
<img src="./assets/img/icons/flags/US.png" alt="Country flag" />
</div>
<div class="ml-6">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Country:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">United States</h6>
</div>
</div>
</td>
<td class="p-2 align-middle bg-transparent border-b whitespace-nowrap dark:border-white/40">
<div class="text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Sales:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">2500</h6>
</div>
</td>
<td class="p-2 align-middle bg-transparent border-b whitespace-nowrap dark:border-white/40">
<div class="text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Value:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">$230,900</h6>
</div>
</td>
<td class="p-2 text-sm leading-normal align-middle bg-transparent border-b whitespace-nowrap dark:border-white/40">
<div class="flex-1 text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Bounce:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">29.9%</h6>
</div>
</td>
</tr>
<tr>
<td class="p-2 align-middle bg-transparent border-b w-3/10 whitespace-nowrap dark:border-white/40">
<div class="flex items-center px-2 py-1">
<div>
<img src="./assets/img/icons/flags/DE.png" alt="Country flag" />
</div>
<div class="ml-6">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Country:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">Germany</h6>
</div>
</div>
</td>
<td class="p-2 align-middle bg-transparent border-b whitespace-nowrap dark:border-white/40">
<div class="text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Sales:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">3.900</h6>
</div>
</td>
<td class="p-2 align-middle bg-transparent border-b whitespace-nowrap dark:border-white/40">
<div class="text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Value:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">$440,000</h6>
</div>
</td>
<td class="p-2 text-sm leading-normal align-middle bg-transparent border-b whitespace-nowrap dark:border-white/40">
<div class="flex-1 text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Bounce:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">40.22%</h6>
</div>
</td>
</tr>
<tr>
<td class="p-2 align-middle bg-transparent border-b w-3/10 whitespace-nowrap dark:border-white/40">
<div class="flex items-center px-2 py-1">
<div>
<img src="./assets/img/icons/flags/GB.png" alt="Country flag" />
</div>
<div class="ml-6">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Country:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">Great Britain</h6>
</div>
</div>
</td>
<td class="p-2 align-middle bg-transparent border-b whitespace-nowrap dark:border-white/40">
<div class="text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Sales:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">1.400</h6>
</div>
</td>
<td class="p-2 align-middle bg-transparent border-b whitespace-nowrap dark:border-white/40">
<div class="text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Value:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">$190,700</h6>
</div>
</td>
<td class="p-2 text-sm leading-normal align-middle bg-transparent border-b whitespace-nowrap dark:border-white/40">
<div class="flex-1 text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Bounce:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">23.44%</h6>
</div>
</td>
</tr>
<tr>
<td class="p-2 align-middle bg-transparent border-0 w-3/10 whitespace-nowrap">
<div class="flex items-center px-2 py-1">
<div>
<img src="./assets/img/icons/flags/BR.png" alt="Country flag" />
</div>
<div class="ml-6">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Country:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">Brasil</h6>
</div>
</div>
</td>
<td class="p-2 align-middle bg-transparent border-0 whitespace-nowrap">
<div class="text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Sales:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">562</h6>
</div>
</td>
<td class="p-2 align-middle bg-transparent border-0 whitespace-nowrap">
<div class="text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Value:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">$143,960</h6>
</div>
</td>
<td class="p-2 text-sm leading-normal align-middle bg-transparent border-0 whitespace-nowrap">
<div class="flex-1 text-center">
<p class="mb-0 text-xs font-semibold leading-tight dark:text-white dark:opacity-60">Bounce:</p>
<h6 class="mb-0 text-sm leading-normal dark:text-white">32.14%</h6>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="w-full max-w-full px-3 mt-0 lg:w-5/12 lg:flex-none">
<div class="border-black/12.5 shadow-xl dark:bg-slate-850 dark:shadow-dark-xl relative flex min-w-0 flex-col break-words rounded-2xl border-0 border-solid bg-white bg-clip-border">
<div class="p-4 pb-0 rounded-t-4">
<h6 class="mb-0 dark:text-white">Categories</h6>
</div>
<div class="flex-auto p-4">
<ul class="flex flex-col pl-0 mb-0 rounded-lg">
<li class="relative flex justify-between py-2 pr-4 mb-2 border-0 rounded-t-lg rounded-xl text-inherit">
<div class="flex items-center">
<div class="inline-block w-8 h-8 mr-4 text-center text-black bg-center shadow-sm fill-current stroke-none bg-gradient-to-tl from-zinc-800 to-zinc-700 dark:bg-gradient-to-tl dark:from-slate-750 dark:to-gray-850 rounded-xl">
<i class="text-white ni ni-mobile-button relative top-0.75 text-xxs"></i>
</div>
<div class="flex flex-col">
<h6 class="mb-1 text-sm leading-normal text-slate-700 dark:text-white">Devices</h6>
<span class="text-xs leading-tight dark:text-white/80">250 in stock, <span class="font-semibold">346+ sold</span></span>
</div>
</div>
<div class="flex">
<button class="group ease-in leading-pro text-xs rounded-3.5xl p-1.2 h-6.5 w-6.5 mx-0 my-auto inline-block cursor-pointer border-0 bg-transparent text-center align-middle font-bold text-slate-700 shadow-none transition-all dark:text-white"><i class="ni ease-bounce text-2xs group-hover:translate-x-1.25 ni-bold-right transition-all duration-200" aria-hidden="true"></i></button>
</div>
</li>
<li class="relative flex justify-between py-2 pr-4 mb-2 border-0 rounded-xl text-inherit">
<div class="flex items-center">
<div class="inline-block w-8 h-8 mr-4 text-center text-black bg-center shadow-sm fill-current stroke-none bg-gradient-to-tl from-zinc-800 to-zinc-700 dark:bg-gradient-to-tl dark:from-slate-750 dark:to-gray-850 rounded-xl">
<i class="text-white ni ni-tag relative top-0.75 text-xxs"></i>
</div>
<div class="flex flex-col">
<h6 class="mb-1 text-sm leading-normal text-slate-700 dark:text-white">Tickets</h6>
<span class="text-xs leading-tight dark:text-white/80">123 closed, <span class="font-semibold">15 open</span></span>
</div>
</div>
<div class="flex">
<button class="group ease-in leading-pro text-xs rounded-3.5xl p-1.2 h-6.5 w-6.5 mx-0 my-auto inline-block cursor-pointer border-0 bg-transparent text-center align-middle font-bold text-slate-700 shadow-none transition-all dark:text-white"><i class="ni ease-bounce text-2xs group-hover:translate-x-1.25 ni-bold-right transition-all duration-200" aria-hidden="true"></i></button>
</div>
</li>
<li class="relative flex justify-between py-2 pr-4 mb-2 border-0 rounded-b-lg rounded-xl text-inherit">
<div class="flex items-center">
<div class="inline-block w-8 h-8 mr-4 text-center text-black bg-center shadow-sm fill-current stroke-none bg-gradient-to-tl from-zinc-800 to-zinc-700 dark:bg-gradient-to-tl dark:from-slate-750 dark:to-gray-850 rounded-xl">
<i class="text-white ni ni-box-2 relative top-0.75 text-xxs"></i>
</div>
<div class="flex flex-col">
<h6 class="mb-1 text-sm leading-normal text-slate-700 dark:text-white">Error logs</h6>
<span class="text-xs leading-tight dark:text-white/80">1 is active, <span class="font-semibold">40 closed</span></span>
</div>
</div>
<div class="flex">
<button class="group ease-in leading-pro text-xs rounded-3.5xl p-1.2 h-6.5 w-6.5 mx-0 my-auto inline-block cursor-pointer border-0 bg-transparent text-center align-middle font-bold text-slate-700 shadow-none transition-all dark:text-white"><i class="ni ease-bounce text-2xs group-hover:translate-x-1.25 ni-bold-right transition-all duration-200" aria-hidden="true"></i></button>
</div>
</li>
<li class="relative flex justify-between py-2 pr-4 border-0 rounded-b-lg rounded-xl text-inherit">
<div class="flex items-center">
<div class="inline-block w-8 h-8 mr-4 text-center text-black bg-center shadow-sm fill-current stroke-none bg-gradient-to-tl from-zinc-800 to-zinc-700 dark:bg-gradient-to-tl dark:from-slate-750 dark:to-gray-850 rounded-xl">
<i class="text-white ni ni-satisfied relative top-0.75 text-xxs"></i>
</div>
<div class="flex flex-col">
<h6 class="mb-1 text-sm leading-normal text-slate-700 dark:text-white">Happy users</h6>
<span class="text-xs leading-tight dark:text-white/80"><span class="font-semibold">+ 430 </span></span>
</div>
</div>
<div class="flex">
<button class="group ease-in leading-pro text-xs rounded-3.5xl p-1.2 h-6.5 w-6.5 mx-0 my-auto inline-block cursor-pointer border-0 bg-transparent text-center align-middle font-bold text-slate-700 shadow-none transition-all dark:text-white"><i class="ni ease-bounce text-2xs group-hover:translate-x-1.25 ni-bold-right transition-all duration-200" aria-hidden="true"></i></button>
</div>
</li>
</ul>
</div>
</div>
</div>
</div> --}}
<footer class="pt-4">
<div class="w-full px-6 mx-auto">
<div class="flex flex-wrap items-center -mx-3 lg:justify-between">
<div class="w-full max-w-full px-3 mt-0 mb-6 shrink-0 lg:mb-0 lg:w-1/2 lg:flex-none">
<div class="text-sm leading-normal text-center text-slate-500 lg:text-left">
©
<script>
document.write(new Date().getFullYear() + ",");
</script>
GreenNusa
</div>
</div>
{{-- <div class="w-full max-w-full px-3 mt-0 shrink-0 lg:w-1/2 lg:flex-none">
<ul class="flex flex-wrap justify-center pl-0 mb-0 list-none lg:justify-end">
<li class="nav-item">
<a href="https://www.creative-tim.com" class="block px-4 pt-0 pb-1 text-sm font-normal transition-colors ease-in-out text-slate-500" target="_blank">Creative Tim</a>
</li>
<li class="nav-item">
<a href="https://www.creative-tim.com/presentation" class="block px-4 pt-0 pb-1 text-sm font-normal transition-colors ease-in-out text-slate-500" target="_blank">About Us</a>
</li>
<li class="nav-item">
<a href="https://creative-tim.com/blog" class="block px-4 pt-0 pb-1 text-sm font-normal transition-colors ease-in-out text-slate-500" target="_blank">Blog</a>
</li>
<li class="nav-item">
<a href="https://www.creative-tim.com/license" class="block px-4 pt-0 pb-1 pr-0 text-sm font-normal transition-colors ease-in-out text-slate-500" target="_blank">License</a>
</li>
</ul>
</div> --}}
</div>
</div>
</footer>
</div>
<!-- end cards -->
</main>
{{-- <div fixed-plugin>
<a fixed-plugin-button class="fixed px-4 py-2 text-xl bg-white shadow-lg cursor-pointer bottom-8 right-8 z-990 rounded-circle text-slate-700">
<i class="py-2 pointer-events-none fa fa-cog"> </i>
</a>
<!-- -right-90 in loc de 0-->
<div fixed-plugin-card class="z-sticky backdrop-blur-2xl backdrop-saturate-200 dark:bg-slate-850/80 shadow-3xl w-90 ease -right-90 fixed top-0 left-auto flex h-full min-w-0 flex-col break-words rounded-none border-0 bg-white/80 bg-clip-border px-2.5 duration-200">
<div class="px-6 pt-4 pb-0 mb-0 border-b-0 rounded-t-2xl">
<div class="float-left">
<h5 class="mt-4 mb-0 dark:text-white">Argon Configurator</h5>
<p class="dark:text-white dark:opacity-80">See our dashboard options.</p>
</div>
<div class="float-right mt-6">
<button fixed-plugin-close-button class="inline-block p-0 mb-4 text-sm font-bold leading-normal text-center uppercase align-middle transition-all ease-in bg-transparent border-0 rounded-lg shadow-none cursor-pointer hover:-translate-y-px tracking-tight-rem bg-150 bg-x-25 active:opacity-85 dark:text-white text-slate-700">
<i class="fa fa-close"></i>
</button>
</div>
<!-- End Toggle Button -->
</div>
<hr class="h-px mx-0 my-1 bg-transparent bg-gradient-to-r from-transparent via-black/40 to-transparent dark:bg-gradient-to-r dark:from-transparent dark:via-white dark:to-transparent" />
<div class="flex-auto p-6 pt-0 overflow-auto sm:pt-4">
<!-- Sidebar Backgrounds -->
<div>
<h6 class="mb-0 dark:text-white">Sidebar Colors</h6>
</div>
<a href="javascript:void(0)">
<div class="my-2 text-left" sidenav-colors>
<span class="py-2.2 text-xs rounded-circle h-5.6 mr-1.25 w-5.6 ease-in-out bg-gradient-to-tl from-blue-500 to-violet-500 relative inline-block cursor-pointer whitespace-nowrap border border-solid border-slate-700 text-center align-baseline font-bold uppercase leading-none text-white transition-all duration-200 hover:border-slate-700" active-color data-color="blue" onclick="sidebarColor(this)"></span>
<span class="py-2.2 text-xs rounded-circle h-5.6 mr-1.25 w-5.6 ease-in-out bg-gradient-to-tl from-zinc-800 to-zinc-700 dark:bg-gradient-to-tl dark:from-slate-750 dark:to-gray-850 relative inline-block cursor-pointer whitespace-nowrap border border-solid border-white text-center align-baseline font-bold uppercase leading-none text-white transition-all duration-200 hover:border-slate-700" data-color="gray" onclick="sidebarColor(this)"></span>
<span class="py-2.2 text-xs rounded-circle h-5.6 mr-1.25 w-5.6 ease-in-out bg-gradient-to-tl from-blue-700 to-cyan-500 relative inline-block cursor-pointer whitespace-nowrap border border-solid border-white text-center align-baseline font-bold uppercase leading-none text-white transition-all duration-200 hover:border-slate-700" data-color="cyan" onclick="sidebarColor(this)"></span>
<span class="py-2.2 text-xs rounded-circle h-5.6 mr-1.25 w-5.6 ease-in-out bg-gradient-to-tl from-emerald-500 to-teal-400 relative inline-block cursor-pointer whitespace-nowrap border border-solid border-white text-center align-baseline font-bold uppercase leading-none text-white transition-all duration-200 hover:border-slate-700" data-color="emerald" onclick="sidebarColor(this)"></span>
<span class="py-2.2 text-xs rounded-circle h-5.6 mr-1.25 w-5.6 ease-in-out bg-gradient-to-tl from-orange-500 to-yellow-500 relative inline-block cursor-pointer whitespace-nowrap border border-solid border-white text-center align-baseline font-bold uppercase leading-none text-white transition-all duration-200 hover:border-slate-700" data-color="orange" onclick="sidebarColor(this)"></span>
<span class="py-2.2 text-xs rounded-circle h-5.6 mr-1.25 w-5.6 ease-in-out bg-gradient-to-tl from-red-600 to-orange-600 relative inline-block cursor-pointer whitespace-nowrap border border-solid border-white text-center align-baseline font-bold uppercase leading-none text-white transition-all duration-200 hover:border-slate-700" data-color="red" onclick="sidebarColor(this)"></span>
</div>
</a>
<!-- Sidenav Type -->
<div class="mt-4">
<h6 class="mb-0 dark:text-white">Sidenav Type</h6>
<p class="text-sm leading-normal dark:text-white dark:opacity-80">Choose between 2 different sidenav types.</p>
</div>
<div class="flex">
<button transparent-style-btn class="inline-block w-full px-4 py-2.5 mb-2 font-bold leading-normal text-center text-white capitalize align-middle transition-all bg-blue-500 border border-transparent border-solid rounded-lg cursor-pointer text-sm xl-max:cursor-not-allowed xl-max:opacity-65 xl-max:pointer-events-none xl-max:bg-gradient-to-tl xl-max:from-blue-500 xl-max:to-violet-500 xl-max:text-white xl-max:border-0 hover:-translate-y-px dark:cursor-not-allowed dark:opacity-65 dark:pointer-events-none dark:bg-gradient-to-tl dark:from-blue-500 dark:to-violet-500 dark:text-white dark:border-0 hover:shadow-xs active:opacity-85 ease-in tracking-tight-rem shadow-md bg-150 bg-x-25 bg-gradient-to-tl from-blue-500 to-violet-500 hover:border-blue-500" data-class="bg-transparent" active-style>White</button>
<button white-style-btn class="inline-block w-full px-4 py-2.5 mb-2 ml-2 font-bold leading-normal text-center text-blue-500 capitalize align-middle transition-all bg-transparent border border-blue-500 border-solid rounded-lg cursor-pointer text-sm xl-max:cursor-not-allowed xl-max:opacity-65 xl-max:pointer-events-none xl-max:bg-gradient-to-tl xl-max:from-blue-500 xl-max:to-violet-500 xl-max:text-white xl-max:border-0 hover:-translate-y-px dark:cursor-not-allowed dark:opacity-65 dark:pointer-events-none dark:bg-gradient-to-tl dark:from-blue-500 dark:to-violet-500 dark:text-white dark:border-0 hover:shadow-xs active:opacity-85 ease-in tracking-tight-rem shadow-md bg-150 bg-x-25 bg-none hover:border-blue-500" data-class="bg-white">Dark</button>
</div>
<p class="block mt-2 text-sm leading-normal dark:text-white dark:opacity-80 xl:hidden">You can change the sidenav type just on desktop view.</p>
<!-- Navbar Fixed -->
<div class="flex my-4">
<h6 class="mb-0 dark:text-white">Navbar Fixed</h6>
<div class="block pl-0 ml-auto min-h-6">
<input navbarFixed class="rounded-10 duration-250 ease-in-out after:rounded-circle after:shadow-2xl after:duration-250 checked:after:translate-x-5.3 h-5 relative float-left mt-1 ml-auto w-10 cursor-pointer appearance-none border border-solid border-gray-200 bg-slate-800/10 bg-none bg-contain bg-left bg-no-repeat align-top transition-all after:absolute after:top-px after:h-4 after:w-4 after:translate-x-px after:bg-white after:content-[''] checked:border-blue-500/95 checked:bg-blue-500/95 checked:bg-none checked:bg-right" type="checkbox" />
</div>
</div>
<hr class="h-px my-6 bg-transparent bg-gradient-to-r from-transparent via-black/40 to-transparent dark:bg-gradient-to-r dark:from-transparent dark:via-white dark:to-transparent " />
<div class="flex mt-2 mb-12">
<h6 class="mb-0 dark:text-white">Light / Dark</h6>
<div class="block pl-0 ml-auto min-h-6">
<input dark-toggle class="rounded-10 duration-250 ease-in-out after:rounded-circle after:shadow-2xl after:duration-250 checked:after:translate-x-5.3 h-5 relative float-left mt-1 ml-auto w-10 cursor-pointer appearance-none border border-solid border-gray-200 bg-slate-800/10 bg-none bg-contain bg-left bg-no-repeat align-top transition-all after:absolute after:top-px after:h-4 after:w-4 after:translate-x-px after:bg-white after:content-[''] checked:border-blue-500/95 checked:bg-blue-500/95 checked:bg-none checked:bg-right" type="checkbox" />
</div>
</div>
<a target="_blank" class="dark:border dark:border-solid dark:border-white inline-block w-full px-6 py-2.5 mb-4 font-bold leading-normal text-center text-white align-middle transition-all bg-transparent border border-solid border-transparent rounded-lg cursor-pointer text-sm ease-in hover:shadow-xs hover:-translate-y-px active:opacity-85 tracking-tight-rem shadow-md bg-150 bg-x-25 bg-gradient-to-tl from-zinc-800 to-zinc-700 dark:bg-gradient-to-tl dark:from-slate-750 dark:to-gray-850" href="https://www.creative-tim.com/product/argon-dashboard-tailwind" >Free Download</a>
<a target="_blank" class="dark:border dark:border-solid dark:border-white dark:text-white inline-block w-full px-6 py-2.5 mb-4 font-bold leading-normal text-center align-middle transition-all bg-transparent border border-solid rounded-lg shadow-none cursor-pointer active:shadow-xs hover:-translate-y-px active:opacity-85 text-sm ease-in tracking-tight-rem bg-150 bg-x-25 border-slate-700 text-slate-700 hover:bg-transparent hover:text-slate-700 hover:shadow-none active:bg-slate-700 active:text-white active:hover:bg-transparent active:hover:text-slate-700 active:hover:shadow-none" href="https://www.creative-tim.com/learning-lab/tailwind/html/quick-start/argon-dashboard/">View documentation</a>
<div class="w-full text-center">
<a class="github-button" href="https://github.com/creativetimofficial/argon-dashboard-tailwind" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star creativetimofficial/argon-dashboard on GitHub">Star</a>
<h6 class="mt-4 dark:text-white">Thank you for sharing!</h6>
<a href="https://twitter.com/intent/tweet?text=Check%20Argon%20Dashboard%20made%20by%20%40CreativeTim%20%23webdesign%20%23dashboard%20%23tailwindcss&url=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fargon-dashboard-tailwind" class="inline-block px-5 py-2.5 mb-0 mr-2 font-bold text-center text-white align-middle transition-all border-0 rounded-lg cursor-pointer hover:shadow-xs hover:-translate-y-px active:opacity-85 leading-normal text-sm ease-in tracking-tight-rem shadow-md bg-150 bg-x-25 me-2 border-slate-700 bg-slate-700" target="_blank"> <i class="mr-1 fab fa-twitter"></i> Tweet </a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.creative-tim.com/product/argon-dashboard-tailwind" class="inline-block px-5 py-2.5 mb-0 mr-2 font-bold text-center text-white align-middle transition-all border-0 rounded-lg cursor-pointer hover:shadow-xs hover:-translate-y-px active:opacity-85 leading-normal text-sm ease-in tracking-tight-rem shadow-md bg-150 bg-x-25 me-2 border-slate-700 bg-slate-700" target="_blank"> <i class="mr-1 fab fa-facebook-square"></i> Share </a>
</div>
</div>
</div>
</div> --}}
</body>
<!-- plugin for charts -->
<script src="./assets/js/plugins/chartjs.min.js" async></script>
<!-- plugin for scrollbar -->
<script src="./assets/js/plugins/perfect-scrollbar.min.js" async></script>
<!-- main script file -->
<script src="./assets/js/argon-dashboard-tailwind.js?v=1.0.1" async></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
{{-- <script src="{{ asset('js/jquery-3.3.1.slim.min.js') }}" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> --}}
<script src="{{ asset('js/popper.min.js') }}" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="{{ asset('js/bootstrap.min.js') }}" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="{{ asset('js/select2.min.js') }}"></script>
<script>
$(document).ready(function() {
$('.pilihan').select2({
theme: 'mytheme', // atau 'bootstrap5' jika pakai tema lain
allowClear: true,
width: '100%',
minimumResultsForSearch: 0 /// biar full lebar // Biar serasi dengan Bootstrap form-control
});
});
</script>
<script src="{{ asset('js/sweetalert2.js') }}"></script>
<script>
@if(session('success'))
Swal.fire({
icon: "success",
title: "Horee...",
text: "{{ session('success') }}",
});
@endif
@if(session('gagal'))
Swal.fire({
icon: "error",
title: "Oops...",
text: "{{ session('gagal') }}",
});
@endif
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const deleteForms = document.querySelectorAll('.delete-form');
const tandingForms = document.querySelectorAll('.tanding-form');
deleteForms.forEach(function (form) {
form.addEventListener('submit', function (e) {
e.preventDefault(); // Cegah langsung submit
Swal.fire({
title: 'Yakin ingin menghapus?',
text: "Data tidak dapat dikembalikan!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#6c757d',
confirmButtonText: 'Ya, hapus!',
cancelButtonText: 'Batal'
}).then((result) => {
if (result.isConfirmed) {
form.submit(); // Submit jika disetujui
}
});
});
});
tandingForms.forEach(function (form) {
form.addEventListener('submit', function (e) {
e.preventDefault(); // Cegah langsung submit
Swal.fire({
title: 'Apakah anda yakin ?',
text: "Sistem ini akan memilih peserta lawan peserta secara otomatis!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: 'green',
cancelButtonColor: '#6c757d',
confirmButtonText: 'Ya, jalankan!',
cancelButtonText: 'Batal'
}).then((result) => {
if (result.isConfirmed) {
form.submit(); // Submit jika disetujui
}
});
});
});
});
document.getElementById('imageInput').addEventListener('change', function (event) {
const file = event.target.files[0];
if (file) {
document.getElementById('preview').src = URL.createObjectURL(file);
}
});
</script>
<script src="//unpkg.com/alpinejs" defer></script>
<script>
$(document).ready(function() {
@yield('script')
});
</script>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell