CasperSecurity
<x-app-layout>
<x-slot name="header">
<div class="page-title d-flex flex-column me-5">
<!--begin::Title-->
<h1 class="d-flex flex-column text-dark fw-bolder fs-2 mb-0">Dashbaord</h1>
<!--end::Title-->
<!--begin::Breadcrumb-->
<ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 pt-1">
<!--begin::Item-->
{{-- <li class="breadcrumb-item text-muted">
<a href="/" class="text-muted text-hover-primary">Das</a>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item">
<span class="bullet bg-gray-300 w-5px h-2px"></span>
</li>--}}
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item text-muted">
<a href="/dashboard" class="text-muted text-hover-primary">Dashboard</a>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item">
<span class="bullet bg-gray-300 w-5px h-2px"></span>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item text-dark">Organisation Informations</li>
<!--end::Item-->
</ul>
<!--end::Breadcrumb-->
</div>
</x-slot>
<x-slot name="container">
<!--begin::Content-->
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
<!--begin::Container-->
<div id="kt_content_container" class="container-fluid">
@if (session()->has('success'))
<div class="flex py-4">
<div class="w-full alert alert-success alert-dismissible fade show" role="alert">
<strong>{{ session('success') }}</strong>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
<span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path opacity="0.3"
d="M12 10.6L14.8 7.8C15.2 7.4 15.8 7.4 16.2 7.8C16.6 8.2 16.6 8.80002 16.2 9.20002L13.4 12L12 10.6ZM10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 8.99999 16.4 9.19999 16.2L12 13.4L10.6 12Z"
fill="black"/>
<path
d="M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12ZM13.4 12L16.2 9.20001C16.6 8.80001 16.6 8.19999 16.2 7.79999C15.8 7.39999 15.2 7.39999 14.8 7.79999L12 10.6L9.2 7.79999C8.8 7.39999 8.2 7.39999 7.8 7.79999C7.4 8.19999 7.4 8.80001 7.8 9.20001L10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 9 16.4 9.2 16.2L12 13.4L14.8 16.2C15 16.4 15.3 16.5 15.5 16.5C15.7 16.5 16 16.4 16.2 16.2C16.6 15.8 16.6 15.2 16.2 14.8L13.4 12Z"
fill="black"/>
</svg></span>
</button>
</div>
</div>
@elseif (session()->has('error'))
<div class="flex py-4">
<div class="w-full alert alert-danger alert-dismissible fade show" role="alert">
<strong>{{ session('error') }}</strong>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
<span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24"
fill="none">
<path opacity="0.3"
d="M12 10.6L14.8 7.8C15.2 7.4 15.8 7.4 16.2 7.8C16.6 8.2 16.6 8.80002 16.2 9.20002L13.4 12L12 10.6ZM10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 8.99999 16.4 9.19999 16.2L12 13.4L10.6 12Z"
fill="black"/>
<path
d="M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12ZM13.4 12L16.2 9.20001C16.6 8.80001 16.6 8.19999 16.2 7.79999C15.8 7.39999 15.2 7.39999 14.8 7.79999L12 10.6L9.2 7.79999C8.8 7.39999 8.2 7.39999 7.8 7.79999C7.4 8.19999 7.4 8.80001 7.8 9.20001L10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 9 16.4 9.2 16.2L12 13.4L14.8 16.2C15 16.4 15.3 16.5 15.5 16.5C15.7 16.5 16 16.4 16.2 16.2C16.6 15.8 16.6 15.2 16.2 14.8L13.4 12Z"
fill="black"/>
</svg></span>
</button>
</div>
</div>
@endif
<div class="row">
<div class="col-md-12 flex justify-content-between px-3 py-4" style="cursor: pointer;">
<h1 style="font-size: 30px; font-weight: bold;">Organisation Information</h1>
</div>
</div>
<div class="row">
<div class="card card-flush shadow-sm pt-6" >
@livewire('organisation.information-livewire')
<div class="separator"></div>
<div class="col-md-12 px-6 py-4">
<h1 style="font-size: 20px; font-weight: bold;">Organisation Units</h1>
<ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder">
<!--begin::Nav item-->
<li class="nav-item">
<a class="nav-link text-active-primary py-5 me-6 active" href="#">Grid View</a>
</li>
<!--end::Nav item-->
<!--begin::Nav item-->
{{-- <li class="nav-item">
<a class="nav-link text-active-primary py-5 me-6" href="#">Map View</a>
</li>--}}
<!--end::Nav item-->
</ul>
</div>
</div>
</div>
@livewire('organisation.grid-view-livewire')
</div>
</div>
<!--end::Content-->
</x-slot>
<x-slot name="externaljs">
</x-slot>
</x-app-layout>