Initial commit
This commit is contained in:
Daeng Deni Mardaeni
3
resources/views/errors/404.blade.php
Normal file
3
resources/views/errors/404.blade.php
Normal file
@ -0,0 +1,3 @@
|
||||
<x-system-layout>
|
||||
@include('pages.system.not_found')
|
||||
</x-system-layout>
|
||||
3
resources/views/errors/500.blade.php
Normal file
3
resources/views/errors/500.blade.php
Normal file
@ -0,0 +1,3 @@
|
||||
<x-system-layout>
|
||||
@include('pages.system.error')
|
||||
</x-system-layout>
|
||||
78
resources/views/layout/_auth.blade.php
Normal file
78
resources/views/layout/_auth.blade.php
Normal file
@ -0,0 +1,78 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@section('content')
|
||||
|
||||
<!--begin::App-->
|
||||
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column flex-lg-row flex-column-fluid">
|
||||
<!--begin::Body-->
|
||||
<div class="d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1">
|
||||
<!--begin::Form-->
|
||||
<div class="d-flex flex-center flex-column flex-lg-row-fluid">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-lg-500px p-10">
|
||||
<!--begin::Page-->
|
||||
{{ $slot }}
|
||||
<!--end::Page-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Form-->
|
||||
|
||||
<!--begin::Footer-->
|
||||
<div class="d-flex flex-center flex-wrap px-5">
|
||||
<!--begin::Links-->
|
||||
<div class="d-flex fw-semibold text-primary fs-base">
|
||||
<a href="#" class="px-5" target="_blank">Terms</a>
|
||||
|
||||
<a href="#" class="px-5" target="_blank">Plans</a>
|
||||
|
||||
<a href="#" class="px-5" target="_blank">Contact Us</a>
|
||||
</div>
|
||||
<!--end::Links-->
|
||||
</div>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
|
||||
<!--begin::Aside-->
|
||||
<div class="d-flex flex-lg-row-fluid w-lg-50 bgi-size-cover bgi-position-center order-1 order-lg-2" style="background-image: url({{ image('misc/auth-bg.png') }})">
|
||||
<!--begin::Content-->
|
||||
<div class="d-flex flex-column flex-center py-7 py-lg-15 px-5 px-md-15 w-100">
|
||||
<!--begin::Logo-->
|
||||
<a href="/" class="mb-12">
|
||||
<img alt="Logo" src="{{ image('logos/custom-1.png') }}" class="h-60px h-lg-75px"/>
|
||||
</a>
|
||||
<!--end::Logo-->
|
||||
|
||||
<!--begin::Image-->
|
||||
<img class="d-none d-lg-block mx-auto w-275px w-md-50 w-xl-500px mb-10 mb-lg-20" src="{{ image('misc/auth-screens.png') }}" alt=""/>
|
||||
<!--end::Image-->
|
||||
|
||||
<!--begin::Title-->
|
||||
<h1 class="d-none d-lg-block text-white fs-2qx fw-bolder text-center mb-7">
|
||||
Fast, Efficient and Productive
|
||||
</h1>
|
||||
<!--end::Title-->
|
||||
|
||||
<!--begin::Text-->
|
||||
<div class="d-none d-lg-block text-white fs-base text-center">
|
||||
In this kind of post, <a href="#" class="opacity-75-hover text-warning fw-bold me-1">the blogger</a>
|
||||
|
||||
introduces a person they’ve interviewed <br/> and provides some background information about
|
||||
|
||||
<a href="#" class="opacity-75-hover text-warning fw-bold me-1">the interviewee</a>
|
||||
and their <br/> work following this is a transcript of the interview.
|
||||
</div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Aside-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::App-->
|
||||
|
||||
@endsection
|
||||
45
resources/views/layout/_default.blade.php
Normal file
45
resources/views/layout/_default.blade.php
Normal file
@ -0,0 +1,45 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@section('content')
|
||||
|
||||
<!--begin::App-->
|
||||
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
|
||||
<!--begin::Page-->
|
||||
<div class="app-page flex-column flex-column-fluid" id="kt_app_page">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/_header')
|
||||
<!--begin::Wrapper-->
|
||||
<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/_sidebar')
|
||||
<!--begin::Main-->
|
||||
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
|
||||
<!--begin::Content wrapper-->
|
||||
<div class="d-flex flex-column flex-column-fluid">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/_toolbar')
|
||||
<!--begin::Content-->
|
||||
<div id="kt_app_content" class="app-content flex-column-fluid">
|
||||
<!--begin::Content container-->
|
||||
<div id="kt_app_content_container" class="app-container container-fluid">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
<!--end::Content container-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Content wrapper-->
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/_footer')
|
||||
</div>
|
||||
<!--end:::Main-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Page-->
|
||||
</div>
|
||||
<!--end::App-->
|
||||
|
||||
@include('partials/_drawers')
|
||||
|
||||
@include('partials/_modals')
|
||||
|
||||
@include('partials/_scrolltop')
|
||||
|
||||
@endsection
|
||||
44
resources/views/layout/_default_header_layout.blade.php
Normal file
44
resources/views/layout/_default_header_layout.blade.php
Normal file
@ -0,0 +1,44 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@section('content')
|
||||
|
||||
<!--begin::App-->
|
||||
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
|
||||
<!--begin::Page-->
|
||||
<div class="app-page flex-column flex-column-fluid" id="kt_app_page">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/_header')
|
||||
<!--begin::Wrapper-->
|
||||
<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
|
||||
<!--begin::Main-->
|
||||
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
|
||||
<!--begin::Content wrapper-->
|
||||
<div class="d-flex flex-column flex-column-fluid">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/_toolbar')
|
||||
<!--begin::Content-->
|
||||
<div id="kt_app_content" class="app-content flex-column-fluid">
|
||||
<!--begin::Content container-->
|
||||
<div id="kt_app_content_container" class="app-container container-xxl">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
<!--end::Content container-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Content wrapper-->
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/_footer')
|
||||
</div>
|
||||
<!--end:::Main-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Page-->
|
||||
</div>
|
||||
<!--end::App-->
|
||||
|
||||
@include('partials/_drawers')
|
||||
|
||||
@include('partials/_modals')
|
||||
|
||||
@include('partials/_scrolltop')
|
||||
|
||||
@endsection
|
||||
27
resources/views/layout/_system.blade.php
Normal file
27
resources/views/layout/_system.blade.php
Normal file
@ -0,0 +1,27 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@section('content')
|
||||
|
||||
<!--begin::Root-->
|
||||
<div class="d-flex flex-column flex-root" id="kt_app_root">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column flex-center flex-column-fluid">
|
||||
<!--begin::Content-->
|
||||
<div class="d-flex flex-column flex-center text-center p-10">
|
||||
<!--begin::Card-->
|
||||
<div class="card card-flush w-lg-650px py-5">
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body py-15 py-lg-20">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Root-->
|
||||
|
||||
@endsection
|
||||
92
resources/views/layout/master.blade.php
Normal file
92
resources/views/layout/master.blade.php
Normal file
@ -0,0 +1,92 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" {{ printHtmlAttributes('html') }}>
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<base href=""/>
|
||||
<title>{{ config('app.name', 'Laravel') }}</title>
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="description" content=""/>
|
||||
<meta name="keywords" content=""/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<meta property="og:locale" content="en_US"/>
|
||||
<meta property="og:type" content="article"/>
|
||||
<meta property="og:title" content=""/>
|
||||
<link rel="canonical" href=""/>
|
||||
|
||||
{!! includeFavicon() !!}
|
||||
|
||||
<!--begin::Fonts-->
|
||||
{!! includeFonts() !!}
|
||||
<!--end::Fonts-->
|
||||
|
||||
<!--begin::Global Stylesheets Bundle(used by all pages)-->
|
||||
@foreach(getGlobalAssets('css') as $path)
|
||||
{!! sprintf('<link rel="stylesheet" href="%s">', asset($path)) !!}
|
||||
@endforeach
|
||||
<!--end::Global Stylesheets Bundle-->
|
||||
|
||||
<!--begin::Vendor Stylesheets(used by this page)-->
|
||||
@foreach(getVendors('css') as $path)
|
||||
{!! sprintf('<link rel="stylesheet" href="%s">', asset($path)) !!}
|
||||
@endforeach
|
||||
<!--end::Vendor Stylesheets-->
|
||||
|
||||
<!--begin::Custom Stylesheets(optional)-->
|
||||
@foreach(getCustomCss() as $path)
|
||||
{!! sprintf('<link rel="stylesheet" href="%s">', asset($path)) !!}
|
||||
@endforeach
|
||||
<!--end::Custom Stylesheets-->
|
||||
|
||||
@yield('styles')
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
|
||||
<!--begin::Body-->
|
||||
<body id="kt_app_body" {!! printHtmlClasses('body') !!} {!! printHtmlAttributes('body') !!}>
|
||||
|
||||
@include('partials/theme-mode/_init')
|
||||
|
||||
@yield('content')
|
||||
|
||||
<!--begin::Javascript-->
|
||||
<!--begin::Global Javascript Bundle(mandatory for all pages)-->
|
||||
@foreach(getGlobalAssets() as $path)
|
||||
{!! sprintf('<script src="%s"></script>', asset($path)) !!}
|
||||
@endforeach
|
||||
<!--end::Global Javascript Bundle-->
|
||||
|
||||
<!--begin::Vendors Javascript(used by this page)-->
|
||||
@foreach(getVendors('js') as $path)
|
||||
{!! sprintf('<script src="%s"></script>', asset($path)) !!}
|
||||
@endforeach
|
||||
<!--end::Vendors Javascript-->
|
||||
|
||||
<!--begin::Custom Javascript(optional)-->
|
||||
@foreach(getCustomJs() as $path)
|
||||
{!! sprintf('<script src="%s"></script>', asset($path)) !!}
|
||||
@endforeach
|
||||
<!--end::Custom Javascript-->
|
||||
<!--end::Javascript-->
|
||||
@yield('scripts')
|
||||
@stack('customscript')
|
||||
|
||||
<script>
|
||||
@if(Session::has('success'))
|
||||
toastr.success("{{ Session::get('success') }}");
|
||||
@endif
|
||||
|
||||
@if(Session::has('error'))
|
||||
toastr.error("{{ Session::get('error') }}");
|
||||
@endif
|
||||
|
||||
@if($errors->any())
|
||||
@foreach($errors->all() as $error)
|
||||
toastr.error("{{ $error }}");
|
||||
@endforeach
|
||||
@endif
|
||||
</script>
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,27 @@
|
||||
<!--begin::Footer-->
|
||||
<div id="kt_app_footer" class="app-footer">
|
||||
<!--begin::Footer container-->
|
||||
<div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
|
||||
<!--begin::Copyright-->
|
||||
<div class="text-dark order-2 order-md-1">
|
||||
<span class="text-muted fw-semibold me-1">{{ date('Y') }}©</span>
|
||||
<a href="https://keenthemes.com" target="_blank" class="text-gray-800 text-hover-primary">Keenthemes</a>
|
||||
</div>
|
||||
<!--end::Copyright-->
|
||||
<!--begin::Menu-->
|
||||
<ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
|
||||
<li class="menu-item">
|
||||
<a href="https://keenthemes.com" target="_blank" class="menu-link px-2">About</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a href="https://devs.keenthemes.com" target="_blank" class="menu-link px-2">Support</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a href="https://1.envato.market/EA4JP" target="_blank" class="menu-link px-2">Purchase</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Footer container-->
|
||||
</div>
|
||||
<!--end::Footer-->
|
||||
@ -0,0 +1,21 @@
|
||||
<!--begin::Header-->
|
||||
<div id="kt_app_header" class="app-header">
|
||||
<!--begin::Header container-->
|
||||
<div class="app-container container-xxl d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
|
||||
<!--begin::Logo-->
|
||||
<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0 me-lg-15">
|
||||
<a href="/">
|
||||
<img alt="Logo" src="{{ image('logos/default-dark.svg') }}" class="h-20px h-lg-30px app-sidebar-logo-default" />
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Logo-->
|
||||
<!--begin::Header wrapper-->
|
||||
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/_menu')
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_navbar')
|
||||
</div>
|
||||
<!--end::Header wrapper-->
|
||||
</div>
|
||||
<!--end::Header container-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
@ -0,0 +1,24 @@
|
||||
<!--begin::Page title-->
|
||||
<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
|
||||
<!--begin::Title-->
|
||||
<h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">Multipurpose</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Breadcrumb-->
|
||||
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item text-muted">
|
||||
<a href="/" class="text-muted text-hover-primary">Home</a>
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item">
|
||||
<span class="bullet bg-gray-400 w-5px h-2px"></span>
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item text-muted">Dashboards</li>
|
||||
<!--end::Item-->
|
||||
</ul>
|
||||
<!--end::Breadcrumb-->
|
||||
</div>
|
||||
<!--end::Page title-->
|
||||
@ -0,0 +1,19 @@
|
||||
<!--begin::Toolbar-->
|
||||
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
|
||||
<!--begin::Toolbar container-->
|
||||
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/_page-title')
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex align-items-center gap-2 gap-lg-3">
|
||||
<!--begin::Secondary button-->
|
||||
<a href="#" class="btn btn-sm fw-bold bg-body btn-color-gray-700 btn-active-color-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">Rollover</a>
|
||||
<!--end::Secondary button-->
|
||||
<!--begin::Primary button-->
|
||||
<a href="#" class="btn btn-sm fw-bold btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_new_target">Add Target</a>
|
||||
<!--end::Primary button-->
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Toolbar container-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
@ -0,0 +1,250 @@
|
||||
<!--begin:Dashboards menu-->
|
||||
<div class="menu-state-bg menu-extended overflow-hidden overflow-lg-visible" data-kt-menu-dismiss="true">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-8 mb-3 mb-lg-0 py-3 px-3 py-lg-6 px-lg-6">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link active">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('element-11', 'text-primary fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Default</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Reports & statistics</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('basket', 'text-danger fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">eCommerce</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Sales reports</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('abstract-44', 'text-info fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Projects</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Tasts, graphs & charts</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('color-swatch', 'text-success fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Online Courses</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Student progress</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('chart-simple', 'text-dark fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Marketing</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('switch', 'text-warning fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Bidding</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('abstract-42', 'text-danger fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">POS System</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('call', 'text-primary fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Call Center</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
<div class="separator separator-dashed mx-5 my-5"></div>
|
||||
<!--begin:Landing-->
|
||||
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mx-5">
|
||||
<div class="d-flex flex-column me-5">
|
||||
<div class="fs-6 fw-bold text-gray-800">Landing Page Template</div>
|
||||
<div class="fs-7 fw-semibold text-muted">Onpe page landing template with pricing & others</div>
|
||||
</div>
|
||||
<a href="/" class="btn btn-sm btn-primary fw-bold">Explore</a>
|
||||
</div>
|
||||
<!--end:Landing-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="menu-more bg-light col-lg-4 py-3 px-3 py-lg-6 px-lg-6 rounded-end">
|
||||
<!--begin:Heading-->
|
||||
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">More Dashboards</h4>
|
||||
<!--end:Heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Logistics</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Website Analytics</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Finance Performance</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Store Analytics</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Social</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Delivery</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Crypto</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">School</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Podcast</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Dashboards menu-->
|
||||
@ -0,0 +1,153 @@
|
||||
<!--begin:Dashboards menu-->
|
||||
<div class="menu-active-bg pt-1 pb-3 px-3 py-lg-6 px-lg-6" data-kt-menu-dismiss="true">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Heading-->
|
||||
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">Layouts</h4>
|
||||
<!--end:Heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Light Sidebar</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Dark Sidebar</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Light Header</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Dark Header</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Heading-->
|
||||
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">Toolbars</h4>
|
||||
<!--end:Heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Classic</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">SaaS</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Accounting</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Extended</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Reports</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
<div class="separator separator-dashed mx-lg-5 mt-2 mb-6"></div>
|
||||
<!--begin:Layout Builder-->
|
||||
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mb-5 mb-lg-0 mx-lg-5">
|
||||
<div class="d-flex flex-column me-5">
|
||||
<div class="fs-6 fw-bold text-gray-800">Layout Builder</div>
|
||||
<div class="fs-7 fw-semibold text-muted">Customize, preview and export</div>
|
||||
</div>
|
||||
<a href="/" class="btn btn-sm btn-primary fw-bold">Try Builder</a>
|
||||
</div>
|
||||
<!--end:Layout Builder-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3 py-lg-3 pe-lg-8 d-flex align-items-center">
|
||||
<img src="{{ image('stock/900x600/45.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Dashboards menu-->
|
||||
@ -0,0 +1,106 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-5 mb-6 mb-lg-0">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Overview</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Settings</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Security</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Activity</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Billing</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Statements</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Referrals</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">API Keys</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Logs</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-7">
|
||||
<img src="{{ image('stock/900x600/46.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,386 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Corporate Layout</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-in</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two-steps</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Overlay Layout</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-in</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two-steps</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Creative Layout</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-in</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two-steps</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Fancy Layout</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-in</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two-steps</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">General</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Multi-steps Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two Factor Auth</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Welcome Message</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Verify Email</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Coming Soon</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Password Confirmation</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Account Deactivation</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Error 404</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Error 500</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Email Templates</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Welcome Message</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Subscription Confirmed</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Credit Card Declined</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Promo 1</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Promo 2</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Promo 3</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,285 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-8">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">User Profile</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Overview</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Projects</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Campaigns</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Documents</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Followers</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Activity</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Corporate</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">About</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Our Team</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Contact Us</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Licenses</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sitemap</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Careers</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Careers List</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Careers Apply</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">FAQ</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">FAQ Classic</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">FAQ Extended</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Blog</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Blog Home</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Blog Post</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Pricing</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Column Pricing</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Table Pricing</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Social</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Feeds</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Activty</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Followers</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Settings</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4">
|
||||
<img src="{{ image('stock/600x600/img-82.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,327 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-7">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">General Modals</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Invite Friends</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">View Users</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Select Users</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Upgrade Plan</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Share & Earn</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Target</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Card</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Address</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create API Key</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Bidding</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Advanced Modals</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create App</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Campaign</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Business Acc</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Project</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Top Up Wallet</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Offer a Deal</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two Factor Auth</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Search</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Horizontal</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Vertical</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Users</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Select Location</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Wizards</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Horizontal</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Vertical</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two Factor Auth</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create App</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Campaign</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Account</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Project</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Top Up Wallet</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Offer a Deal</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-5 pe-lg-5">
|
||||
<img src="{{ image('stock/600x600/img-84.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,67 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4 mb-6 mb-lg-0">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Lists</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Statistics</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Charts</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Mixed</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Tables</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Feeds</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-8">
|
||||
<img src="{{ image('stock/900x600/44.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,64 @@
|
||||
<!--begin:Pages menu-->
|
||||
<div class="menu-active-bg px-4 px-lg-0">
|
||||
<!--begin:Tabs nav-->
|
||||
<div class="d-flex w-100 overflow-auto">
|
||||
<ul class="nav nav-stretch nav-line-tabs fw-bold fs-6 p-0 p-lg-10 flex-nowrap flex-grow-1">
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 active text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_pages">General</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_account">Account</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_authentication">Authentication</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_utilities">Utilities</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_widgets">Widgets</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
</ul>
|
||||
</div>
|
||||
<!--end:Tabs nav-->
|
||||
<!--begin:Tab content-->
|
||||
<div class="tab-content py-4 py-lg-8 px-lg-7">
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane active w-lg-1000px" id="kt_app_header_menu_pages_pages">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-general')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane w-lg-600px" id="kt_app_header_menu_pages_account">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-account')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane w-lg-1000px" id="kt_app_header_menu_pages_authentication">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-authentication')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane w-lg-1000px" id="kt_app_header_menu_pages_utilities">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-utilities')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane w-lg-500px" id="kt_app_header_menu_pages_widgets">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/__pages-widgets')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
</div>
|
||||
<!--end:Tab content-->
|
||||
</div>
|
||||
<!--end:Pages menu-->
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,60 @@
|
||||
<!--begin::Navbar-->
|
||||
<div class="app-navbar flex-shrink-0">
|
||||
<!--begin::Search-->
|
||||
<div class="app-navbar-item align-items-stretch ms-1 ms-md-3">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/_dropdown')
|
||||
</div>
|
||||
<!--end::Search-->
|
||||
<!--begin::Activities-->
|
||||
<div class="app-navbar-item ms-1 ms-md-3">
|
||||
<!--begin::Drawer toggle-->
|
||||
<div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px" id="kt_activities_toggle">{!! getIcon('chart-simple', 'fs-2 fs-md-1') !!}</div>
|
||||
<!--end::Drawer toggle-->
|
||||
</div>
|
||||
<!--end::Activities-->
|
||||
<!--begin::Notifications-->
|
||||
<div class="app-navbar-item ms-1 ms-md-3">
|
||||
<!--begin::Menu- wrapper-->
|
||||
<div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" id="kt_menu_item_wow">{!! getIcon('element-plus', 'fs-2 fs-md-1') !!}</div>
|
||||
@include('partials/menus/_notifications-menu')
|
||||
<!--end::Menu wrapper-->
|
||||
</div>
|
||||
<!--end::Notifications-->
|
||||
<!--begin::Chat-->
|
||||
<div class="app-navbar-item ms-1 ms-md-3">
|
||||
<!--begin::Menu wrapper-->
|
||||
<div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px position-relative" id="kt_drawer_chat_toggle">{!! getIcon('message-text-2', 'fs-2 fs-md-1') !!}
|
||||
<span class="bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink"></span></div>
|
||||
<!--end::Menu wrapper-->
|
||||
</div>
|
||||
<!--end::Chat-->
|
||||
<!--begin::My apps links-->
|
||||
<div class="app-navbar-item ms-1 ms-md-3">
|
||||
<!--begin::Menu wrapper-->
|
||||
<div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">{!! getIcon('element-11', 'fs-2 fs-md-1') !!}</div>
|
||||
@include('partials/menus/_my-apps-menu')
|
||||
<!--end::Menu wrapper-->
|
||||
</div>
|
||||
<!--end::My apps links-->
|
||||
<!--begin::Theme mode-->
|
||||
<div class="app-navbar-item ms-1 ms-md-3">
|
||||
@include('partials/theme-mode/_main')
|
||||
</div>
|
||||
<!--end::Theme mode-->
|
||||
<!--begin::User menu-->
|
||||
<div class="app-navbar-item ms-1 ms-md-3" id="kt_header_user_menu_toggle">
|
||||
<!--begin::Menu wrapper-->
|
||||
<div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
|
||||
<img src="{{ image('avatars/300-1.jpg') }}" alt="user" />
|
||||
</div>
|
||||
@include('partials/menus/_user-account-menu')
|
||||
<!--end::Menu wrapper-->
|
||||
</div>
|
||||
<!--end::User menu-->
|
||||
<!--begin::Header menu toggle-->
|
||||
<div class="app-navbar-item d-lg-none ms-2 me-n3" title="Show header menu">
|
||||
<div class="btn btn-icon btn-active-color-primary w-30px h-30px w-md-35px h-md-35px" id="kt_app_header_menu_toggle">{!! getIcon('text-align-left', 'fs-2 fs-md-1') !!}</div>
|
||||
</div>
|
||||
<!--end::Header menu toggle-->
|
||||
</div>
|
||||
<!--end::Navbar-->
|
||||
@ -0,0 +1,33 @@
|
||||
|
||||
<!--begin::Search-->
|
||||
<div id="kt_header_search" class="header-search d-flex align-items-stretch" data-kt-search-keypress="true"
|
||||
data-kt-search-min-length="2" data-kt-search-enter="enter" data-kt-search-layout="menu" data-kt-menu-trigger="auto"
|
||||
data-kt-menu-overflow="false" data-kt-menu-permanent="true" data-kt-menu-placement="bottom-end">
|
||||
<!--begin::Search toggle-->
|
||||
<div class="d-flex align-items-center" data-kt-search-element="toggle" id="kt_header_search_toggle">
|
||||
<div
|
||||
class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px w-md-40px h-md-40px">
|
||||
{!! getIcon('magnifier', 'fs-2 fs-md-1') !!}
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Search toggle-->
|
||||
<!--begin::Menu-->
|
||||
<div data-kt-search-element="content" class="menu menu-sub menu-sub-dropdown p-7 w-325px w-md-375px">
|
||||
<!--begin::Wrapper-->
|
||||
<div data-kt-search-element="wrapper">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_form-dropdown')
|
||||
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_results')
|
||||
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_main')
|
||||
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_empty')
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_advanced-options')
|
||||
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/search/partials/_preferences')
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Search-->
|
||||
@ -0,0 +1,111 @@
|
||||
|
||||
<!--begin::Preferences-->
|
||||
<form data-kt-search-element="advanced-options-form" class="pt-1 d-none">
|
||||
<!--begin::Heading-->
|
||||
<h3 class="fw-bold text-dark mb-7">Advanced Search</h3>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<input type="text" class="form-control form-control-sm form-control-solid" placeholder="Contains the word" name="query" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<!--begin::Radio group-->
|
||||
<div class="nav-group nav-group-fluid">
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="type" value="has" checked="checked" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary">All</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="type" value="users" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Users</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="type" value="orders" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Orders</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="type" value="projects" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Projects</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Radio group-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<input type="text" name="assignedto" class="form-control form-control-sm form-control-solid" placeholder="Assigned to" value="" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<input type="text" name="collaborators" class="form-control form-control-sm form-control-solid" placeholder="Collaborators" value="" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<!--begin::Radio group-->
|
||||
<div class="nav-group nav-group-fluid">
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="attachment" value="has" checked="checked" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary">Has attachment</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="attachment" value="any" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Any</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Radio group-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<select name="timezone" aria-label="Select a Timezone" data-control="select2" data-placeholder="date_period" class="form-select form-select-sm form-select-solid">
|
||||
<option value="next">Within the next</option>
|
||||
<option value="last">Within the last</option>
|
||||
<option value="between">Between</option>
|
||||
<option value="on">On</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="row mb-8">
|
||||
<!--begin::Col-->
|
||||
<div class="col-6">
|
||||
<input type="number" name="date_number" class="form-control form-control-sm form-control-solid" placeholder="Lenght" value="" />
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-6">
|
||||
<select name="date_typer" aria-label="Select a Timezone" data-control="select2" data-placeholder="Period" class="form-select form-select-sm form-select-solid">
|
||||
<option value="days">Days</option>
|
||||
<option value="weeks">Weeks</option>
|
||||
<option value="months">Months</option>
|
||||
<option value="years">Years</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex justify-content-end">
|
||||
<button type="reset" class="btn btn-sm btn-light fw-bolder btn-active-light-primary me-2" data-kt-search-element="advanced-options-form-cancel">Cancel</button>
|
||||
<a href="#" class="btn btn-sm fw-bolder btn-primary" data-kt-search-element="advanced-options-form-search">Search</a>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</form>
|
||||
<!--end::Preferences-->
|
||||
|
||||
@ -0,0 +1,15 @@
|
||||
|
||||
|
||||
<!--begin::Empty-->
|
||||
<div data-kt-search-element="empty" class="text-center d-none">
|
||||
<!--begin::Icon-->
|
||||
<div class="pt-10 pb-10">{!! getSvgIcon('duotune/files/fil024.svg', 'svg-icon svg-icon-4x opacity-50') !!}</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Message-->
|
||||
<div class="pb-15 fw-bold">
|
||||
<h3 class="text-gray-600 fs-5 mb-2">No result found</h3>
|
||||
<div class="text-muted fs-7">Please try again with a different query</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</div>
|
||||
<!--end::Empty-->
|
||||
@ -0,0 +1,33 @@
|
||||
|
||||
|
||||
<!--begin::Form-->
|
||||
<form data-kt-search-element="form" class="w-100 position-relative mb-3" autocomplete="off">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/general/gen021.svg', 'svg-icon svg-icon-2 svg-icon-lg-1 svg-icon-gray-500 position-absolute top-50 translate-middle-y ms-0') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="search-input form-control form-control-flush ps-10" name="search" value="" placeholder="Search..." data-kt-search-element="input" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Spinner-->
|
||||
<span class="position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-1" data-kt-search-element="spinner">
|
||||
<span class="spinner-border h-15px w-15px align-middle text-gray-400"></span>
|
||||
</span>
|
||||
<!--end::Spinner-->
|
||||
<!--begin::Reset-->
|
||||
<span class="btn btn-flush btn-active-color-primary position-absolute top-50 end-0 translate-middle-y lh-0 d-none" data-kt-search-element="clear">{!! getSvgIcon('duotune/arrows/arr061.svg', 'svg-icon svg-icon-2 svg-icon-lg-1 me-0') !!}</span>
|
||||
<!--end::Reset-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="position-absolute top-50 end-0 translate-middle-y" data-kt-search-element="toolbar">
|
||||
<!--begin::Preferences toggle-->
|
||||
<div data-kt-search-element="preferences-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary me-1" data-bs-toggle="tooltip" title="Show search preferences">{!! getSvgIcon('duotune/coding/cod001.svg', 'svg-icon svg-icon-1') !!}</div>
|
||||
<!--end::Preferences toggle-->
|
||||
<!--begin::Advanced search toggle-->
|
||||
<div data-kt-search-element="advanced-options-form-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary" data-bs-toggle="tooltip" title="Show more search options">{!! getSvgIcon('duotune/arrows/arr072.svg', 'svg-icon svg-icon-2') !!}</div>
|
||||
<!--end::Advanced search toggle-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</form>
|
||||
<!--end::Form-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator border-gray-200 mb-6"></div>
|
||||
<!--end::Separator-->
|
||||
@ -0,0 +1,122 @@
|
||||
|
||||
|
||||
<!--begin::Recently viewed-->
|
||||
<div class="mb-5" data-kt-search-element="main">
|
||||
<!--begin::Heading-->
|
||||
<div class="d-flex flex-stack fw-bold mb-4">
|
||||
<!--begin::Label-->
|
||||
<span class="text-muted fs-6 me-2">Recently Searched:</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Items-->
|
||||
<div class="scroll-y mh-200px mh-lg-325px">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/electronics/elc004.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">BoomApp by Keenthemes</a>
|
||||
<span class="fs-7 text-muted fw-bold">#45789</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/graphs/gra001.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"Kept API Project Meeting</a>
|
||||
<span class="fs-7 text-muted fw-bold">#84050</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/graphs/gra006.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"KPI Monitoring App Launch</a>
|
||||
<span class="fs-7 text-muted fw-bold">#84250</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/graphs/gra002.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Reference FAQ</a>
|
||||
<span class="fs-7 text-muted fw-bold">#67945</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/communication/com010.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"FitPro App Development</a>
|
||||
<span class="fs-7 text-muted fw-bold">#84250</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/finance/fin001.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Shopix Mobile App</a>
|
||||
<span class="fs-7 text-muted fw-bold">#45690</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/graphs/gra002.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">"Landing UI Design" Launch</a>
|
||||
<span class="fs-7 text-muted fw-bold">#24005</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
</div>
|
||||
<!--end::Recently viewed-->
|
||||
@ -0,0 +1,56 @@
|
||||
|
||||
|
||||
<!--begin::Preferences-->
|
||||
<form data-kt-search-element="preferences" class="pt-1 d-none">
|
||||
<!--begin::Heading-->
|
||||
<h3 class="fw-bold text-dark mb-7">Search Preferences</h3>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="pb-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Projects</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="py-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Targets</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="py-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Affiliate Programs</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="py-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Referrals</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="py-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Users</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex justify-content-end pt-7">
|
||||
<button type="reset" class="btn btn-sm btn-light fw-bolder btn-active-light-primary me-2" data-kt-search-element="preferences-dismiss">Cancel</button>
|
||||
<button type="submit" class="btn btn-sm fw-bolder btn-primary">Save Changes</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</form>
|
||||
<!--end::Preferences-->
|
||||
|
||||
@ -0,0 +1,239 @@
|
||||
|
||||
|
||||
<!--begin::Recently viewed-->
|
||||
<div data-kt-search-element="results" class="d-none">
|
||||
<!--begin::Items-->
|
||||
<div class="scroll-y mh-200px mh-lg-350px">
|
||||
<!--begin::Category title-->
|
||||
<h3 class="fs-5 text-muted m-0 pb-5" data-kt-search-element="category-title">Users</h3>
|
||||
<!--end::Category title-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="{{ image('avatars/300-6.jpg') }}" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">Karina Clark</span>
|
||||
<span class="fs-7 fw-bold text-muted">Marketing Manager</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="{{ image('avatars/300-2.jpg') }}" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">Olivia Bold</span>
|
||||
<span class="fs-7 fw-bold text-muted">Software Engineer</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="{{ image('avatars/300-9.jpg') }}" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">Ana Clark</span>
|
||||
<span class="fs-7 fw-bold text-muted">UI/UX Designer</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="{{ image('avatars/300-14.jpg') }}" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">Nick Pitola</span>
|
||||
<span class="fs-7 fw-bold text-muted">Art Director</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="{{ image('avatars/300-11.jpg') }}" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">Edward Kulnic</span>
|
||||
<span class="fs-7 fw-bold text-muted">System Administrator</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Category title-->
|
||||
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Customers</h3>
|
||||
<!--end::Category title-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="{{ image('svg/brand-logos/volicity-9.svg') }}" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">Company Rbranding</span>
|
||||
<span class="fs-7 fw-bold text-muted">UI Design</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="{{ image('svg/brand-logos/tvit.svg') }}" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">Company Re-branding</span>
|
||||
<span class="fs-7 fw-bold text-muted">Web Development</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="{{ image('svg/misc/infography.svg') }}" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">Business Analytics App</span>
|
||||
<span class="fs-7 fw-bold text-muted">Administration</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="{{ image('svg/brand-logos/leaf.svg') }}" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">EcoLeaf App Launch</span>
|
||||
<span class="fs-7 fw-bold text-muted">Marketing</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="{{ image('svg/brand-logos/tower.svg') }}" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-bold">
|
||||
<span class="fs-6 fw-bold">Tower Group Website</span>
|
||||
<span class="fs-7 fw-bold text-muted">Google Adwords</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Category title-->
|
||||
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Projects</h3>
|
||||
<!--end::Category title-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/general/gen005.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold">Si-Fi Project by AU Themes</span>
|
||||
<span class="fs-7 fw-bold text-muted">#45670</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/general/gen032.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold">Shopix Mobile App Planning</span>
|
||||
<span class="fs-7 fw-bold text-muted">#45690</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/communication/com012.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold">Finance Monitoring SAAS Discussion</span>
|
||||
<span class="fs-7 fw-bold text-muted">#21090</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getSvgIcon('duotune/communication/com006.svg', 'svg-icon svg-icon-2 svg-icon-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold">Dashboard Analitics Launch</span>
|
||||
<span class="fs-7 fw-bold text-muted">#34560</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
</div>
|
||||
<!--end::Recently viewed-->
|
||||
@ -0,0 +1,14 @@
|
||||
<!--begin::Footer-->
|
||||
<div id="kt_app_footer" class="app-footer">
|
||||
<!--begin::Footer container-->
|
||||
<div class="app-container container-fluid d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
|
||||
<!--begin::Copyright-->
|
||||
<div class="text-dark order-2 order-md-1">
|
||||
<span class="text-muted fw-semibold me-1">{{ date('Y') }}©</span>
|
||||
<a href="https://daengdeni.tech" target="_blank" class="text-gray-800 text-hover-primary">Daeng Deni Mardaeni</a>
|
||||
</div>
|
||||
<!--end::Copyright-->
|
||||
</div>
|
||||
<!--end::Footer container-->
|
||||
</div>
|
||||
<!--end::Footer-->
|
||||
@ -0,0 +1,26 @@
|
||||
<!--begin::Header-->
|
||||
<div id="kt_app_header" class="app-header">
|
||||
<!--begin::Header container-->
|
||||
<div class="app-container container-fluid d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
|
||||
<!--begin::Sidebar mobile toggle-->
|
||||
<div class="d-flex align-items-center d-lg-none ms-n3 me-1 me-md-2" title="Show sidebar menu">
|
||||
<div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_sidebar_mobile_toggle">{!! getIcon('abstract-14', 'fs-2 fs-md-1') !!}</div>
|
||||
</div>
|
||||
<!--end::Sidebar mobile toggle-->
|
||||
<!--begin::Mobile logo-->
|
||||
<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">
|
||||
<a href="/" class="d-lg-none">
|
||||
<img alt="Logo" src="{{ image('logos/default-small.svg') }}" class="h-30px" />
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Mobile logo-->
|
||||
<!--begin::Header wrapper-->
|
||||
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_menu/_menu')
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_navbar')
|
||||
</div>
|
||||
<!--end::Header wrapper-->
|
||||
</div>
|
||||
<!--end::Header container-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
@ -0,0 +1,58 @@
|
||||
<!--begin::Page title-->
|
||||
<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
|
||||
@php
|
||||
$route = explode('.',Route::currentRouteName());
|
||||
@endphp
|
||||
|
||||
<!--begin::Title-->
|
||||
<h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0 text-capitalize">
|
||||
{{ ucfirst(str_replace('-',' ',$route[0])) }}
|
||||
@if(count($route) > 1)
|
||||
@if($route[1] !== 'index' && $route[1] !== 'users')
|
||||
{{ $route[1] }}
|
||||
@endif
|
||||
@endif
|
||||
|
||||
</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Breadcrumb-->
|
||||
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item text-muted">
|
||||
<a href="{{ route('dashboard') }}" class="text-muted text-hover-primary">Dashboard</a>
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item">
|
||||
<span class="bullet bg-gray-400 w-5px h-2px"></span>
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
|
||||
@if(count($route) > 1)
|
||||
@if($route[1] !== 'index' && $route[1] !=='users')
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item text-muted text-capitalize">{{ ucfirst(str_replace('-',' ',$route[0])) }}</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item">
|
||||
<span class="bullet bg-gray-400 w-5px h-2px"></span>
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item text-muted text-capitalize">{{ ucfirst(str_replace('-',' ',$route[1]))}}</li>
|
||||
<!--end::Item-->
|
||||
@else
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item text-muted text-capitalize">{{ ucfirst(str_replace('-',' ',$route[0])) }}</li>
|
||||
<!--end::Item-->
|
||||
@endif
|
||||
@else
|
||||
<!--begin::Item-->
|
||||
<li class="breadcrumb-item text-muted text-capitalize">{{ ucfirst(str_replace('-',' ',$route[0])) }}</li>
|
||||
<!--end::Item-->
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
<!--end::Breadcrumb-->
|
||||
</div>
|
||||
<!--end::Page title-->
|
||||
@ -0,0 +1,6 @@
|
||||
<!--begin::Sidebar-->
|
||||
<div id="kt_app_sidebar" class="app-sidebar flex-column" data-kt-drawer="true" data-kt-drawer-name="app-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="225px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_sidebar_mobile_toggle">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/sidebar/_logo')
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/sidebar/_menu')
|
||||
</div>
|
||||
<!--end::Sidebar-->
|
||||
@ -0,0 +1,50 @@
|
||||
<!--begin::Toolbar-->
|
||||
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
|
||||
<!--begin::Toolbar container-->
|
||||
<div id="kt_app_toolbar_container" class="app-container container-fluid d-flex flex-stack">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/_page-title')
|
||||
@php
|
||||
$route = explode('.',Route::currentRouteName());
|
||||
@endphp
|
||||
|
||||
@if(isset($route[1]) && $route[1] == 'index')
|
||||
@if($route[0]=='document')<!--begin::Actions-->
|
||||
<div class="d-flex align-items-center gap-2 gap-lg-3">
|
||||
<!--begin::Primary button-->
|
||||
<a href="{{ route($route[0].'.create') }}" class="btn btn-sm fw-bold btn-primary text-capitalize">Add {{ str_replace('-',' ',$route[0]) }}</a>
|
||||
<!--end::Primary button-->
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
@else
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex align-items-center gap-2 gap-lg-3">
|
||||
<!--begin::Primary button-->
|
||||
<a href="{{ route($route[0].'.create') }}" class="btn btn-sm fw-bold btn-primary text-capitalize" data-bs-toggle="modal" data-bs-target="#kt_modal_{{ $route[0] }}">Add {{ str_replace('-',' ',$route[0]) }}</a>
|
||||
<!--end::Primary button-->
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
@endif
|
||||
@elseif(isset($route[2]) && $route[2] == 'index')
|
||||
@if($route[1]!=='users')
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex align-items-center gap-2 gap-lg-3">
|
||||
<!--begin::Primary button-->
|
||||
<a href="{{ route($route[0].'.'.$route[1].'.create') }}" class="btn btn-sm fw-bold btn-primary text-capitalize" data-bs-toggle="modal" data-bs-target="#kt_modal_{{ $route[0] }}_{{ $route[1] }}">Add {{ str_replace('-',' ',$route[1]) }}</a>
|
||||
<!--end::Primary button-->
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
@else
|
||||
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex align-items-center gap-2 gap-lg-3">
|
||||
<!--begin::Primary button-->
|
||||
<a href="{{ route($route[0].'.'.$route[1].'.create') }}" class="btn btn-sm fw-bold btn-primary text-capitalize" data-bs-toggle="modal" data-bs-target="#kt_modal_{{ $route[0] }}_{{ $route[1] }}">Add {{ str_replace('-',' ',$route[1]) }}</a>
|
||||
<!--end::Primary button-->
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
<!--end::Toolbar container-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
@ -0,0 +1,250 @@
|
||||
<!--begin:Dashboards menu-->
|
||||
<div class="menu-state-bg menu-extended overflow-hidden overflow-lg-visible" data-kt-menu-dismiss="true">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-8 mb-3 mb-lg-0 py-3 px-3 py-lg-6 px-lg-6">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link active">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('element-11', 'text-primary fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Default</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Reports & statistics</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('basket', 'text-danger fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">eCommerce</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Sales reports</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('abstract-44', 'text-info fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Projects</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Tasts, graphs & charts</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('color-swatch', 'text-success fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Online Courses</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Student progress</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('chart-simple', 'text-dark fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Marketing</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('switch', 'text-warning fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Bidding</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('abstract-42', 'text-danger fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">POS System</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-custom-icon d-flex flex-center flex-shrink-0 rounded w-40px h-40px me-3">{!! getIcon('call', 'text-primary fs-1') !!}</span>
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fs-6 fw-bold text-gray-800">Call Center</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Campaings & conversions</span>
|
||||
</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
<div class="separator separator-dashed mx-5 my-5"></div>
|
||||
<!--begin:Landing-->
|
||||
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mx-5">
|
||||
<div class="d-flex flex-column me-5">
|
||||
<div class="fs-6 fw-bold text-gray-800">Landing Page Template</div>
|
||||
<div class="fs-7 fw-semibold text-muted">Onpe page landing template with pricing & others</div>
|
||||
</div>
|
||||
<a href="/" class="btn btn-sm btn-primary fw-bold">Explore</a>
|
||||
</div>
|
||||
<!--end:Landing-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="menu-more bg-light col-lg-4 py-3 px-3 py-lg-6 px-lg-6 rounded-end">
|
||||
<!--begin:Heading-->
|
||||
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">More Dashboards</h4>
|
||||
<!--end:Heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Logistics</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Website Analytics</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Finance Performance</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Store Analytics</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Social</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Delivery</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Crypto</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">School</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link py-2">
|
||||
<span class="menu-title">Podcast</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Dashboards menu-->
|
||||
@ -0,0 +1,153 @@
|
||||
<!--begin:Dashboards menu-->
|
||||
<div class="menu-active-bg pt-1 pb-3 px-3 py-lg-6 px-lg-6" data-kt-menu-dismiss="true">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Heading-->
|
||||
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">Layouts</h4>
|
||||
<!--end:Heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Light Sidebar</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Dark Sidebar</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Light Header</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Dark Header</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3">
|
||||
<!--begin:Heading-->
|
||||
<h4 class="fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4">Toolbars</h4>
|
||||
<!--end:Heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Classic</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">SaaS</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Accounting</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Extended</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot bg-gray-300i h-6px w-6px"></span>
|
||||
</span>
|
||||
<span class="menu-title">Reports</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
<div class="separator separator-dashed mx-lg-5 mt-2 mb-6"></div>
|
||||
<!--begin:Layout Builder-->
|
||||
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mb-5 mb-lg-0 mx-lg-5">
|
||||
<div class="d-flex flex-column me-5">
|
||||
<div class="fs-6 fw-bold text-gray-800">Layout Builder</div>
|
||||
<div class="fs-7 fw-semibold text-muted">Customize, preview and export</div>
|
||||
</div>
|
||||
<a href="/" class="btn btn-sm btn-primary fw-bold">Try Builder</a>
|
||||
</div>
|
||||
<!--end:Layout Builder-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6 mb-3 py-lg-3 pe-lg-8 d-flex align-items-center">
|
||||
<img src="{{ image('stock/900x600/45.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Dashboards menu-->
|
||||
@ -0,0 +1,106 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-5 mb-6 mb-lg-0">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Overview</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Settings</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Security</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Activity</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Billing</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-6">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Statements</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Referrals</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">API Keys</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Logs</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-7">
|
||||
<img src="{{ image('stock/900x600/46.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,386 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Corporate Layout</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-in</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two-steps</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Overlay Layout</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-in</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two-steps</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Creative Layout</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-in</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two-steps</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Fancy Layout</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-in</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two-steps</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">General</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Multi-steps Sign-up</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two Factor Auth</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Welcome Message</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Verify Email</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Coming Soon</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Password Confirmation</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Account Deactivation</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Error 404</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Error 500</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Email Templates</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Welcome Message</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Reset Password</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Subscription Confirmed</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Credit Card Declined</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Promo 1</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Promo 2</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Promo 3</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,285 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-8">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">User Profile</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Overview</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Projects</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Campaigns</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Documents</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Followers</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Activity</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Corporate</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">About</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Our Team</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Contact Us</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Licenses</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Sitemap</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Careers</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Careers List</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Careers Apply</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">FAQ</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">FAQ Classic</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">FAQ Extended</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Blog</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Blog Home</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Blog Post</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Pricing</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Column Pricing</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Table Pricing</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-3 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Social</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Feeds</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Activty</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Followers</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Settings</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4">
|
||||
<img src="{{ image('stock/600x600/img-82.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,327 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-7">
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">General Modals</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Invite Friends</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">View Users</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Select Users</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Upgrade Plan</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Share & Earn</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Target</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Card</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">New Address</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create API Key</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Bidding</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-6">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Advanced Modals</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create App</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Campaign</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Business Acc</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Project</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Top Up Wallet</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Offer a Deal</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two Factor Auth</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Search</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Horizontal</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Vertical</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Users</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Select Location</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4 mb-6 mb-lg-0">
|
||||
<!--begin:Menu section-->
|
||||
<div class="mb-0">
|
||||
<!--begin:Menu heading-->
|
||||
<h4 class="fs-6 fs-lg-4 fw-bold mb-3 ms-4">Wizards</h4>
|
||||
<!--end:Menu heading-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Horizontal</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Vertical</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Two Factor Auth</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create App</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Campaign</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Account</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Create Project</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Top Up Wallet</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Offer a Deal</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu section-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-5 pe-lg-5">
|
||||
<img src="{{ image('stock/600x600/img-84.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,67 @@
|
||||
<!--begin:Row-->
|
||||
<div class="row">
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-4 mb-6 mb-lg-0">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Lists</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Statistics</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Charts</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Mixed</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Tables</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item p-0 m-0">
|
||||
<!--begin:Menu link-->
|
||||
<a href="/" class="menu-link">
|
||||
<span class="menu-title">Feeds</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
<!--begin:Col-->
|
||||
<div class="col-lg-8">
|
||||
<img src="{{ image('stock/900x600/44.jpg') }}" class="rounded mw-100" alt="" />
|
||||
</div>
|
||||
<!--end:Col-->
|
||||
</div>
|
||||
<!--end:Row-->
|
||||
@ -0,0 +1,64 @@
|
||||
<!--begin:Pages menu-->
|
||||
<div class="menu-active-bg px-4 px-lg-0">
|
||||
<!--begin:Tabs nav-->
|
||||
<div class="d-flex w-100 overflow-auto">
|
||||
<ul class="nav nav-stretch nav-line-tabs fw-bold fs-6 p-0 p-lg-10 flex-nowrap flex-grow-1">
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 active text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_pages">General</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_account">Account</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_authentication">Authentication</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_utilities">Utilities</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
<!--begin:Nav item-->
|
||||
<li class="nav-item mx-lg-1">
|
||||
<a class="nav-link py-3 py-lg-6 text-active-primary" href="#" data-bs-toggle="tab" data-bs-target="#kt_app_header_menu_pages_widgets">Widgets</a>
|
||||
</li>
|
||||
<!--end:Nav item-->
|
||||
</ul>
|
||||
</div>
|
||||
<!--end:Tabs nav-->
|
||||
<!--begin:Tab content-->
|
||||
<div class="tab-content py-4 py-lg-8 px-lg-7">
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane active w-lg-1000px" id="kt_app_header_menu_pages_pages">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_menu/__pages-general')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane w-lg-600px" id="kt_app_header_menu_pages_account">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_menu/__pages-account')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane w-lg-1000px" id="kt_app_header_menu_pages_authentication">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_menu/__pages-authentication')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane w-lg-1000px" id="kt_app_header_menu_pages_utilities">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_menu/__pages-utilities')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
<!--begin:Tab pane-->
|
||||
<div class="tab-pane w-lg-500px" id="kt_app_header_menu_pages_widgets">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_menu/__pages-widgets')
|
||||
</div>
|
||||
<!--end:Tab pane-->
|
||||
</div>
|
||||
<!--end:Tab content-->
|
||||
</div>
|
||||
<!--end:Pages menu-->
|
||||
@ -0,0 +1,9 @@
|
||||
<!--begin::Menu wrapper-->
|
||||
<div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="250px" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
|
||||
<!--begin::Menu-->
|
||||
<div class="menu menu-rounded menu-column menu-lg-row my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-0" id="kt_app_header_menu" data-kt-menu="true">
|
||||
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Menu wrapper-->
|
||||
@ -0,0 +1,24 @@
|
||||
<!--begin::Navbar-->
|
||||
<div class="app-navbar flex-shrink-0">
|
||||
<!--begin::Theme mode-->
|
||||
<div class="app-navbar-item ms-1 ms-md-3">
|
||||
@include('partials/theme-mode/_main')
|
||||
</div>
|
||||
<!--end::Theme mode-->
|
||||
<!--begin::User menu-->
|
||||
<div class="app-navbar-item ms-1 ms-md-3" id="kt_header_user_menu_toggle">
|
||||
<!--begin::Menu wrapper-->
|
||||
<div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
|
||||
<img src="{{ image('avatars/300-1.jpg') }}" alt="user" />
|
||||
</div>
|
||||
@include('partials/menus/_user-account-menu')
|
||||
<!--end::Menu wrapper-->
|
||||
</div>
|
||||
<!--end::User menu-->
|
||||
<!--begin::Header menu toggle-->
|
||||
<div class="app-navbar-item d-lg-none ms-2 me-n3" title="Show header menu">
|
||||
<div class="btn btn-icon btn-active-color-primary w-30px h-30px w-md-35px h-md-35px" id="kt_app_header_menu_toggle">{!! getIcon('text-align-left', 'fs-2 fs-md-1') !!}</div>
|
||||
</div>
|
||||
<!--end::Header menu toggle-->
|
||||
</div>
|
||||
<!--end::Navbar-->
|
||||
@ -0,0 +1,33 @@
|
||||
|
||||
<!--begin::Search-->
|
||||
<div id="kt_header_search" class="header-search d-flex align-items-stretch" data-kt-search-keypress="true"
|
||||
data-kt-search-min-length="2" data-kt-search-enter="enter" data-kt-search-layout="menu" data-kt-menu-trigger="auto"
|
||||
data-kt-menu-overflow="false" data-kt-menu-permanent="true" data-kt-menu-placement="bottom-end">
|
||||
<!--begin::Search toggle-->
|
||||
<div class="d-flex align-items-center" data-kt-search-element="toggle" id="kt_header_search_toggle">
|
||||
<div
|
||||
class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px w-md-40px h-md-40px">
|
||||
{!! getIcon('magnifier', 'fs-2 fs-md-1') !!}
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Search toggle-->
|
||||
<!--begin::Menu-->
|
||||
<div data-kt-search-element="content" class="menu menu-sub menu-sub-dropdown p-7 w-325px w-md-375px">
|
||||
<!--begin::Wrapper-->
|
||||
<div data-kt-search-element="wrapper">
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/search/partials/_form-dropdown')
|
||||
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/search/partials/_results')
|
||||
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/search/partials/_main')
|
||||
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/search/partials/_empty')
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/search/partials/_advanced-options')
|
||||
|
||||
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/search/partials/_preferences')
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Search-->
|
||||
@ -0,0 +1,109 @@
|
||||
<!--begin::Preferences-->
|
||||
<form data-kt-search-element="advanced-options-form" class="pt-1 d-none">
|
||||
<!--begin::Heading-->
|
||||
<h3 class="fw-semibold text-dark mb-7">Advanced Search</h3>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<input type="text" class="form-control form-control-sm form-control-solid" placeholder="Contains the word" name="query" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<!--begin::Radio group-->
|
||||
<div class="nav-group nav-group-fluid">
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="type" value="has" checked="checked" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary">All</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="type" value="users" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Users</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="type" value="orders" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Orders</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="type" value="projects" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Projects</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Radio group-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<input type="text" name="assignedto" class="form-control form-control-sm form-control-solid" placeholder="Assigned to" value="" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<input type="text" name="collaborators" class="form-control form-control-sm form-control-solid" placeholder="Collaborators" value="" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<!--begin::Radio group-->
|
||||
<div class="nav-group nav-group-fluid">
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="attachment" value="has" checked="checked" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary">Has attachment</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label>
|
||||
<input type="radio" class="btn-check" name="attachment" value="any" />
|
||||
<span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Any</span>
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Radio group-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-5">
|
||||
<select name="timezone" aria-label="Select a Timezone" data-control="select2" data-placeholder="date_period" class="form-select form-select-sm form-select-solid">
|
||||
<option value="next">Within the next</option>
|
||||
<option value="last">Within the last</option>
|
||||
<option value="between">Between</option>
|
||||
<option value="on">On</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="row mb-8">
|
||||
<!--begin::Col-->
|
||||
<div class="col-6">
|
||||
<input type="number" name="date_number" class="form-control form-control-sm form-control-solid" placeholder="Lenght" value="" />
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-6">
|
||||
<select name="date_typer" aria-label="Select a Timezone" data-control="select2" data-placeholder="Period" class="form-select form-select-sm form-select-solid">
|
||||
<option value="days">Days</option>
|
||||
<option value="weeks">Weeks</option>
|
||||
<option value="months">Months</option>
|
||||
<option value="years">Years</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex justify-content-end">
|
||||
<button type="reset" class="btn btn-sm btn-light fw-bold btn-active-light-primary me-2" data-kt-search-element="advanced-options-form-cancel">Cancel</button>
|
||||
<a href="#" class="btn btn-sm fw-bold btn-primary" data-kt-search-element="advanced-options-form-search">Search</a>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</form>
|
||||
<!--end::Preferences-->
|
||||
@ -0,0 +1,13 @@
|
||||
<!--begin::Empty-->
|
||||
<div data-kt-search-element="empty" class="text-center d-none">
|
||||
<!--begin::Icon-->
|
||||
<div class="pt-10 pb-10">{!! getIcon('search-list', 'fs-4x opacity-50') !!}</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Message-->
|
||||
<div class="pb-15 fw-semibold">
|
||||
<h3 class="text-gray-600 fs-5 mb-2">No result found</h3>
|
||||
<div class="text-muted fs-7">Please try again with a different query</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</div>
|
||||
<!--end::Empty-->
|
||||
@ -0,0 +1,30 @@
|
||||
<!--begin::Form-->
|
||||
<form data-kt-search-element="form" class="w-100 position-relative mb-3" autocomplete="off">
|
||||
<!--begin::Icon-->
|
||||
{!! getIcon('magnifier', 'fs-2 text-gray-500 position-absolute top-50 translate-middle-y ms-0') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="search-input form-control form-control-flush ps-10" name="search" value="" placeholder="Search..." data-kt-search-element="input" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Spinner-->
|
||||
<span class="search-spinner position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-1" data-kt-search-element="spinner">
|
||||
<span class="spinner-border h-15px w-15px align-middle text-gray-400"></span>
|
||||
</span>
|
||||
<!--end::Spinner-->
|
||||
<!--begin::Reset-->
|
||||
<span class="search-reset btn btn-flush btn-active-color-primary position-absolute top-50 end-0 translate-middle-y lh-0 d-none" data-kt-search-element="clear">{!! getIcon('cross', 'fs-2 fs-lg-1 me-0') !!}</span>
|
||||
<!--end::Reset-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="position-absolute top-50 end-0 translate-middle-y" data-kt-search-element="toolbar">
|
||||
<!--begin::Preferences toggle-->
|
||||
<div data-kt-search-element="preferences-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary me-1" data-bs-toggle="tooltip" title="Show search preferences">{!! getIcon('setting-2', 'fs-2') !!}</div>
|
||||
<!--end::Preferences toggle-->
|
||||
<!--begin::Advanced search toggle-->
|
||||
<div data-kt-search-element="advanced-options-form-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary" data-bs-toggle="tooltip" title="Show more search options">{!! getIcon('down', 'fs-2') !!}</div>
|
||||
<!--end::Advanced search toggle-->
|
||||
</div>
|
||||
<!--end::Toolbar--></form>
|
||||
<!--end::Form-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator border-gray-200 mb-6"></div>
|
||||
<!--end::Separator-->
|
||||
@ -0,0 +1,120 @@
|
||||
<!--begin::Recently viewed-->
|
||||
<div class="mb-5" data-kt-search-element="main">
|
||||
<!--begin::Heading-->
|
||||
<div class="d-flex flex-stack fw-semibold mb-4">
|
||||
<!--begin::Label-->
|
||||
<span class="text-muted fs-6 me-2">Recently Searched:</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Items-->
|
||||
<div class="scroll-y mh-200px mh-lg-325px">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('laptop', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">BoomApp by Keenthemes</a>
|
||||
<span class="fs-7 text-muted fw-semibold">#45789</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('chart-simple', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">"Kept API Project Meeting</a>
|
||||
<span class="fs-7 text-muted fw-semibold">#84050</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('chart', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">"KPI Monitoring App Launch</a>
|
||||
<span class="fs-7 text-muted fw-semibold">#84250</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('chart-line-down', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">Project Reference FAQ</a>
|
||||
<span class="fs-7 text-muted fw-semibold">#67945</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('sms', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">"FitPro App Development</a>
|
||||
<span class="fs-7 text-muted fw-semibold">#84250</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('bank', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">Shopix Mobile App</a>
|
||||
<span class="fs-7 text-muted fw-semibold">#45690</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('chart-line-down', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-semibold">"Landing UI Design" Launch</a>
|
||||
<span class="fs-7 text-muted fw-semibold">#24005</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
</div>
|
||||
<!--end::Recently viewed-->
|
||||
@ -0,0 +1,53 @@
|
||||
<!--begin::Preferences-->
|
||||
<form data-kt-search-element="preferences" class="pt-1 d-none">
|
||||
<!--begin::Heading-->
|
||||
<h3 class="fw-semibold text-dark mb-7">Search Preferences</h3>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="pb-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Projects</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="py-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Targets</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="py-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Affiliate Programs</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="py-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Referrals</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="py-4 border-bottom">
|
||||
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
||||
<span class="form-check-label text-gray-700 fs-6 fw-semibold ms-0 me-2">Users</span>
|
||||
<input class="form-check-input" type="checkbox" value="1" />
|
||||
</label>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex justify-content-end pt-7">
|
||||
<button type="reset" class="btn btn-sm btn-light fw-bold btn-active-light-primary me-2" data-kt-search-element="preferences-dismiss">Cancel</button>
|
||||
<button type="submit" class="btn btn-sm fw-bold btn-primary">Save Changes</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</form>
|
||||
<!--end::Preferences-->
|
||||
@ -0,0 +1,237 @@
|
||||
<!--begin::Recently viewed-->
|
||||
<div data-kt-search-element="results" class="d-none">
|
||||
<!--begin::Items-->
|
||||
<div class="scroll-y mh-200px mh-lg-350px">
|
||||
<!--begin::Category title-->
|
||||
<h3 class="fs-5 text-muted m-0 pb-5" data-kt-search-element="category-title">Users</h3>
|
||||
<!--end::Category title-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="assets/media/avatars/300-6.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">Karina Clark</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Marketing Manager</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="assets/media/avatars/300-2.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">Olivia Bold</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Software Engineer</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="assets/media/avatars/300-9.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">Ana Clark</span>
|
||||
<span class="fs-7 fw-semibold text-muted">UI/UX Designer</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="assets/media/avatars/300-14.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">Nick Pitola</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Art Director</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<img src="assets/media/avatars/300-11.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">Edward Kulnic</span>
|
||||
<span class="fs-7 fw-semibold text-muted">System Administrator</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Category title-->
|
||||
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Customers</h3>
|
||||
<!--end::Category title-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/volicity-9.svg" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">Company Rbranding</span>
|
||||
<span class="fs-7 fw-semibold text-muted">UI Design</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tvit.svg" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">Company Re-branding</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Web Development</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="assets/media/svg/misc/infography.svg" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">Business Analytics App</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Administration</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/leaf.svg" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">EcoLeaf App Launch</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Marketing</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">
|
||||
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tower.svg" alt="" />
|
||||
</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column justify-content-start fw-semibold">
|
||||
<span class="fs-6 fw-semibold">Tower Group Website</span>
|
||||
<span class="fs-7 fw-semibold text-muted">Google Adwords</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Category title-->
|
||||
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Projects</h3>
|
||||
<!--end::Category title-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('notepad', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<span class="fs-6 fw-semibold">Si-Fi Project by AU Themes</span>
|
||||
<span class="fs-7 fw-semibold text-muted">#45670</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('frame', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<span class="fs-6 fw-semibold">Shopix Mobile App Planning</span>
|
||||
<span class="fs-7 fw-semibold text-muted">#45690</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('message-text-2', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<span class="fs-6 fw-semibold">Finance Monitoring SAAS Discussion</span>
|
||||
<span class="fs-7 fw-semibold text-muted">#21090</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-40px me-4">
|
||||
<span class="symbol-label bg-light">{!! getIcon('profile-circle', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="d-flex flex-column">
|
||||
<span class="fs-6 fw-semibold">Dashboard Analitics Launch</span>
|
||||
<span class="fs-7 fw-semibold text-muted">#34560</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</a>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
</div>
|
||||
<!--end::Recently viewed-->
|
||||
@ -0,0 +1,6 @@
|
||||
<!--begin::Footer-->
|
||||
<div class="app-sidebar-footer flex-column-auto pt-2 pb-6 px-6" id="kt_app_sidebar_footer">
|
||||
<a href="https://preview.keenthemes.com/html/metronic/docs" class="btn btn-flex flex-center btn-custom btn-primary overflow-hidden text-nowrap px-0 h-40px w-100" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss-="click" title="200+ in-house components and 3rd-party plugins">
|
||||
<span class="btn-label">Docs & Components</span>{!! getIcon('document', 'btn-icon fs-2 m-0') !!}</a>
|
||||
</div>
|
||||
<!--end::Footer-->
|
||||
@ -0,0 +1,31 @@
|
||||
<!--begin::Logo-->
|
||||
<div class="app-sidebar-logo px-6" id="kt_app_sidebar_logo">
|
||||
<!--begin::Logo image-->
|
||||
<a href="/">
|
||||
<img alt="Logo" src="{{ image('logos/default-dark.svg') }}" class="h-25px app-sidebar-logo-default" />
|
||||
<img alt="Logo" src="{{ image('logos/default-small.svg') }}" class="h-20px app-sidebar-logo-minimize" />
|
||||
</a>
|
||||
<!--end::Logo image-->
|
||||
<!--begin::Sidebar toggle-->
|
||||
<!--begin::Minimized sidebar setup:
|
||||
if (isset($_COOKIE["sidebar_minimize_state"]) && $_COOKIE["sidebar_minimize_state"] === "on") {
|
||||
1. "src/js/layout/sidebar.js" adds "sidebar_minimize_state" cookie value to save the sidebar minimize state.
|
||||
2. Set data-kt-app-sidebar-minimize="on" attribute for body tag.
|
||||
3. Set data-kt-toggle-state="active" attribute to the toggle element with "kt_app_sidebar_toggle" id.
|
||||
4. Add "active" class to to sidebar toggle element with "kt_app_sidebar_toggle" id.
|
||||
}
|
||||
-->
|
||||
<div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary body-bg h-30px w-30px position-absolute top-50 start-100 translate-middle rotate" data-kt-toggle="true" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">
|
||||
{!! getIcon('double-left', 'fs-2 rotate-180') !!}
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var sidebar_toggle = document.getElementById("kt_app_sidebar_toggle"); // Get the sidebar toggle button element
|
||||
if ("{{ Cookie::get('sidebar_minimize_state') }}" === "on") {
|
||||
document.body.setAttribute("data-kt-app-sidebar-minimize", "on"); // Set the 'data-kt-app-sidebar-minimize' attribute for the body tag
|
||||
sidebar_toggle.setAttribute("data-kt-toggle-state", "active"); // Set the 'data-kt-toggle-state' attribute for the sidebar toggle button
|
||||
sidebar_toggle.classList.add("active"); // Add the 'active' class to the sidebar toggle button
|
||||
}
|
||||
</script>
|
||||
<!--end::Sidebar toggle-->
|
||||
</div>
|
||||
<!--end::Logo-->
|
||||
@ -0,0 +1,187 @@
|
||||
@php
|
||||
$route = explode('.',Route::currentRouteName());
|
||||
$modules = file_get_contents(dirname(__FILE__, 4) . '/modules_statuses.json');
|
||||
$module = json_decode($modules);
|
||||
@endphp
|
||||
|
||||
<!--begin::sidebar menu-->
|
||||
<div class="app-sidebar-menu overflow-hidden flex-column-fluid">
|
||||
<!--begin::Menu wrapper-->
|
||||
<div id="kt_app_sidebar_menu_wrapper" class="app-sidebar-wrapper hover-scroll-overlay-y my-5" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_app_sidebar_logo, #kt_app_sidebar_footer" data-kt-scroll-wrappers="#kt_app_sidebar_menu" data-kt-scroll-offset="5px" data-kt-scroll-save-state="true">
|
||||
<!--begin::Menu-->
|
||||
<div class="menu menu-column menu-rounded menu-sub-indention px-3" id="#kt_app_sidebar_menu" data-kt-menu="true" data-kt-menu-expand="false">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item {{ $route[0] == 'dashboard' || empty($route[0]) ? 'here' : '' }}">
|
||||
<!--begin:Menu link-->
|
||||
<a class="menu-link {{ $route[0] == 'dashboard' || empty($route[0]) ? 'active' : '' }}" href="{{ route('dashboard') }}">
|
||||
<span class="menu-icon">{!! getIcon('element-11', 'fs-2') !!}</span>
|
||||
<span class="menu-title">Dashboards </span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
|
||||
<!--begin:Menu item-->
|
||||
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
|
||||
<!--begin:Menu link-->
|
||||
<span class="menu-link">
|
||||
<span class="menu-icon">{!! getIcon('user-tick', 'fs-2') !!}</span>
|
||||
<span class="menu-title">Account</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</span>
|
||||
<!--end:Menu link-->
|
||||
<!--begin:Menu sub-->
|
||||
<div class="menu-sub menu-sub-accordion">
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item">
|
||||
<!--begin:Menu link-->
|
||||
<a class="menu-link" href="/">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot"></span>
|
||||
</span>
|
||||
<span class="menu-title">Overview</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item">
|
||||
<!--begin:Menu link-->
|
||||
<a class="menu-link" href="/">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot"></span>
|
||||
</span>
|
||||
<span class="menu-title">Settings</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item">
|
||||
<!--begin:Menu link-->
|
||||
<a class="menu-link" href="/">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot"></span>
|
||||
</span>
|
||||
<span class="menu-title">Security</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item">
|
||||
<!--begin:Menu link-->
|
||||
<a class="menu-link" href="/">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot"></span>
|
||||
</span>
|
||||
<span class="menu-title">Activity</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item">
|
||||
<!--begin:Menu link-->
|
||||
<a class="menu-link" href="/">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot"></span>
|
||||
</span>
|
||||
<span class="menu-title">Billing</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item">
|
||||
<!--begin:Menu link-->
|
||||
<a class="menu-link" href="/">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot"></span>
|
||||
</span>
|
||||
<span class="menu-title">Statements</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item">
|
||||
<!--begin:Menu link-->
|
||||
<a class="menu-link" href="/">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot"></span>
|
||||
</span>
|
||||
<span class="menu-title">API Keys</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item">
|
||||
<!--begin:Menu link-->
|
||||
<a class="menu-link" href="/">
|
||||
<span class="menu-bullet">
|
||||
<span class="bullet bullet-dot"></span>
|
||||
</span>
|
||||
<span class="menu-title">Logs</span>
|
||||
</a>
|
||||
<!--end:Menu link-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
</div>
|
||||
<!--end:Menu sub-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
|
||||
@foreach($module as $row => $key)
|
||||
@if($key)
|
||||
@if(file_exists(dirname(__FILE__, 4) . '/Modules/'.$row.'/Resources/views/partials/menu/_root.blade.php'))
|
||||
@include(strtolower($row).'::partials.menu._root')
|
||||
@endif
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item pt-5">
|
||||
<!--begin:Menu content-->
|
||||
<div class="menu-content">
|
||||
<span class="menu-heading fw-bold text-uppercase fs-7">APPS</span>
|
||||
</div>
|
||||
<!--end:Menu content-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
|
||||
@foreach($module as $row => $key)
|
||||
@if($key)
|
||||
@if(file_exists(dirname(__FILE__, 4) . '/Modules/'.$row.'/Resources/views/partials/menu/_app.blade.php'))
|
||||
@include(strtolower($row).'::partials.menu._app')
|
||||
@endif
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
@canany(['system.read','system.create','system.update','system.delete'])
|
||||
<!--begin:Menu item-->
|
||||
<div class="menu-item pt-5">
|
||||
<!--begin:Menu content-->
|
||||
<div class="menu-content">
|
||||
<span class="menu-heading fw-bold text-uppercase fs-7">System</span>
|
||||
</div>
|
||||
<!--end:Menu content-->
|
||||
</div>
|
||||
<!--end:Menu item-->
|
||||
|
||||
@foreach($module as $row => $key)
|
||||
@if($key)
|
||||
@if(file_exists(dirname(__FILE__, 4) . '/Modules/'.$row.'/Resources/views/partials/menu/_system.blade.php'))
|
||||
@include(strtolower($row).'::partials.menu._system')
|
||||
@endif
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
@endcanany
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Menu wrapper-->
|
||||
</div>
|
||||
<!--end::sidebar menu-->
|
||||
85
resources/views/pages/dashboards/index.blade.php
Normal file
85
resources/views/pages/dashboards/index.blade.php
Normal file
@ -0,0 +1,85 @@
|
||||
<x-default-layout>
|
||||
<!--begin::Row-->
|
||||
<div class="row g-5 g-xl-10 mb-5 mb-xl-10">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
|
||||
@include('partials/widgets/cards/_widget-20')
|
||||
|
||||
@include('partials/widgets/cards/_widget-7')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
|
||||
@include('partials/widgets/cards/_widget-17')
|
||||
|
||||
@include('partials/widgets/lists/_widget-26')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-xxl-6">
|
||||
@include('partials/widgets/engage/_widget-10')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
|
||||
<!--begin::Row-->
|
||||
<div class="row gx-5 gx-xl-10">
|
||||
<!--begin::Col-->
|
||||
<div class="col-xxl-6 mb-5 mb-xl-10">
|
||||
@include('partials/widgets/charts/_widget-8')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-xl-6 mb-5 mb-xl-10">
|
||||
@include('partials/widgets/tables/_widget-16')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
|
||||
<!--begin::Row-->
|
||||
<div class="row g-5 g-xl-10 mb-5 mb-xl-10">
|
||||
<!--begin::Col-->
|
||||
<div class="col-xxl-6">
|
||||
@include('partials/widgets/cards/_widget-18')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-xl-6">
|
||||
@include('partials/widgets/charts/_widget-36')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
|
||||
<!--begin::Row-->
|
||||
<div class="row g-5 g-xl-10 mb-5 mb-xl-10">
|
||||
<!--begin::Col-->
|
||||
<div class="col-xl-4">
|
||||
@include('partials/widgets/charts/_widget-35')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-xl-8">
|
||||
@include('partials/widgets/tables/_widget-14')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
|
||||
<!--begin::Row-->
|
||||
<div class="row gx-5 gx-xl-10">
|
||||
<!--begin::Col-->
|
||||
<div class="col-xl-4">
|
||||
@include('partials/widgets/charts/_widget-31')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-xl-8">
|
||||
@include('partials/widgets/charts/_widget-24')
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</x-default-layout>
|
||||
48
resources/views/pages/system/error.blade.php
Normal file
48
resources/views/pages/system/error.blade.php
Normal file
@ -0,0 +1,48 @@
|
||||
<!--begin::Card-->
|
||||
<div class="card card-flush w-lg-650px py-5">
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body py-15 py-lg-20">
|
||||
|
||||
<!--begin::Page bg image-->
|
||||
<style>
|
||||
body {
|
||||
background-image: url('{{ image('auth/bg7.jpg') }}');
|
||||
}
|
||||
|
||||
[data-bs-theme="dark"] body {
|
||||
background-image: url('{{ image('auth/bg7-dark.jpg') }}');
|
||||
}
|
||||
</style>
|
||||
<!--end::Page bg image-->
|
||||
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bolder fs-2qx text-gray-900 mb-4">
|
||||
System Error
|
||||
</h1>
|
||||
<!--end::Title-->
|
||||
|
||||
<!--begin::Text-->
|
||||
<div class="fw-semibold fs-6 text-gray-500 mb-7">
|
||||
Something went wrong! Please try again later.
|
||||
</div>
|
||||
<!--end::Text-->
|
||||
|
||||
<!--begin::Illustration-->
|
||||
<div class="mb-11">
|
||||
<img src="{{ image('auth/500-error.png') }}" class="mw-100 mh-300px theme-light-show" alt=""/>
|
||||
<img src="{{ image('auth/500-error-dark.png') }}" class="mw-100 mh-300px theme-dark-show" alt=""/>
|
||||
</div>
|
||||
<!--end::Illustration-->
|
||||
|
||||
<!--begin::Link-->
|
||||
<div class="mb-0">
|
||||
<a href="/" class="btn btn-sm btn-primary">Return Home</a>
|
||||
</div>
|
||||
<!--end::Link-->
|
||||
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card-->
|
||||
|
||||
|
||||
46
resources/views/pages/system/not_found.blade.php
Normal file
46
resources/views/pages/system/not_found.blade.php
Normal file
@ -0,0 +1,46 @@
|
||||
<!--begin::Card-->
|
||||
<div class="card card-flush w-lg-650px py-5">
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body py-15 py-lg-20">
|
||||
|
||||
<!--begin::Page bg image-->
|
||||
<style>
|
||||
body {
|
||||
background-image: url('{{ image('auth/bg1.jpg') }}');
|
||||
}
|
||||
|
||||
[data-bs-theme="dark"] body {
|
||||
background-image: url('{{ image('auth/bg1-dark.jpg') }}');
|
||||
}
|
||||
</style>
|
||||
<!--end::Page bg image-->
|
||||
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bolder fs-2hx text-gray-900 mb-4">
|
||||
Oops!
|
||||
</h1>
|
||||
<!--end::Title-->
|
||||
|
||||
<!--begin::Text-->
|
||||
<div class="fw-semibold fs-6 text-gray-500 mb-7">
|
||||
We can't find that page.
|
||||
</div>
|
||||
<!--end::Text-->
|
||||
|
||||
<!--begin::Illustration-->
|
||||
<div class="mb-3">
|
||||
<img src="{{ image('auth/404-error.png') }}" class="mw-100 mh-300px theme-light-show" alt=""/>
|
||||
<img src="{{ image('auth/404-error-dark.png') }}" class="mw-100 mh-300px theme-dark-show" alt=""/>
|
||||
</div>
|
||||
<!--end::Illustration-->
|
||||
|
||||
<!--begin::Link-->
|
||||
<div class="mb-0">
|
||||
<a href="/" class="btn btn-sm btn-primary">Return Home</a>
|
||||
</div>
|
||||
<!--end::Link-->
|
||||
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card-->
|
||||
5
resources/views/partials/_drawers.blade.php
Normal file
5
resources/views/partials/_drawers.blade.php
Normal file
@ -0,0 +1,5 @@
|
||||
<!--begin::Drawers-->
|
||||
@include('partials/drawers/_activity-drawer')
|
||||
@include('partials/drawers/_chat-messenger')
|
||||
@include('partials/drawers/_shopping-cart')
|
||||
<!--end::Drawers-->
|
||||
17
resources/views/partials/_modals.blade.php
Normal file
17
resources/views/partials/_modals.blade.php
Normal file
@ -0,0 +1,17 @@
|
||||
<!--begin::Modals-->
|
||||
@include('partials/modals/_upgrade-plan')
|
||||
|
||||
@include('partials/modals/create-app/_main')
|
||||
|
||||
@include('partials/modals/create-campaign/_main')
|
||||
|
||||
@include('partials/modals/create-project/_main')
|
||||
|
||||
@include('partials/modals/_new-target')
|
||||
|
||||
@include('partials/modals/_view-users')
|
||||
|
||||
@include('partials/modals/users-search/_main')
|
||||
|
||||
@include('partials/modals/_invite-friends')
|
||||
<!--end::Modals-->
|
||||
3
resources/views/partials/_scrolltop.blade.php
Normal file
3
resources/views/partials/_scrolltop.blade.php
Normal file
@ -0,0 +1,3 @@
|
||||
<!--begin::Scrolltop-->
|
||||
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">{!! getIcon('arrow-up', '') !!}</div>
|
||||
<!--end::Scrolltop-->
|
||||
502
resources/views/partials/drawers/_activity-drawer.blade.php
Normal file
502
resources/views/partials/drawers/_activity-drawer.blade.php
Normal file
@ -0,0 +1,502 @@
|
||||
<!--begin::Activities drawer-->
|
||||
<div id="kt_activities" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="activities" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'lg': '900px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_activities_toggle" data-kt-drawer-close="#kt_activities_close">
|
||||
<div class="card shadow-none border-0 rounded-0">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header" id="kt_activities_header">
|
||||
<h3 class="card-title fw-bold text-dark">Activity Logs</h3>
|
||||
<div class="card-toolbar">
|
||||
<button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n5" id="kt_activities_close">{!! getIcon('cross', 'fs-1') !!}</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body position-relative" id="kt_activities_body">
|
||||
<!--begin::Content-->
|
||||
<div id="kt_activities_scroll" class="position-relative scroll-y me-n5 pe-5" data-kt-scroll="true" data-kt-scroll-height="auto" data-kt-scroll-wrappers="#kt_activities_body" data-kt-scroll-dependencies="#kt_activities_header, #kt_activities_footer" data-kt-scroll-offset="5px">
|
||||
<!--begin::Timeline items-->
|
||||
<div class="timeline">
|
||||
<!--begin::Timeline item-->
|
||||
<div class="timeline-item">
|
||||
<!--begin::Timeline line-->
|
||||
<div class="timeline-line w-40px"></div>
|
||||
<!--end::Timeline line-->
|
||||
<!--begin::Timeline icon-->
|
||||
<div class="timeline-icon symbol symbol-circle symbol-40px me-4">
|
||||
<div class="symbol-label bg-light">{!! getIcon('message-text-2', 'fs-2 text-gray-500') !!}</div>
|
||||
</div>
|
||||
<!--end::Timeline icon-->
|
||||
<!--begin::Timeline content-->
|
||||
<div class="timeline-content mb-10 mt-n1">
|
||||
<!--begin::Timeline heading-->
|
||||
<div class="pe-3 mb-5">
|
||||
<!--begin::Title-->
|
||||
<div class="fs-5 fw-semibold mb-2">There are 2 new tasks for you in “AirPlus Mobile App” project:</div>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="d-flex align-items-center mt-1 fs-6">
|
||||
<!--begin::Info-->
|
||||
<div class="text-muted me-2 fs-7">Added at 4:23 PM by</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Nina Nilson">
|
||||
<img src="assets/media/avatars/300-14.jpg" alt="img" />
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Timeline heading-->
|
||||
<!--begin::Timeline details-->
|
||||
<div class="overflow-auto pb-5">
|
||||
<!--begin::Record-->
|
||||
<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="fs-5 text-dark text-hover-primary fw-semibold w-375px min-w-200px">Meeting with customer</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Label-->
|
||||
<div class="min-w-175px pe-2">
|
||||
<span class="badge badge-light text-muted">Application Design</span>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Users-->
|
||||
<div class="symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px pe-2">
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px">
|
||||
<img src="assets/media/avatars/300-2.jpg" alt="img" />
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px">
|
||||
<img src="assets/media/avatars/300-14.jpg" alt="img" />
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px">
|
||||
<div class="symbol-label fs-8 fw-semibold bg-primary text-inverse-primary">A</div>
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Users-->
|
||||
<!--begin::Progress-->
|
||||
<div class="min-w-125px pe-2">
|
||||
<span class="badge badge-light-primary">In Progress</span>
|
||||
</div>
|
||||
<!--end::Progress-->
|
||||
<!--begin::Action-->
|
||||
<a href="#" class="btn btn-sm btn-light btn-active-light-primary">View</a>
|
||||
<!--end::Action-->
|
||||
</div>
|
||||
<!--end::Record-->
|
||||
<!--begin::Record-->
|
||||
<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-0">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="fs-5 text-dark text-hover-primary fw-semibold w-375px min-w-200px">Project Delivery Preparation</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Label-->
|
||||
<div class="min-w-175px">
|
||||
<span class="badge badge-light text-muted">CRM System Development</span>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Users-->
|
||||
<div class="symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px">
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px">
|
||||
<img src="assets/media/avatars/300-20.jpg" alt="img" />
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px">
|
||||
<div class="symbol-label fs-8 fw-semibold bg-success text-inverse-primary">B</div>
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Users-->
|
||||
<!--begin::Progress-->
|
||||
<div class="min-w-125px">
|
||||
<span class="badge badge-light-success">Completed</span>
|
||||
</div>
|
||||
<!--end::Progress-->
|
||||
<!--begin::Action-->
|
||||
<a href="#" class="btn btn-sm btn-light btn-active-light-primary">View</a>
|
||||
<!--end::Action-->
|
||||
</div>
|
||||
<!--end::Record-->
|
||||
</div>
|
||||
<!--end::Timeline details-->
|
||||
</div>
|
||||
<!--end::Timeline content-->
|
||||
</div>
|
||||
<!--end::Timeline item-->
|
||||
<!--begin::Timeline item-->
|
||||
<div class="timeline-item">
|
||||
<!--begin::Timeline line-->
|
||||
<div class="timeline-line w-40px"></div>
|
||||
<!--end::Timeline line-->
|
||||
<!--begin::Timeline icon-->
|
||||
<div class="timeline-icon symbol symbol-circle symbol-40px">
|
||||
<div class="symbol-label bg-light">{!! getIcon('flag', 'fs-2 text-gray-500') !!}</div>
|
||||
</div>
|
||||
<!--end::Timeline icon-->
|
||||
<!--begin::Timeline content-->
|
||||
<div class="timeline-content mb-10 mt-n2">
|
||||
<!--begin::Timeline heading-->
|
||||
<div class="overflow-auto pe-3">
|
||||
<!--begin::Title-->
|
||||
<div class="fs-5 fw-semibold mb-2">Invitation for crafting engaging designs that speak human workshop</div>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="d-flex align-items-center mt-1 fs-6">
|
||||
<!--begin::Info-->
|
||||
<div class="text-muted me-2 fs-7">Sent at 4:23 PM by</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Alan Nilson">
|
||||
<img src="assets/media/avatars/300-1.jpg" alt="img" />
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Timeline heading-->
|
||||
</div>
|
||||
<!--end::Timeline content-->
|
||||
</div>
|
||||
<!--end::Timeline item-->
|
||||
<!--begin::Timeline item-->
|
||||
<div class="timeline-item">
|
||||
<!--begin::Timeline line-->
|
||||
<div class="timeline-line w-40px"></div>
|
||||
<!--end::Timeline line-->
|
||||
<!--begin::Timeline icon-->
|
||||
<div class="timeline-icon symbol symbol-circle symbol-40px">
|
||||
<div class="symbol-label bg-light">{!! getIcon('disconnect', 'fs-2 text-gray-500') !!}</div>
|
||||
</div>
|
||||
<!--end::Timeline icon-->
|
||||
<!--begin::Timeline content-->
|
||||
<div class="timeline-content mb-10 mt-n1">
|
||||
<!--begin::Timeline heading-->
|
||||
<div class="mb-5 pe-3">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="fs-5 fw-semibold text-gray-800 text-hover-primary mb-2">3 New Incoming Project Files:</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="d-flex align-items-center mt-1 fs-6">
|
||||
<!--begin::Info-->
|
||||
<div class="text-muted me-2 fs-7">Sent at 10:30 PM by</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Jan Hummer">
|
||||
<img src="assets/media/avatars/300-23.jpg" alt="img" />
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Timeline heading-->
|
||||
<!--begin::Timeline details-->
|
||||
<div class="overflow-auto pb-5">
|
||||
<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-5">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-aligns-center pe-10 pe-lg-20">
|
||||
<!--begin::Icon-->
|
||||
<img alt="" class="w-30px me-3" src="assets/media/svg/files/pdf.svg" />
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<div class="ms-1 fw-semibold">
|
||||
<!--begin::Desc-->
|
||||
<a href="#" class="fs-6 text-hover-primary fw-bold">Finance KPI App Guidelines</a>
|
||||
<!--end::Desc-->
|
||||
<!--begin::Number-->
|
||||
<div class="text-gray-400">1.9mb</div>
|
||||
<!--end::Number-->
|
||||
</div>
|
||||
<!--begin::Info-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-aligns-center pe-10 pe-lg-20">
|
||||
<!--begin::Icon-->
|
||||
<img alt="?page=apps/projects/project" class="w-30px me-3" src="assets/media/svg/files/doc.svg" />
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<div class="ms-1 fw-semibold">
|
||||
<!--begin::Desc-->
|
||||
<a href="#" class="fs-6 text-hover-primary fw-bold">Client UAT Testing Results</a>
|
||||
<!--end::Desc-->
|
||||
<!--begin::Number-->
|
||||
<div class="text-gray-400">18kb</div>
|
||||
<!--end::Number-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-aligns-center">
|
||||
<!--begin::Icon-->
|
||||
<img alt="?page=apps/projects/project" class="w-30px me-3" src="assets/media/svg/files/css.svg" />
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<div class="ms-1 fw-semibold">
|
||||
<!--begin::Desc-->
|
||||
<a href="#" class="fs-6 text-hover-primary fw-bold">Finance Reports</a>
|
||||
<!--end::Desc-->
|
||||
<!--begin::Number-->
|
||||
<div class="text-gray-400">20mb</div>
|
||||
<!--end::Number-->
|
||||
</div>
|
||||
<!--end::Icon-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Timeline details-->
|
||||
</div>
|
||||
<!--end::Timeline content-->
|
||||
</div>
|
||||
<!--end::Timeline item-->
|
||||
<!--begin::Timeline item-->
|
||||
<div class="timeline-item">
|
||||
<!--begin::Timeline line-->
|
||||
<div class="timeline-line w-40px"></div>
|
||||
<!--end::Timeline line-->
|
||||
<!--begin::Timeline icon-->
|
||||
<div class="timeline-icon symbol symbol-circle symbol-40px">
|
||||
<div class="symbol-label bg-light">{!! getIcon('abstract-26', 'fs-2 text-gray-500') !!}</div>
|
||||
</div>
|
||||
<!--end::Timeline icon-->
|
||||
<!--begin::Timeline content-->
|
||||
<div class="timeline-content mb-10 mt-n1">
|
||||
<!--begin::Timeline heading-->
|
||||
<div class="pe-3 mb-5">
|
||||
<!--begin::Title-->
|
||||
<div class="fs-5 fw-semibold mb-2">Task
|
||||
<a href="#" class="text-primary fw-bold me-1">#45890</a>merged with
|
||||
<a href="#" class="text-primary fw-bold me-1">#45890</a>in “Ads Pro Admin Dashboard project:</div>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="d-flex align-items-center mt-1 fs-6">
|
||||
<!--begin::Info-->
|
||||
<div class="text-muted me-2 fs-7">Initiated at 4:23 PM by</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Nina Nilson">
|
||||
<img src="assets/media/avatars/300-14.jpg" alt="img" />
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Timeline heading-->
|
||||
</div>
|
||||
<!--end::Timeline content-->
|
||||
</div>
|
||||
<!--end::Timeline item-->
|
||||
<!--begin::Timeline item-->
|
||||
<div class="timeline-item">
|
||||
<!--begin::Timeline line-->
|
||||
<div class="timeline-line w-40px"></div>
|
||||
<!--end::Timeline line-->
|
||||
<!--begin::Timeline icon-->
|
||||
<div class="timeline-icon symbol symbol-circle symbol-40px">
|
||||
<div class="symbol-label bg-light">{!! getIcon('pencil', 'fs-2 text-gray-500') !!}</div>
|
||||
</div>
|
||||
<!--end::Timeline icon-->
|
||||
<!--begin::Timeline content-->
|
||||
<div class="timeline-content mb-10 mt-n1">
|
||||
<!--begin::Timeline heading-->
|
||||
<div class="pe-3 mb-5">
|
||||
<!--begin::Title-->
|
||||
<div class="fs-5 fw-semibold mb-2">3 new application design concepts added:</div>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="d-flex align-items-center mt-1 fs-6">
|
||||
<!--begin::Info-->
|
||||
<div class="text-muted me-2 fs-7">Created at 4:23 PM by</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Marcus Dotson">
|
||||
<img src="assets/media/avatars/300-2.jpg" alt="img" />
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Timeline heading-->
|
||||
<!--begin::Timeline details-->
|
||||
<div class="overflow-auto pb-5">
|
||||
<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-7">
|
||||
<!--begin::Item-->
|
||||
<div class="overlay me-10">
|
||||
<!--begin::Image-->
|
||||
<div class="overlay-wrapper">
|
||||
<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-29.jpg" />
|
||||
</div>
|
||||
<!--end::Image-->
|
||||
<!--begin::Link-->
|
||||
<div class="overlay-layer bg-dark bg-opacity-10 rounded">
|
||||
<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
|
||||
</div>
|
||||
<!--end::Link-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="overlay me-10">
|
||||
<!--begin::Image-->
|
||||
<div class="overlay-wrapper">
|
||||
<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-31.jpg" />
|
||||
</div>
|
||||
<!--end::Image-->
|
||||
<!--begin::Link-->
|
||||
<div class="overlay-layer bg-dark bg-opacity-10 rounded">
|
||||
<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
|
||||
</div>
|
||||
<!--end::Link-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="overlay">
|
||||
<!--begin::Image-->
|
||||
<div class="overlay-wrapper">
|
||||
<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-40.jpg" />
|
||||
</div>
|
||||
<!--end::Image-->
|
||||
<!--begin::Link-->
|
||||
<div class="overlay-layer bg-dark bg-opacity-10 rounded">
|
||||
<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
|
||||
</div>
|
||||
<!--end::Link-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Timeline details-->
|
||||
</div>
|
||||
<!--end::Timeline content-->
|
||||
</div>
|
||||
<!--end::Timeline item-->
|
||||
<!--begin::Timeline item-->
|
||||
<div class="timeline-item">
|
||||
<!--begin::Timeline line-->
|
||||
<div class="timeline-line w-40px"></div>
|
||||
<!--end::Timeline line-->
|
||||
<!--begin::Timeline icon-->
|
||||
<div class="timeline-icon symbol symbol-circle symbol-40px">
|
||||
<div class="symbol-label bg-light">{!! getIcon('sms', 'fs-2 text-gray-500') !!}</div>
|
||||
</div>
|
||||
<!--end::Timeline icon-->
|
||||
<!--begin::Timeline content-->
|
||||
<div class="timeline-content mb-10 mt-n1">
|
||||
<!--begin::Timeline heading-->
|
||||
<div class="pe-3 mb-5">
|
||||
<!--begin::Title-->
|
||||
<div class="fs-5 fw-semibold mb-2">New case
|
||||
<a href="#" class="text-primary fw-bold me-1">#67890</a>is assigned to you in Multi-platform Database Design project</div>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="overflow-auto pb-5">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center mt-1 fs-6">
|
||||
<!--begin::Info-->
|
||||
<div class="text-muted me-2 fs-7">Added at 4:23 PM by</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::User-->
|
||||
<a href="#" class="text-primary fw-bold me-1">Alice Tan</a>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Timeline heading-->
|
||||
</div>
|
||||
<!--end::Timeline content-->
|
||||
</div>
|
||||
<!--end::Timeline item-->
|
||||
<!--begin::Timeline item-->
|
||||
<div class="timeline-item">
|
||||
<!--begin::Timeline line-->
|
||||
<div class="timeline-line w-40px"></div>
|
||||
<!--end::Timeline line-->
|
||||
<!--begin::Timeline icon-->
|
||||
<div class="timeline-icon symbol symbol-circle symbol-40px">
|
||||
<div class="symbol-label bg-light">{!! getIcon('pencil', 'fs-2 text-gray-500') !!}</div>
|
||||
</div>
|
||||
<!--end::Timeline icon-->
|
||||
<!--begin::Timeline content-->
|
||||
<div class="timeline-content mb-10 mt-n1">
|
||||
<!--begin::Timeline heading-->
|
||||
<div class="pe-3 mb-5">
|
||||
<!--begin::Title-->
|
||||
<div class="fs-5 fw-semibold mb-2">You have received a new order:</div>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="d-flex align-items-center mt-1 fs-6">
|
||||
<!--begin::Info-->
|
||||
<div class="text-muted me-2 fs-7">Placed at 5:05 AM by</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::User-->
|
||||
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Robert Rich">
|
||||
<img src="assets/media/avatars/300-4.jpg" alt="img" />
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Timeline heading-->
|
||||
<!--begin::Timeline details-->
|
||||
<div class="overflow-auto pb-5">
|
||||
@include('partials/general/_notice')
|
||||
</div>
|
||||
<!--end::Timeline details-->
|
||||
</div>
|
||||
<!--end::Timeline content-->
|
||||
</div>
|
||||
<!--end::Timeline item-->
|
||||
<!--begin::Timeline item-->
|
||||
<div class="timeline-item">
|
||||
<!--begin::Timeline line-->
|
||||
<div class="timeline-line w-40px"></div>
|
||||
<!--end::Timeline line-->
|
||||
<!--begin::Timeline icon-->
|
||||
<div class="timeline-icon symbol symbol-circle symbol-40px">
|
||||
<div class="symbol-label bg-light">{!! getIcon('basket', 'fs-2 text-gray-500') !!}</div>
|
||||
</div>
|
||||
<!--end::Timeline icon-->
|
||||
<!--begin::Timeline content-->
|
||||
<div class="timeline-content mt-n1">
|
||||
<!--begin::Timeline heading-->
|
||||
<div class="pe-3 mb-5">
|
||||
<!--begin::Title-->
|
||||
<div class="fs-5 fw-semibold mb-2">New order
|
||||
<a href="#" class="text-primary fw-bold me-1">#67890</a>is placed for Workshow Planning & Budget Estimation</div>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="d-flex align-items-center mt-1 fs-6">
|
||||
<!--begin::Info-->
|
||||
<div class="text-muted me-2 fs-7">Placed at 4:23 PM by</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::User-->
|
||||
<a href="#" class="text-primary fw-bold me-1">Jimmy Bold</a>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Timeline heading-->
|
||||
</div>
|
||||
<!--end::Timeline content-->
|
||||
</div>
|
||||
<!--end::Timeline item-->
|
||||
</div>
|
||||
<!--end::Timeline items-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
<!--begin::Footer-->
|
||||
<div class="card-footer py-5 text-center" id="kt_activities_footer">
|
||||
<a href="#" class="btn btn-bg-body text-primary">View All Activities {!! getIcon('arrow-right', 'fs-3 text-primary') !!}</a>
|
||||
</div>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Activities drawer-->
|
||||
354
resources/views/partials/drawers/_chat-messenger.blade.php
Normal file
354
resources/views/partials/drawers/_chat-messenger.blade.php
Normal file
@ -0,0 +1,354 @@
|
||||
<!--begin::Chat drawer-->
|
||||
<div id="kt_drawer_chat" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="chat" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'md': '500px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_chat_toggle" data-kt-drawer-close="#kt_drawer_chat_close">
|
||||
<!--begin::Messenger-->
|
||||
<div class="card w-100 border-0 rounded-0" id="kt_drawer_chat_messenger">
|
||||
<!--begin::Card header-->
|
||||
<div class="card-header pe-5" id="kt_drawer_chat_messenger_header">
|
||||
<!--begin::Title-->
|
||||
<div class="card-title">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex justify-content-center flex-column me-3">
|
||||
<a href="#" class="fs-4 fw-bold text-gray-900 text-hover-primary me-1 mb-2 lh-1">Brian Cox</a>
|
||||
<!--begin::Info-->
|
||||
<div class="mb-0 lh-1">
|
||||
<span class="badge badge-success badge-circle w-10px h-10px me-1"></span>
|
||||
<span class="fs-7 fw-semibold text-muted">Active</span>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
<!--begin::Card toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<div class="me-0">
|
||||
<button class="btn btn-sm btn-icon btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">{!! getIcon('dots-square', 'fs-2') !!}</button>
|
||||
<!--begin::Menu 3-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
|
||||
<!--begin::Heading-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Contacts</div>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_users_search">Add Contact</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link flex-stack px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">Invite Contacts
|
||||
<span class="ms-2" data-bs-toggle="tooltip" title="Specify a contact email to send an invitation"></span></a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">Groups</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Create Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Invite Members</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3 my-1">
|
||||
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 3-->
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" id="kt_drawer_chat_close">{!! getIcon('cross-square', 'fs-2') !!}</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--end::Card toolbar-->
|
||||
</div>
|
||||
<!--end::Card header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body" id="kt_drawer_chat_messenger_body">
|
||||
<!--begin::Messages-->
|
||||
<div class="scroll-y me-n5 pe-5" data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer" data-kt-scroll-wrappers="#kt_drawer_chat_messenger_body" data-kt-scroll-offset="0px">
|
||||
<!--begin::Message(in)-->
|
||||
<div class="d-flex justify-content-start mb-10">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column align-items-start">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-3">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||||
<span class="text-muted fs-7 mb-1">2 mins</span>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Text-->
|
||||
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">How likely are you to recommend our company to your friends and family ?</div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Message(in)-->
|
||||
<!--begin::Message(out)-->
|
||||
<div class="d-flex justify-content-end mb-10">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column align-items-end">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Details-->
|
||||
<div class="me-3">
|
||||
<span class="text-muted fs-7 mb-1">5 mins</span>
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Text-->
|
||||
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.</div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Message(out)-->
|
||||
<!--begin::Message(in)-->
|
||||
<div class="d-flex justify-content-start mb-10">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column align-items-start">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-3">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||||
<span class="text-muted fs-7 mb-1">1 Hour</span>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Text-->
|
||||
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Ok, Understood!</div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Message(in)-->
|
||||
<!--begin::Message(out)-->
|
||||
<div class="d-flex justify-content-end mb-10">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column align-items-end">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Details-->
|
||||
<div class="me-3">
|
||||
<span class="text-muted fs-7 mb-1">2 Hours</span>
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Text-->
|
||||
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">You’ll receive notifications for all issues, pull requests!</div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Message(out)-->
|
||||
<!--begin::Message(in)-->
|
||||
<div class="d-flex justify-content-start mb-10">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column align-items-start">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-3">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||||
<span class="text-muted fs-7 mb-1">3 Hours</span>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Text-->
|
||||
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">You can unwatch this repository immediately by clicking here:
|
||||
<a href="https://keenthemes.com">Keenthemes.com</a></div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Message(in)-->
|
||||
<!--begin::Message(out)-->
|
||||
<div class="d-flex justify-content-end mb-10">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column align-items-end">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Details-->
|
||||
<div class="me-3">
|
||||
<span class="text-muted fs-7 mb-1">4 Hours</span>
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Text-->
|
||||
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Most purchased Business courses during this sale!</div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Message(out)-->
|
||||
<!--begin::Message(in)-->
|
||||
<div class="d-flex justify-content-start mb-10">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column align-items-start">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-3">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||||
<span class="text-muted fs-7 mb-1">5 Hours</span>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Text-->
|
||||
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided</div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Message(in)-->
|
||||
<!--begin::Message(template for out)-->
|
||||
<div class="d-flex justify-content-end mb-10 d-none" data-kt-element="template-out">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column align-items-end">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Details-->
|
||||
<div class="me-3">
|
||||
<span class="text-muted fs-7 mb-1">Just now</span>
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Text-->
|
||||
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text"></div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Message(template for out)-->
|
||||
<!--begin::Message(template for in)-->
|
||||
<div class="d-flex justify-content-start mb-10 d-none" data-kt-element="template-in">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column align-items-start">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-3">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
|
||||
<span class="text-muted fs-7 mb-1">Just now</span>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Text-->
|
||||
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Right before vacation season we have the next Big Deal for you.</div>
|
||||
<!--end::Text-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Message(template for in)-->
|
||||
</div>
|
||||
<!--end::Messages-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
<!--begin::Card footer-->
|
||||
<div class="card-footer pt-4" id="kt_drawer_chat_messenger_footer">
|
||||
<!--begin::Input-->
|
||||
<textarea class="form-control form-control-flush mb-3" rows="1" data-kt-element="input" placeholder="Type a message"></textarea>
|
||||
<!--end::Input-->
|
||||
<!--begin:Toolbar-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">{!! getIcon('paper-clip', 'fs-3') !!}</button>
|
||||
<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">{!! getIcon('cloud-add', 'fs-3') !!}</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
<!--begin::Send-->
|
||||
<button class="btn btn-primary" type="button" data-kt-element="send">Send</button>
|
||||
<!--end::Send-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Card footer-->
|
||||
</div>
|
||||
<!--end::Messenger-->
|
||||
</div>
|
||||
<!--end::Chat drawer-->
|
||||
261
resources/views/partials/drawers/_shopping-cart.blade.php
Normal file
261
resources/views/partials/drawers/_shopping-cart.blade.php
Normal file
@ -0,0 +1,261 @@
|
||||
<!--begin::Chat drawer-->
|
||||
<div id="kt_shopping_cart" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="cart" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'md': '500px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_shopping_cart_toggle" data-kt-drawer-close="#kt_drawer_shopping_cart_close">
|
||||
<!--begin::Messenger-->
|
||||
<div class="card card-flush w-100 rounded-0">
|
||||
<!--begin::Card header-->
|
||||
<div class="card-header">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title text-gray-900 fw-bold">Shopping Cart</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Card toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-light-primary" id="kt_drawer_shopping_cart_close">{!! getIcon('cross', 'fs-2') !!}</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--end::Card toolbar-->
|
||||
</div>
|
||||
<!--end::Card header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body hover-scroll-overlay-y h-400px pt-5">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column me-3">
|
||||
<!--begin::Section-->
|
||||
<div class="mb-3">
|
||||
<a href="#" class="text-gray-800 text-hover-primary fs-4 fw-bold">Iblender</a>
|
||||
<span class="text-gray-400 fw-semibold d-block">The best kitchen gadget in 2022</span>
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold text-gray-800 fs-5">$ 350</span>
|
||||
<span class="text-muted mx-2">for</span>
|
||||
<span class="fw-bold text-gray-800 fs-5 me-3">5</span>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">{!! getIcon('minus', 'fs-4') !!}</a>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">{!! getIcon('plus', 'fs-4') !!}</a>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Pic-->
|
||||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||||
<img src="assets/media/stock/600x400/img-1.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Pic-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-6"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column me-3">
|
||||
<!--begin::Section-->
|
||||
<div class="mb-3">
|
||||
<a href="#" class="text-gray-800 text-hover-primary fs-4 fw-bold">SmartCleaner</a>
|
||||
<span class="text-gray-400 fw-semibold d-block">Smart tool for cooking</span>
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold text-gray-800 fs-5">$ 650</span>
|
||||
<span class="text-muted mx-2">for</span>
|
||||
<span class="fw-bold text-gray-800 fs-5 me-3">4</span>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">{!! getIcon('minus', 'fs-4') !!}</a>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">{!! getIcon('plus', 'fs-4') !!}</a>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Pic-->
|
||||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||||
<img src="assets/media/stock/600x400/img-3.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Pic-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-6"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column me-3">
|
||||
<!--begin::Section-->
|
||||
<div class="mb-3">
|
||||
<a href="#" class="text-gray-800 text-hover-primary fs-4 fw-bold">CameraMaxr</a>
|
||||
<span class="text-gray-400 fw-semibold d-block">Professional camera for edge</span>
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold text-gray-800 fs-5">$ 150</span>
|
||||
<span class="text-muted mx-2">for</span>
|
||||
<span class="fw-bold text-gray-800 fs-5 me-3">3</span>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">{!! getIcon('minus', 'fs-4') !!}</a>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">{!! getIcon('plus', 'fs-4') !!}</a>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Pic-->
|
||||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||||
<img src="assets/media/stock/600x400/img-8.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Pic-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-6"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column me-3">
|
||||
<!--begin::Section-->
|
||||
<div class="mb-3">
|
||||
<a href="#" class="text-gray-800 text-hover-primary fs-4 fw-bold">$D Printer</a>
|
||||
<span class="text-gray-400 fw-semibold d-block">Manfactoring unique objekts</span>
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold text-gray-800 fs-5">$ 1450</span>
|
||||
<span class="text-muted mx-2">for</span>
|
||||
<span class="fw-bold text-gray-800 fs-5 me-3">7</span>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">{!! getIcon('minus', 'fs-4') !!}</a>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">{!! getIcon('plus', 'fs-4') !!}</a>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Pic-->
|
||||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||||
<img src="assets/media/stock/600x400/img-26.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Pic-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-6"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column me-3">
|
||||
<!--begin::Section-->
|
||||
<div class="mb-3">
|
||||
<a href="#" class="text-gray-800 text-hover-primary fs-4 fw-bold">MotionWire</a>
|
||||
<span class="text-gray-400 fw-semibold d-block">Perfect animation tool</span>
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold text-gray-800 fs-5">$ 650</span>
|
||||
<span class="text-muted mx-2">for</span>
|
||||
<span class="fw-bold text-gray-800 fs-5 me-3">7</span>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">{!! getIcon('minus', 'fs-4') !!}</a>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">{!! getIcon('plus', 'fs-4') !!}</a>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Pic-->
|
||||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||||
<img src="assets/media/stock/600x400/img-21.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Pic-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-6"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column me-3">
|
||||
<!--begin::Section-->
|
||||
<div class="mb-3">
|
||||
<a href="#" class="text-gray-800 text-hover-primary fs-4 fw-bold">Samsung</a>
|
||||
<span class="text-gray-400 fw-semibold d-block">Profile info,Timeline etc</span>
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold text-gray-800 fs-5">$ 720</span>
|
||||
<span class="text-muted mx-2">for</span>
|
||||
<span class="fw-bold text-gray-800 fs-5 me-3">6</span>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">{!! getIcon('minus', 'fs-4') !!}</a>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">{!! getIcon('plus', 'fs-4') !!}</a>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Pic-->
|
||||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||||
<img src="assets/media/stock/600x400/img-34.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Pic-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-6"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column me-3">
|
||||
<!--begin::Section-->
|
||||
<div class="mb-3">
|
||||
<a href="#" class="text-gray-800 text-hover-primary fs-4 fw-bold">$D Printer</a>
|
||||
<span class="text-gray-400 fw-semibold d-block">Manfactoring unique objekts</span>
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold text-gray-800 fs-5">$ 430</span>
|
||||
<span class="text-muted mx-2">for</span>
|
||||
<span class="fw-bold text-gray-800 fs-5 me-3">8</span>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon-success btn-icon w-25px h-25px me-2">{!! getIcon('minus', 'fs-4') !!}</a>
|
||||
<a href="#" class="btn btn-sm btn-light-success btn-icon w-25px h-25px">{!! getIcon('plus', 'fs-4') !!}</a>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Pic-->
|
||||
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
|
||||
<img src="assets/media/stock/600x400/img-27.jpg" alt="" />
|
||||
</div>
|
||||
<!--end::Pic-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
<!--begin::Card footer-->
|
||||
<div class="card-footer">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<span class="fw-bold text-gray-600">Total</span>
|
||||
<span class="text-gray-800 fw-bolder fs-5">$ 1840.00</span>
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<span class="fw-bold text-gray-600">Sub total</span>
|
||||
<span class="text-primary fw-bolder fs-5">$ 246.35</span>
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--end::Action-->
|
||||
<div class="d-flex justify-content-end mt-9">
|
||||
<a href="#" class="btn btn-primary d-flex justify-content-end">Pleace Order</a>
|
||||
</div>
|
||||
<!--end::Action-->
|
||||
</div>
|
||||
<!--end::Card footer-->
|
||||
</div>
|
||||
<!--end::Messenger-->
|
||||
</div>
|
||||
<!--end::Chat drawer-->
|
||||
@ -0,0 +1,9 @@
|
||||
<!--begin::Indicator label-->
|
||||
<span class="indicator-label">
|
||||
{{ $label ?? 'Upgrade Plan' }}
|
||||
</span>
|
||||
<!--end::Indicator label-->
|
||||
<!--begin::Indicator progress-->
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
<!--end::Indicator progress-->
|
||||
@ -0,0 +1 @@
|
||||
<span class="ms-1" data-bs-toggle="tooltip" title="Specify a target priorty"></span>
|
||||
19
resources/views/partials/general/_notice.blade.php
Normal file
19
resources/views/partials/general/_notice.blade.php
Normal file
@ -0,0 +1,19 @@
|
||||
<!--begin::Notice-->
|
||||
<div class="notice d-flex bg-light-primary rounded border-primary border border-dashed min-w-lg-600px flex-shrink-0 p-6">
|
||||
<!--begin::Icon-->
|
||||
{!! getIcon('devices-2', 'fs-2tx text-primary me-4') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap">
|
||||
<!--begin::Content-->
|
||||
<div class="mb-3 mb-md-0 fw-semibold">
|
||||
<h4 class="text-gray-900 fw-bold">Database Backup Process Completed!</h4>
|
||||
<div class="fs-6 text-gray-700 pe-7">Login into Admin Dashboard to make sure the data integrity is OK</div>
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Action-->
|
||||
<a href="#" class="btn btn-primary px-6 align-self-center text-nowrap">Proceed</a>
|
||||
<!--end::Action-->
|
||||
</div>
|
||||
<!--end::Wrapper--></div>
|
||||
<!--end::Notice-->
|
||||
66
resources/views/partials/menus/_menu-2.blade.php
Normal file
66
resources/views/partials/menus/_menu-2.blade.php
Normal file
@ -0,0 +1,66 @@
|
||||
<!--begin::Menu 2-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mb-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Ticket</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Customer</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
|
||||
<!--begin::Menu item-->
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">New Group</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Admin Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Staff Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Member Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Contact</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mt-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content px-3 py-3">
|
||||
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 2-->
|
||||
76
resources/views/partials/menus/_menu-3.blade.php
Normal file
76
resources/views/partials/menus/_menu-3.blade.php
Normal file
@ -0,0 +1,76 @@
|
||||
<!--begin::Menu 3-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
|
||||
<!--begin::Heading-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Create Invoice</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link flex-stack px-3">Create Payment
|
||||
<span class="ms-2" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span></a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Generate Bill</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">Subscription</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Plans</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Billing</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Statements</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator my-2"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content px-3">
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
|
||||
<!--end::Input-->
|
||||
<!--end::Label-->
|
||||
<span class="form-check-label text-muted fs-6">Recuring</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3 my-1">
|
||||
<a href="#" class="menu-link px-3">Settings</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 3-->
|
||||
163
resources/views/partials/menus/_my-apps-menu.blade.php
Normal file
163
resources/views/partials/menus/_my-apps-menu.blade.php
Normal file
@ -0,0 +1,163 @@
|
||||
<!--begin::My apps-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column w-100 w-sm-350px" data-kt-menu="true">
|
||||
<!--begin::Card-->
|
||||
<div class="card">
|
||||
<!--begin::Card header-->
|
||||
<div class="card-header">
|
||||
<!--begin::Card title-->
|
||||
<div class="card-title">My Apps</div>
|
||||
<!--end::Card title-->
|
||||
<!--begin::Card toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n3" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-end">{!! getIcon('setting-3', 'fs-2') !!}</button>
|
||||
@include('partials/menus/_menu-3')
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Card toolbar-->
|
||||
</div>
|
||||
<!--end::Card header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body py-5">
|
||||
<!--begin::Scroll-->
|
||||
<div class="mh-450px scroll-y me-n5 pe-5">
|
||||
<!--begin::Row-->
|
||||
<div class="row g-2">
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/amazon.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">AWS</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/angular-icon-1.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">AngularJS</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/atica.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Atica</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/beats-electronics.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Music</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/codeigniter.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Codeigniter</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/bootstrap-4.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Bootstrap</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/google-tag-manager.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">GTM</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/disqus.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Disqus</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/dribbble-icon-1.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Dribble</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/google-play-store.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Play Store</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/google-podcasts.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Podcasts</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/figma-1.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Figma</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/github.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Github</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/gitlab.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Gitlab</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/instagram-2-1.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Instagram</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
|
||||
<img src="assets/media/svg/brand-logos/pinterest-p.svg" class="w-25px h-25px mb-2" alt="" />
|
||||
<span class="fw-semibold">Pinterest</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Scroll-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card-->
|
||||
</div>
|
||||
<!--end::My apps-->
|
||||
441
resources/views/partials/menus/_notifications-menu.blade.php
Normal file
441
resources/views/partials/menus/_notifications-menu.blade.php
Normal file
@ -0,0 +1,441 @@
|
||||
<!--begin::Menu-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column w-350px w-lg-375px" data-kt-menu="true" id="kt_menu_notifications">
|
||||
<!--begin::Heading-->
|
||||
<div class="d-flex flex-column bgi-no-repeat rounded-top" style="background-image:url('assets/media/misc/menu-header-bg.jpg')">
|
||||
<!--begin::Title-->
|
||||
<h3 class="text-white fw-semibold px-9 mt-10 mb-6">Notifications
|
||||
<span class="fs-8 opacity-75 ps-3">24 reports</span></h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Tabs-->
|
||||
<ul class="nav nav-line-tabs nav-line-tabs-2x nav-stretch fw-semibold px-9">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" href="#kt_topbar_notifications_1">Alerts</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4 active" data-bs-toggle="tab" href="#kt_topbar_notifications_2">Updates</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" href="#kt_topbar_notifications_3">Logs</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Tabs-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Tab content-->
|
||||
<div class="tab-content">
|
||||
<!--begin::Tab panel-->
|
||||
<div class="tab-pane fade" id="kt_topbar_notifications_1" role="tabpanel">
|
||||
<!--begin::Items-->
|
||||
<div class="scroll-y mh-325px my-5 px-8">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-primary">{!! getIcon('abstract-28', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Alice</a>
|
||||
<div class="text-gray-400 fs-7">Phase 1 development</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">1 hr</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-danger">{!! getIcon('information', 'fs-2 text-danger') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">HR Confidential</a>
|
||||
<div class="text-gray-400 fs-7">Confidential staff documents</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">2 hrs</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-warning">{!! getIcon('briefcase', 'fs-2 text-warning') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Company HR</a>
|
||||
<div class="text-gray-400 fs-7">Corporeate staff profiles</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">5 hrs</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-success">{!! getIcon('abstract-12', 'fs-2 text-success') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Redux</a>
|
||||
<div class="text-gray-400 fs-7">New frontend admin theme</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">2 days</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-primary">{!! getIcon('colors-square', 'fs-2 text-primary') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Project Breafing</a>
|
||||
<div class="text-gray-400 fs-7">Product launch status update</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">21 Jan</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-info">{!! getIcon('picture ', 'fs-2 text-info') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Banner Assets</a>
|
||||
<div class="text-gray-400 fs-7">Collection of banner images</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">21 Jan</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-35px me-4">
|
||||
<span class="symbol-label bg-light-warning">{!! getIcon('color-swatch', 'fs-2 text-warning') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Title-->
|
||||
<div class="mb-0 me-2">
|
||||
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">Icon Assets</a>
|
||||
<div class="text-gray-400 fs-7">Collection of SVG icons</div>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">20 March</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
<!--begin::View more-->
|
||||
<div class="py-3 text-center border-top">
|
||||
<a href="#" class="btn btn-color-gray-600 btn-active-color-primary">View All {!! getIcon('arrow-right', 'fs-5') !!}</a>
|
||||
</div>
|
||||
<!--end::View more-->
|
||||
</div>
|
||||
<!--end::Tab panel-->
|
||||
<!--begin::Tab panel-->
|
||||
<div class="tab-pane fade show active" id="kt_topbar_notifications_2" role="tabpanel">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column px-9">
|
||||
<!--begin::Section-->
|
||||
<div class="pt-10 pb-0">
|
||||
<!--begin::Title-->
|
||||
<h3 class="text-dark text-center fw-bold">Get Pro Access</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Text-->
|
||||
<div class="text-center text-gray-600 fw-semibold pt-1">Outlines keep you honest. They stoping you from amazing poorly about drive</div>
|
||||
<!--end::Text-->
|
||||
<!--begin::Action-->
|
||||
<div class="text-center mt-5 mb-9">
|
||||
<a href="#" class="btn btn-sm btn-primary px-6" data-bs-toggle="modal" data-bs-target="#kt_modal_upgrade_plan">Upgrade</a>
|
||||
</div>
|
||||
<!--end::Action-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Illustration-->
|
||||
<div class="text-center px-4">
|
||||
<img class="mw-100 mh-200px" alt="image" src="assets/media/illustrations/sketchy-1/1.png" />
|
||||
</div>
|
||||
<!--end::Illustration-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Tab panel-->
|
||||
<!--begin::Tab panel-->
|
||||
<div class="tab-pane fade" id="kt_topbar_notifications_3" role="tabpanel">
|
||||
<!--begin::Items-->
|
||||
<div class="scroll-y mh-325px my-5 px-8">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">New order</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Just now</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">New customer</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">2 hrs</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Payment process</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">5 hrs</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Search query</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">2 days</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">API connection</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">1 week</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-success me-4">200 OK</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Database restore</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Mar 5</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">System update</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">May 15</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Server OS update</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Apr 3</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">API rollback</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Jun 30</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Refund process</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Jul 10</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Withdrawal process</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Sep 10</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Code-->
|
||||
<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
|
||||
<!--end::Code-->
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 text-hover-primary fw-semibold">Mail tasks</a>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light fs-8">Dec 10</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
<!--begin::View more-->
|
||||
<div class="py-3 text-center border-top">
|
||||
<a href="#" class="btn btn-color-gray-600 btn-active-color-primary">View All {!! getIcon('arrow-right', 'fs-5') !!}</a>
|
||||
</div>
|
||||
<!--end::View more-->
|
||||
</div>
|
||||
<!--end::Tab panel-->
|
||||
</div>
|
||||
<!--end::Tab content-->
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
52
resources/views/partials/menus/_quick-links-menu.blade.php
Normal file
52
resources/views/partials/menus/_quick-links-menu.blade.php
Normal file
@ -0,0 +1,52 @@
|
||||
|
||||
<!--begin::Menu-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column w-250px w-lg-325px" data-kt-menu="true">
|
||||
<!--begin::Heading-->
|
||||
<div class="d-flex flex-column flex-center bgi-no-repeat rounded-top px-9 py-10" style="background-image:url('{{ image('misc/menu-header-bg.jpg') }}')">
|
||||
<!--begin::Title-->
|
||||
<h3 class="text-white fw-semibold mb-3">Quick Links</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Status-->
|
||||
<span class="badge bg-primary py-2 px-3">25 pending tasks</span>
|
||||
<!--end::Status-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin:Nav-->
|
||||
<div class="row g-0">
|
||||
<!--begin:Item-->
|
||||
<div class="col-6">
|
||||
<a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-end border-bottom">{!! getSvgIcon('duotune/finance/fin009.svg', 'svg-icon svg-icon-3x svg-icon-primary mb-2') !!}
|
||||
<span class="fs-5 fw-semibold text-gray-800 mb-0">Accounting</span>
|
||||
<span class="fs-7 text-gray-400">eCommerce</span></a>
|
||||
</div>
|
||||
<!--end:Item-->
|
||||
<!--begin:Item-->
|
||||
<div class="col-6">
|
||||
<a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-bottom">{!! getSvgIcon('duotune/communication/com010.svg', 'svg-icon svg-icon-3x svg-icon-primary mb-2') !!}
|
||||
<span class="fs-5 fw-semibold text-gray-800 mb-0">Administration</span>
|
||||
<span class="fs-7 text-gray-400">Console</span></a>
|
||||
</div>
|
||||
<!--end:Item-->
|
||||
<!--begin:Item-->
|
||||
<div class="col-6">
|
||||
<a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-end">{!! getSvgIcon('duotune/abstract/abs042.svg', 'svg-icon svg-icon-3x svg-icon-primary mb-2') !!}
|
||||
<span class="fs-5 fw-semibold text-gray-800 mb-0">Projects</span>
|
||||
<span class="fs-7 text-gray-400">Pending Tasks</span></a>
|
||||
</div>
|
||||
<!--end:Item-->
|
||||
<!--begin:Item-->
|
||||
<div class="col-6">
|
||||
<a href="#" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light">{!! getSvgIcon('duotune/finance/fin006.svg', 'svg-icon svg-icon-3x svg-icon-primary mb-2') !!}
|
||||
<span class="fs-5 fw-semibold text-gray-800 mb-0">Customers</span>
|
||||
<span class="fs-7 text-gray-400">Latest cases</span></a>
|
||||
</div>
|
||||
<!--end:Item-->
|
||||
</div>
|
||||
<!--end:Nav-->
|
||||
<!--begin::View more-->
|
||||
<div class="py-2 text-center border-top">
|
||||
<a href="#" class="btn btn-color-gray-600 btn-active-color-primary">View All {!! getSvgIcon('duotune/arrows/arr064.svg', 'svg-icon svg-icon-5') !!}</a>
|
||||
</div>
|
||||
<!--end::View more-->
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
43
resources/views/partials/menus/_user-account-menu.blade.php
Normal file
43
resources/views/partials/menus/_user-account-menu.blade.php
Normal file
@ -0,0 +1,43 @@
|
||||
<!--begin::User account menu-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-color fw-semibold py-4 fs-6 w-275px" data-kt-menu="true">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content d-flex align-items-center px-3">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-50px me-5">
|
||||
<img alt="Logo" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Username-->
|
||||
<div class="d-flex flex-column">
|
||||
<div class="fw-bold d-flex align-items-center fs-5">{{ Auth::user()->name }}
|
||||
<span class="badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2">{{ Auth::user()->role }}</span></div>
|
||||
<a href="#" class="fw-semibold text-muted text-hover-primary fs-7">{{ Auth::user()->email }}</a>
|
||||
</div>
|
||||
<!--end::Username-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator my-2"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-5">
|
||||
<a href="#" class="menu-link px-5">My Profile</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator my-2"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-5 my-1">
|
||||
<a href="#" class="menu-link px-5">Account Settings</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-5">
|
||||
<a href="{{ route('logout') }}" class="menu-link px-5">Sign Out</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::User account menu-->
|
||||
549
resources/views/partials/modals/_invite-friends.blade.php
Normal file
549
resources/views/partials/modals/_invite-friends.blade.php
Normal file
@ -0,0 +1,549 @@
|
||||
<!--begin::Modal - Invite Friends-->
|
||||
<div class="modal fade" id="kt_modal_invite_friends" tabindex="-1" aria-hidden="true">
|
||||
<!--begin::Modal dialog-->
|
||||
<div class="modal-dialog mw-650px">
|
||||
<!--begin::Modal content-->
|
||||
<div class="modal-content">
|
||||
<!--begin::Modal header-->
|
||||
<div class="modal-header pb-0 border-0 justify-content-end">
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--begin::Modal header-->
|
||||
<!--begin::Modal body-->
|
||||
<div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
|
||||
<!--begin::Heading-->
|
||||
<div class="text-center mb-13">
|
||||
<!--begin::Title-->
|
||||
<h1 class="mb-3">Invite a Friend</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-5">If you need more info, please check out
|
||||
<a href="#" class="link-primary fw-bold">FAQ Page</a>.</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Google Contacts Invite-->
|
||||
<div class="btn btn-light-primary fw-bold w-100 mb-8">
|
||||
<img alt="Logo" src="assets/media/svg/brand-logos/google-icon.svg" class="h-20px me-3" />Invite Gmail Contacts</div>
|
||||
<!--end::Google Contacts Invite-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator d-flex flex-center mb-8">
|
||||
<span class="text-uppercase bg-body fs-7 fw-semibold text-muted px-3">or</span>
|
||||
</div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Textarea-->
|
||||
<textarea class="form-control form-control-solid mb-8" rows="3" placeholder="Type or paste emails here"></textarea>
|
||||
<!--end::Textarea-->
|
||||
<!--begin::Users-->
|
||||
<div class="mb-10">
|
||||
<!--begin::Heading-->
|
||||
<div class="fs-6 fw-semibold mb-2">Your Invitations</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::List-->
|
||||
<div class="mh-300px scroll-y me-n7 pe-7">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-6.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Smith</a>
|
||||
<div class="fw-semibold text-muted">smith@kpmg.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Melody Macy</a>
|
||||
<div class="fw-semibold text-muted">melody@altbox.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Max Smith</a>
|
||||
<div class="fw-semibold text-muted">max@kt.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-5.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Sean Bean</a>
|
||||
<div class="fw-semibold text-muted">sean@dellito.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Brian Cox</a>
|
||||
<div class="fw-semibold text-muted">brian@exchange.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-warning text-warning fw-semibold">C</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Mikaela Collins</a>
|
||||
<div class="fw-semibold text-muted">mik@pex.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-9.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Francis Mitcham</a>
|
||||
<div class="fw-semibold text-muted">f.mit@kpmg.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">O</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Olivia Wild</a>
|
||||
<div class="fw-semibold text-muted">olivia@corpmail.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-primary text-primary fw-semibold">N</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Neil Owen</a>
|
||||
<div class="fw-semibold text-muted">owen.neil@gmail.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-23.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Dan Wilson</a>
|
||||
<div class="fw-semibold text-muted">dam@consilting.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">E</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Bold</a>
|
||||
<div class="fw-semibold text-muted">emma@intenso.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-12.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ana Crown</a>
|
||||
<div class="fw-semibold text-muted">ana.cf@limtel.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Robert Doe</a>
|
||||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-13.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">John Miller</a>
|
||||
<div class="fw-semibold text-muted">miller@mapple.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-success text-success fw-semibold">L</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Lucy Kunic</a>
|
||||
<div class="fw-semibold text-muted">lucy.m@fentech.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-21.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ethan Wilder</a>
|
||||
<div class="fw-semibold text-muted">ethan@loop.com.au</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-21.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ethan Wilder</a>
|
||||
<div class="fw-semibold text-muted">ethan@loop.com.au</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-dropdown-parent="#kt_modal_invite_friends" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::List-->
|
||||
</div>
|
||||
<!--end::Users-->
|
||||
<!--begin::Notice-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5 fw-semibold">
|
||||
<label class="fs-6">Adding Users by Team Members</label>
|
||||
<div class="fs-7 text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Notice-->
|
||||
</div>
|
||||
<!--end::Modal body-->
|
||||
</div>
|
||||
<!--end::Modal content-->
|
||||
</div>
|
||||
<!--end::Modal dialog-->
|
||||
</div>
|
||||
<!--end::Modal - Invite Friend-->
|
||||
153
resources/views/partials/modals/_new-target.blade.php
Normal file
153
resources/views/partials/modals/_new-target.blade.php
Normal file
@ -0,0 +1,153 @@
|
||||
<!--begin::Modal - New Target-->
|
||||
<div class="modal fade" id="kt_modal_new_target" tabindex="-1" aria-hidden="true">
|
||||
<!--begin::Modal dialog-->
|
||||
<div class="modal-dialog modal-dialog-centered mw-650px">
|
||||
<!--begin::Modal content-->
|
||||
<div class="modal-content rounded">
|
||||
<!--begin::Modal header-->
|
||||
<div class="modal-header pb-0 border-0 justify-content-end">
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--begin::Modal header-->
|
||||
<!--begin::Modal body-->
|
||||
<div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
|
||||
<!--begin:Form-->
|
||||
<form id="kt_modal_new_target_form" class="form" action="#">
|
||||
<!--begin::Heading-->
|
||||
<div class="mb-13 text-center">
|
||||
<!--begin::Title-->
|
||||
<h1 class="mb-3">Set First Target</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-5">If you need more info, please check
|
||||
<a href="#" class="fw-bold link-primary">Project Guidelines</a>.</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="d-flex flex-column mb-8 fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-6 fw-semibold mb-2">
|
||||
<span class="required">Target Title</span>
|
||||
<span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<input type="text" class="form-control form-control-solid" placeholder="Enter Target Title" name="target_title" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="row g-9 mb-8">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 fv-row">
|
||||
<label class="required fs-6 fw-semibold mb-2">Assign</label>
|
||||
<select class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Select a Team Member" name="target_assign">
|
||||
<option value="">Select user...</option>
|
||||
<option value="1">Karina Clark</option>
|
||||
<option value="2">Robert Doe</option>
|
||||
<option value="3">Niel Owen</option>
|
||||
<option value="4">Olivia Wild</option>
|
||||
<option value="5">Sean Bean</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 fv-row">
|
||||
<label class="required fs-6 fw-semibold mb-2">Due Date</label>
|
||||
<!--begin::Input-->
|
||||
<div class="position-relative d-flex align-items-center">
|
||||
<!--begin::Icon-->
|
||||
{!! getIcon('calendar-8', 'fs-2 position-absolute mx-4') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Datepicker-->
|
||||
<input class="form-control form-control-solid ps-12" placeholder="Select a date" name="due_date" />
|
||||
<!--end::Datepicker--></div>
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="d-flex flex-column mb-8">
|
||||
<label class="fs-6 fw-semibold mb-2">Target Details</label>
|
||||
<textarea class="form-control form-control-solid" rows="3" name="target_details" placeholder="Type Target Details"></textarea>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="d-flex flex-column mb-8 fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-6 fw-semibold mb-2">
|
||||
<span class="required">Tags</span>
|
||||
@include('partials/general/_form-tooltip-hint')
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<input class="form-control form-control-solid" value="Important, Urgent" name="tags" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="d-flex flex-stack mb-8">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold">Adding Users by Team Members</label>
|
||||
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-15 fv-row">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="fw-semibold me-5">
|
||||
<label class="fs-6">Notifications</label>
|
||||
<div class="fs-7 text-muted">Allow Notifications by Phone or Email</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Checkboxes-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-10">
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" name="communication[]" value="email" checked="checked" />
|
||||
<span class="form-check-label fw-semibold">Email</span>
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" name="communication[]" value="phone" />
|
||||
<span class="form-check-label fw-semibold">Phone</span>
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
</div>
|
||||
<!--end::Checkboxes-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="text-center">
|
||||
<button type="reset" id="kt_modal_new_target_cancel" class="btn btn-light me-3">Cancel</button>
|
||||
<button type="submit" id="kt_modal_new_target_submit" class="btn btn-primary">
|
||||
<span class="indicator-label">Submit</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</form>
|
||||
<!--end:Form-->
|
||||
</div>
|
||||
<!--end::Modal body-->
|
||||
</div>
|
||||
<!--end::Modal content-->
|
||||
</div>
|
||||
<!--end::Modal dialog-->
|
||||
</div>
|
||||
<!--end::Modal - New Target-->
|
||||
342
resources/views/partials/modals/_upgrade-plan.blade.php
Normal file
342
resources/views/partials/modals/_upgrade-plan.blade.php
Normal file
@ -0,0 +1,342 @@
|
||||
<!--begin::Modal - Upgrade plan-->
|
||||
<div class="modal fade" id="kt_modal_upgrade_plan" tabindex="-1" aria-hidden="true">
|
||||
<!--begin::Modal dialog-->
|
||||
<div class="modal-dialog modal-xl">
|
||||
<!--begin::Modal content-->
|
||||
<div class="modal-content rounded">
|
||||
<!--begin::Modal header-->
|
||||
<div class="modal-header justify-content-end border-0 pb-0">
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--end::Modal header-->
|
||||
<!--begin::Modal body-->
|
||||
<div class="modal-body pt-0 pb-15 px-5 px-xl-20">
|
||||
<!--begin::Heading-->
|
||||
<div class="mb-13 text-center">
|
||||
<h1 class="mb-3">Upgrade a Plan</h1>
|
||||
<div class="text-muted fw-semibold fs-5">If you need more info, please check
|
||||
<a href="#" class="link-primary fw-bold">Pricing Guidelines</a>.</div>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Plans-->
|
||||
<div class="d-flex flex-column">
|
||||
<!--begin::Nav group-->
|
||||
<div class="nav-group nav-group-outline mx-auto" data-kt-buttons="true">
|
||||
<button class="btn btn-color-gray-400 btn-active btn-active-secondary px-6 py-3 me-2 active" data-kt-plan="month">Monthly</button>
|
||||
<button class="btn btn-color-gray-400 btn-active btn-active-secondary px-6 py-3" data-kt-plan="annual">Annual</button>
|
||||
</div>
|
||||
<!--end::Nav group-->
|
||||
<!--begin::Row-->
|
||||
<div class="row mt-10">
|
||||
<!--begin::Col-->
|
||||
<div class="col-lg-6 mb-10 mb-lg-0">
|
||||
<!--begin::Tabs-->
|
||||
<div class="nav flex-column">
|
||||
<!--begin::Tab link-->
|
||||
<label class="nav-link btn btn-outline btn-outline-dashed btn-color-dark btn-active btn-active-primary d-flex flex-stack text-start p-6 active mb-6" data-bs-toggle="tab" data-bs-target="#kt_upgrade_plan_startup">
|
||||
<!--end::Description-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Radio-->
|
||||
<div class="form-check form-check-custom form-check-solid form-check-success flex-shrink-0 me-6">
|
||||
<input class="form-check-input" type="radio" name="plan" checked="checked" value="startup" />
|
||||
</div>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex align-items-center fs-2 fw-bold flex-wrap">Startup</div>
|
||||
<div class="fw-semibold opacity-75">Best for startups</div>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
<!--begin::Price-->
|
||||
<div class="ms-5">
|
||||
<span class="mb-2">$</span>
|
||||
<span class="fs-3x fw-bold" data-kt-plan-price-month="39" data-kt-plan-price-annual="399">39</span>
|
||||
<span class="fs-7 opacity-50">/
|
||||
<span data-kt-element="period">Mon</span></span>
|
||||
</div>
|
||||
<!--end::Price-->
|
||||
</label>
|
||||
<!--end::Tab link-->
|
||||
<!--begin::Tab link-->
|
||||
<label class="nav-link btn btn-outline btn-outline-dashed btn-color-dark btn-active btn-active-primary d-flex flex-stack text-start p-6 mb-6" data-bs-toggle="tab" data-bs-target="#kt_upgrade_plan_advanced">
|
||||
<!--end::Description-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Radio-->
|
||||
<div class="form-check form-check-custom form-check-solid form-check-success flex-shrink-0 me-6">
|
||||
<input class="form-check-input" type="radio" name="plan" value="advanced" />
|
||||
</div>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex align-items-center fs-2 fw-bold flex-wrap">Advanced</div>
|
||||
<div class="fw-semibold opacity-75">Best for 100+ team size</div>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
<!--begin::Price-->
|
||||
<div class="ms-5">
|
||||
<span class="mb-2">$</span>
|
||||
<span class="fs-3x fw-bold" data-kt-plan-price-month="339" data-kt-plan-price-annual="3399">339</span>
|
||||
<span class="fs-7 opacity-50">/
|
||||
<span data-kt-element="period">Mon</span></span>
|
||||
</div>
|
||||
<!--end::Price-->
|
||||
</label>
|
||||
<!--end::Tab link-->
|
||||
<!--begin::Tab link-->
|
||||
<label class="nav-link btn btn-outline btn-outline-dashed btn-color-dark btn-active btn-active-primary d-flex flex-stack text-start p-6 mb-6" data-bs-toggle="tab" data-bs-target="#kt_upgrade_plan_enterprise">
|
||||
<!--end::Description-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Radio-->
|
||||
<div class="form-check form-check-custom form-check-solid form-check-success flex-shrink-0 me-6">
|
||||
<input class="form-check-input" type="radio" name="plan" value="enterprise" />
|
||||
</div>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex align-items-center fs-2 fw-bold flex-wrap">Enterprise
|
||||
<span class="badge badge-light-success ms-2 py-2 px-3 fs-7">Popular</span></div>
|
||||
<div class="fw-semibold opacity-75">Best value for 1000+ team</div>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
<!--begin::Price-->
|
||||
<div class="ms-5">
|
||||
<span class="mb-2">$</span>
|
||||
<span class="fs-3x fw-bold" data-kt-plan-price-month="999" data-kt-plan-price-annual="9999">999</span>
|
||||
<span class="fs-7 opacity-50">/
|
||||
<span data-kt-element="period">Mon</span></span>
|
||||
</div>
|
||||
<!--end::Price-->
|
||||
</label>
|
||||
<!--end::Tab link-->
|
||||
<!--begin::Tab link-->
|
||||
<label class="nav-link btn btn-outline btn-outline-dashed btn-color-dark btn-active btn-active-primary d-flex flex-stack text-start p-6 mb-6" data-bs-toggle="tab" data-bs-target="#kt_upgrade_plan_custom">
|
||||
<!--end::Description-->
|
||||
<div class="d-flex align-items-center me-2">
|
||||
<!--begin::Radio-->
|
||||
<div class="form-check form-check-custom form-check-solid form-check-success flex-shrink-0 me-6">
|
||||
<input class="form-check-input" type="radio" name="plan" value="custom" />
|
||||
</div>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex align-items-center fs-2 fw-bold flex-wrap">Custom</div>
|
||||
<div class="fw-semibold opacity-75">Requet a custom license</div>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Description-->
|
||||
<!--begin::Price-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="btn btn-sm btn-success">Contact Us</a>
|
||||
</div>
|
||||
<!--end::Price-->
|
||||
</label>
|
||||
<!--end::Tab link-->
|
||||
</div>
|
||||
<!--end::Tabs-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-lg-6">
|
||||
<!--begin::Tab content-->
|
||||
<div class="tab-content rounded h-100 bg-light p-10">
|
||||
<!--begin::Tab Pane-->
|
||||
<div class="tab-pane fade show active" id="kt_upgrade_plan_startup">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-5">
|
||||
<h2 class="fw-bold text-dark">What’s in Startup Plan?</h2>
|
||||
<div class="text-muted fw-semibold">Optimal for 10+ team size and new startup</div>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Body-->
|
||||
<div class="pt-1">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 10 Active Users</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 30 Project Integrations</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Analytics Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Finance Module</span>{!! getIcon('cross-circle', 'fs-1') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Accounting Module</span>{!! getIcon('cross-circle', 'fs-1') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Network Platform</span>{!! getIcon('cross-circle', 'fs-1') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Unlimited Cloud Space</span>{!! getIcon('cross-circle', 'fs-1') !!}</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Tab Pane-->
|
||||
<!--begin::Tab Pane-->
|
||||
<div class="tab-pane fade" id="kt_upgrade_plan_advanced">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-5">
|
||||
<h2 class="fw-bold text-dark">What’s in Startup Plan?</h2>
|
||||
<div class="text-muted fw-semibold">Optimal for 100+ team size and grown company</div>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Body-->
|
||||
<div class="pt-1">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 10 Active Users</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 30 Project Integrations</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Analytics Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Finance Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Accounting Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Network Platform</span>{!! getIcon('cross-circle', 'fs-1') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-semibold fs-5 text-muted flex-grow-1">Unlimited Cloud Space</span>{!! getIcon('cross-circle', 'fs-1') !!}</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Tab Pane-->
|
||||
<!--begin::Tab Pane-->
|
||||
<div class="tab-pane fade" id="kt_upgrade_plan_enterprise">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-5">
|
||||
<h2 class="fw-bold text-dark">What’s in Startup Plan?</h2>
|
||||
<div class="text-muted fw-semibold">Optimal for 1000+ team and enterpise</div>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Body-->
|
||||
<div class="pt-1">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 10 Active Users</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Up to 30 Project Integrations</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Analytics Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Finance Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Accounting Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Network Platform</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Unlimited Cloud Space</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Tab Pane-->
|
||||
<!--begin::Tab Pane-->
|
||||
<div class="tab-pane fade" id="kt_upgrade_plan_custom">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-5">
|
||||
<h2 class="fw-bold text-dark">What’s in Startup Plan?</h2>
|
||||
<div class="text-muted fw-semibold">Optimal for corporations</div>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Body-->
|
||||
<div class="pt-1">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Unlimited Users</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Unlimited Project Integrations</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Analytics Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Finance Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Accounting Module</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-7">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Network Platform</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-semibold fs-5 text-gray-700 flex-grow-1">Unlimited Cloud Space</span>{!! getIcon('check-circle', 'fs-1 text-success') !!}</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Tab Pane-->
|
||||
</div>
|
||||
<!--end::Tab content-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Plans-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-center flex-row-fluid pt-12">
|
||||
<button type="reset" class="btn btn-light me-3" data-bs-dismiss="modal">Cancel</button>
|
||||
<button type="submit" class="btn btn-primary" id="kt_modal_upgrade_plan_btn">
|
||||
@include('partials/general/_button-indicator')
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Modal body-->
|
||||
</div>
|
||||
<!--end::Modal content-->
|
||||
</div>
|
||||
<!--end::Modal dialog-->
|
||||
</div>
|
||||
<!--end::Modal - Upgrade plan-->
|
||||
500
resources/views/partials/modals/_view-users.blade.php
Normal file
500
resources/views/partials/modals/_view-users.blade.php
Normal file
@ -0,0 +1,500 @@
|
||||
<!--begin::Modal - View Users-->
|
||||
<div class="modal fade" id="kt_modal_view_users" tabindex="-1" aria-hidden="true">
|
||||
<!--begin::Modal dialog-->
|
||||
<div class="modal-dialog mw-650px">
|
||||
<!--begin::Modal content-->
|
||||
<div class="modal-content">
|
||||
<!--begin::Modal header-->
|
||||
<div class="modal-header pb-0 border-0 justify-content-end">
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--begin::Modal header-->
|
||||
<!--begin::Modal body-->
|
||||
<div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
|
||||
<!--begin::Heading-->
|
||||
<div class="text-center mb-13">
|
||||
<!--begin::Title-->
|
||||
<h1 class="mb-3">Browse Users</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-5">If you need more info, please check out our
|
||||
<a href="#" class="link-primary fw-bold">Users Directory</a>.</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Users-->
|
||||
<div class="mb-15">
|
||||
<!--begin::List-->
|
||||
<div class="mh-375px scroll-y me-n7 pe-7">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-6.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Emma Smith
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Art Director</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">smith@kpmg.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$23,000</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Melody Macy
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Marketing Analytic</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">melody@altbox.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$50,500</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Max Smith
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Software Enginer</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">max@kt.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$75,900</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-5.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Sean Bean
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Web Developer</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">sean@dellito.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$10,500</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Brian Cox
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">UI/UX Designer</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">brian@exchange.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$20,000</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-warning text-warning fw-semibold">C</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Mikaela Collins
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Head Of Marketing</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">mik@pex.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$9,300</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-9.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Francis Mitcham
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Software Arcitect</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">f.mit@kpmg.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$15,000</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">O</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Olivia Wild
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">System Admin</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">olivia@corpmail.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$23,000</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-primary text-primary fw-semibold">N</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Neil Owen
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Account Manager</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">owen.neil@gmail.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$45,800</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-23.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Dan Wilson
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Web Desinger</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">dam@consilting.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$90,500</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">E</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Emma Bold
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Corporate Finance</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">emma@intenso.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$5,000</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-12.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Ana Crown
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Customer Relationship</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">ana.cf@limtel.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$70,000</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-5">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<!--begin::Name-->
|
||||
<a href="#" class="d-flex align-items-center fs-5 fw-bold text-dark text-hover-primary">Robert Doe
|
||||
<span class="badge badge-light fs-8 fw-semibold ms-2">Marketing Executive</span></a>
|
||||
<!--end::Name-->
|
||||
<!--begin::Email-->
|
||||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||||
<!--end::Email-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Sales-->
|
||||
<div class="text-end">
|
||||
<div class="fs-5 fw-bold text-dark">$45,500</div>
|
||||
<div class="fs-7 text-muted">Sales</div>
|
||||
</div>
|
||||
<!--end::Sales-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::List-->
|
||||
</div>
|
||||
<!--end::Users-->
|
||||
<!--begin::Notice-->
|
||||
<div class="d-flex justify-content-between">
|
||||
<!--begin::Label-->
|
||||
<div class="fw-semibold">
|
||||
<label class="fs-6">Adding Users by Team Members</label>
|
||||
<div class="fs-7 text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Notice-->
|
||||
</div>
|
||||
<!--end::Modal body-->
|
||||
</div>
|
||||
<!--end::Modal content-->
|
||||
</div>
|
||||
<!--end::Modal dialog-->
|
||||
</div>
|
||||
<!--end::Modal - View Users-->
|
||||
182
resources/views/partials/modals/create-app/_main.blade.php
Normal file
182
resources/views/partials/modals/create-app/_main.blade.php
Normal file
@ -0,0 +1,182 @@
|
||||
<!--begin::Modal - Create App-->
|
||||
<div class="modal fade" id="kt_modal_create_app" tabindex="-1" aria-hidden="true">
|
||||
<!--begin::Modal dialog-->
|
||||
<div class="modal-dialog modal-dialog-centered mw-900px">
|
||||
<!--begin::Modal content-->
|
||||
<div class="modal-content">
|
||||
<!--begin::Modal header-->
|
||||
<div class="modal-header">
|
||||
<!--begin::Modal title-->
|
||||
<h2>Create App</h2>
|
||||
<!--end::Modal title-->
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--end::Modal header-->
|
||||
<!--begin::Modal body-->
|
||||
<div class="modal-body py-lg-10 px-lg-10">
|
||||
<!--begin::Stepper-->
|
||||
<div class="stepper stepper-pills stepper-column d-flex flex-column flex-xl-row flex-row-fluid" id="kt_modal_create_app_stepper">
|
||||
<!--begin::Aside-->
|
||||
<div class="d-flex justify-content-center justify-content-xl-start flex-row-auto w-100 w-xl-300px">
|
||||
<!--begin::Nav-->
|
||||
<div class="stepper-nav ps-lg-10">
|
||||
<!--begin::Step 1-->
|
||||
<div class="stepper-item current" data-kt-stepper-element="nav">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="stepper-wrapper">
|
||||
<!--begin::Icon-->
|
||||
<div class="stepper-icon w-40px h-40px">
|
||||
<i class="stepper-check fas fa-check"></i>
|
||||
<span class="stepper-number">1</span>
|
||||
</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Label-->
|
||||
<div class="stepper-label">
|
||||
<h3 class="stepper-title">Details</h3>
|
||||
<div class="stepper-desc">Name your App</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Line-->
|
||||
<div class="stepper-line h-40px"></div>
|
||||
<!--end::Line-->
|
||||
</div>
|
||||
<!--end::Step 1-->
|
||||
<!--begin::Step 2-->
|
||||
<div class="stepper-item" data-kt-stepper-element="nav">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="stepper-wrapper">
|
||||
<!--begin::Icon-->
|
||||
<div class="stepper-icon w-40px h-40px">
|
||||
<i class="stepper-check fas fa-check"></i>
|
||||
<span class="stepper-number">2</span>
|
||||
</div>
|
||||
<!--begin::Icon-->
|
||||
<!--begin::Label-->
|
||||
<div class="stepper-label">
|
||||
<h3 class="stepper-title">Frameworks</h3>
|
||||
<div class="stepper-desc">Define your app framework</div>
|
||||
</div>
|
||||
<!--begin::Label-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Line-->
|
||||
<div class="stepper-line h-40px"></div>
|
||||
<!--end::Line-->
|
||||
</div>
|
||||
<!--end::Step 2-->
|
||||
<!--begin::Step 3-->
|
||||
<div class="stepper-item" data-kt-stepper-element="nav">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="stepper-wrapper">
|
||||
<!--begin::Icon-->
|
||||
<div class="stepper-icon w-40px h-40px">
|
||||
<i class="stepper-check fas fa-check"></i>
|
||||
<span class="stepper-number">3</span>
|
||||
</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Label-->
|
||||
<div class="stepper-label">
|
||||
<h3 class="stepper-title">Database</h3>
|
||||
<div class="stepper-desc">Select the app database type</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Line-->
|
||||
<div class="stepper-line h-40px"></div>
|
||||
<!--end::Line-->
|
||||
</div>
|
||||
<!--end::Step 3-->
|
||||
<!--begin::Step 4-->
|
||||
<div class="stepper-item" data-kt-stepper-element="nav">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="stepper-wrapper">
|
||||
<!--begin::Icon-->
|
||||
<div class="stepper-icon w-40px h-40px">
|
||||
<i class="stepper-check fas fa-check"></i>
|
||||
<span class="stepper-number">4</span>
|
||||
</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Label-->
|
||||
<div class="stepper-label">
|
||||
<h3 class="stepper-title">Billing</h3>
|
||||
<div class="stepper-desc">Provide payment details</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Line-->
|
||||
<div class="stepper-line h-40px"></div>
|
||||
<!--end::Line-->
|
||||
</div>
|
||||
<!--end::Step 4-->
|
||||
<!--begin::Step 5-->
|
||||
<div class="stepper-item mark-completed" data-kt-stepper-element="nav">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="stepper-wrapper">
|
||||
<!--begin::Icon-->
|
||||
<div class="stepper-icon w-40px h-40px">
|
||||
<i class="stepper-check fas fa-check"></i>
|
||||
<span class="stepper-number">5</span>
|
||||
</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Label-->
|
||||
<div class="stepper-label">
|
||||
<h3 class="stepper-title">Completed</h3>
|
||||
<div class="stepper-desc">Review and Submit</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Step 5-->
|
||||
</div>
|
||||
<!--end::Nav-->
|
||||
</div>
|
||||
<!--begin::Aside-->
|
||||
<!--begin::Content-->
|
||||
<div class="flex-row-fluid py-lg-5 px-lg-15">
|
||||
<!--begin::Form-->
|
||||
<form class="form" novalidate="novalidate" id="kt_modal_create_app_form">
|
||||
@include('partials/modals/create-app/steps/_step-1')
|
||||
@include('partials/modals/create-app/steps/_step-2')
|
||||
@include('partials/modals/create-app/steps/_step-3')
|
||||
@include('partials/modals/create-app/steps/_step-4')
|
||||
@include('partials/modals/create-app/steps/_step-5')
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack pt-10">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="me-2">
|
||||
<button type="button" class="btn btn-lg btn-light-primary me-3" data-kt-stepper-action="previous">{!! getIcon('arrow-left', 'fs-3 me-1') !!} Back</button>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Wrapper-->
|
||||
<div>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="submit">
|
||||
<span class="indicator-label">Submit {!! getIcon('arrow-right', 'fs-3 ms-2 me-0') !!}</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="next">Continue {!! getIcon('arrow-right', 'fs-3 ms-1 me-0') !!}</button>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</form>
|
||||
<!--end::Form-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Stepper-->
|
||||
</div>
|
||||
<!--end::Modal body-->
|
||||
</div>
|
||||
<!--end::Modal content-->
|
||||
</div>
|
||||
<!--end::Modal dialog-->
|
||||
</div>
|
||||
<!--end::Modal - Create App-->
|
||||
@ -0,0 +1,105 @@
|
||||
<!--begin::Step 1-->
|
||||
<div class="current" data-kt-stepper-element="content">
|
||||
<div class="w-100">
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-5 fw-semibold mb-2">
|
||||
<span class="required">App Name</span>
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify your unique app name"></i>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-lg form-control-solid" name="name" placeholder="" value="" />
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-5 fw-semibold mb-4">
|
||||
<span class="required">Category</span>
|
||||
<span class="ms-1" data-bs-toggle="tooltip" title="Select your app category"></span>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin:Options-->
|
||||
<div class="fv-row">
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack mb-5 cursor-pointer">
|
||||
<!--begin:Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin:Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-primary">{!! getIcon('compass', 'fs-1 text-primary') !!}</span>
|
||||
</span>
|
||||
<!--end:Icon-->
|
||||
<!--begin:Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">Quick Online Courses</span>
|
||||
<span class="fs-7 text-muted">Creating a clear text structure is just one SEO</span>
|
||||
</span>
|
||||
<!--end:Info-->
|
||||
</span>
|
||||
<!--end:Label-->
|
||||
<!--begin:Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" name="category" value="1" />
|
||||
</span>
|
||||
<!--end:Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack mb-5 cursor-pointer">
|
||||
<!--begin:Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin:Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-danger">{!! getIcon('element-11', 'fs-1 text-danger') !!}</span>
|
||||
</span>
|
||||
<!--end:Icon-->
|
||||
<!--begin:Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">Face to Face Discussions</span>
|
||||
<span class="fs-7 text-muted">Creating a clear text structure is just one aspect</span>
|
||||
</span>
|
||||
<!--end:Info-->
|
||||
</span>
|
||||
<!--end:Label-->
|
||||
<!--begin:Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" name="category" value="2" />
|
||||
</span>
|
||||
<!--end:Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack cursor-pointer">
|
||||
<!--begin:Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin:Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-success">{!! getIcon('timer', 'fs-1 text-success') !!}</span>
|
||||
</span>
|
||||
<!--end:Icon-->
|
||||
<!--begin:Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">Full Intro Training</span>
|
||||
<span class="fs-7 text-muted">Creating a clear text structure copywriting</span>
|
||||
</span>
|
||||
<!--end:Info-->
|
||||
</span>
|
||||
<!--end:Label-->
|
||||
<!--begin:Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" name="category" value="3" />
|
||||
</span>
|
||||
<!--end:Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end:Options-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Step 1-->
|
||||
@ -0,0 +1,120 @@
|
||||
<!--begin::Step 2-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<div class="w-100">
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-5 fw-semibold mb-4">
|
||||
<span class="required">Select Framework</span>
|
||||
<span class="ms-1" data-bs-toggle="tooltip" title="Specify your apps framework"></span>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack cursor-pointer mb-5">
|
||||
<!--begin:Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin:Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-warning">
|
||||
<i class="fab fa-html5 text-warning fs-2x"></i>
|
||||
</span>
|
||||
</span>
|
||||
<!--end:Icon-->
|
||||
<!--begin:Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">HTML5</span>
|
||||
<span class="fs-7 text-muted">Base Web Projec</span>
|
||||
</span>
|
||||
<!--end:Info-->
|
||||
</span>
|
||||
<!--end:Label-->
|
||||
<!--begin:Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" checked="checked" name="framework" value="1" />
|
||||
</span>
|
||||
<!--end:Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack cursor-pointer mb-5">
|
||||
<!--begin:Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin:Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-success">
|
||||
<i class="fab fa-react text-success fs-2x"></i>
|
||||
</span>
|
||||
</span>
|
||||
<!--end:Icon-->
|
||||
<!--begin:Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">ReactJS</span>
|
||||
<span class="fs-7 text-muted">Robust and flexible app framework</span>
|
||||
</span>
|
||||
<!--end:Info-->
|
||||
</span>
|
||||
<!--end:Label-->
|
||||
<!--begin:Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" name="framework" value="2" />
|
||||
</span>
|
||||
<!--end:Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack cursor-pointer mb-5">
|
||||
<!--begin:Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin:Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-danger">
|
||||
<i class="fab fa-angular text-danger fs-2x"></i>
|
||||
</span>
|
||||
</span>
|
||||
<!--end:Icon-->
|
||||
<!--begin:Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">Angular</span>
|
||||
<span class="fs-7 text-muted">Powerful data mangement</span>
|
||||
</span>
|
||||
<!--end:Info-->
|
||||
</span>
|
||||
<!--end:Label-->
|
||||
<!--begin:Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" name="framework" value="3" />
|
||||
</span>
|
||||
<!--end:Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack cursor-pointer">
|
||||
<!--begin:Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin:Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-primary">
|
||||
<i class="fab fa-vuejs text-primary fs-2x"></i>
|
||||
</span>
|
||||
</span>
|
||||
<!--end:Icon-->
|
||||
<!--begin:Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">Vue</span>
|
||||
<span class="fs-7 text-muted">Lightweight and responsive framework</span>
|
||||
</span>
|
||||
<!--end:Info-->
|
||||
</span>
|
||||
<!--end:Label-->
|
||||
<!--begin:Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" name="framework" value="4" />
|
||||
</span>
|
||||
<!--end:Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Step 2-->
|
||||
@ -0,0 +1,104 @@
|
||||
<!--begin::Step 3-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<div class="w-100">
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="required fs-5 fw-semibold mb-2">Database Name</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-lg form-control-solid" name="dbname" placeholder="" value="master_db" />
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-5 fw-semibold mb-4">
|
||||
<span class="required">Select Database Engine</span>
|
||||
<span class="ms-1" data-bs-toggle="tooltip" title="Select your app database engine"></span>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack cursor-pointer mb-5">
|
||||
<!--begin::Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin::Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-success">
|
||||
<i class="fas fa-database text-success fs-2x"></i>
|
||||
</span>
|
||||
</span>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">MySQL</span>
|
||||
<span class="fs-7 text-muted">Basic MySQL database</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</span>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" name="dbengine" checked="checked" value="1" />
|
||||
</span>
|
||||
<!--end::Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack cursor-pointer mb-5">
|
||||
<!--begin::Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin::Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-danger">
|
||||
<i class="fab fa-google text-danger fs-2x"></i>
|
||||
</span>
|
||||
</span>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">Firebase</span>
|
||||
<span class="fs-7 text-muted">Google based app data management</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</span>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" name="dbengine" value="2" />
|
||||
</span>
|
||||
<!--end::Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin:Option-->
|
||||
<label class="d-flex flex-stack cursor-pointer">
|
||||
<!--begin::Label-->
|
||||
<span class="d-flex align-items-center me-2">
|
||||
<!--begin::Icon-->
|
||||
<span class="symbol symbol-50px me-6">
|
||||
<span class="symbol-label bg-light-warning">
|
||||
<i class="fab fa-amazon text-warning fs-2x"></i>
|
||||
</span>
|
||||
</span>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<span class="d-flex flex-column">
|
||||
<span class="fw-bold fs-6">DynamoDB</span>
|
||||
<span class="fs-7 text-muted">Amazon Fast NoSQL Database</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</span>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<span class="form-check form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="radio" name="dbengine" value="3" />
|
||||
</span>
|
||||
<!--end::Input-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Step 3-->
|
||||
@ -0,0 +1,7 @@
|
||||
<!--begin::Step 4-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<div class="w-100">
|
||||
@include('partials/modals/new-card/_form')
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Step 4-->
|
||||
@ -0,0 +1,17 @@
|
||||
<!--begin::Step 5-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<div class="w-100 text-center">
|
||||
<!--begin::Heading-->
|
||||
<h1 class="fw-bold text-dark mb-3">Release!</h1>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-3">Submit your app to kickstart your project.</div>
|
||||
<!--end::Description-->
|
||||
<!--begin::Illustration-->
|
||||
<div class="text-center px-4 py-15">
|
||||
<img src="assets/media/illustrations/sketchy-1/9.png" alt="" class="mw-100 mh-300px" />
|
||||
</div>
|
||||
<!--end::Illustration-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Step 5-->
|
||||
@ -0,0 +1,91 @@
|
||||
<!--begin::Modal - Create Campaign-->
|
||||
<div class="modal fade" id="kt_modal_create_campaign" tabindex="-1" aria-hidden="true">
|
||||
<!--begin::Modal dialog-->
|
||||
<div class="modal-dialog modal-fullscreen p-9">
|
||||
<!--begin::Modal content-->
|
||||
<div class="modal-content modal-rounded">
|
||||
<!--begin::Modal header-->
|
||||
<div class="modal-header py-7 d-flex justify-content-between">
|
||||
<!--begin::Modal title-->
|
||||
<h2>Create Campaign</h2>
|
||||
<!--end::Modal title-->
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
|
||||
{!! getSvgIcon('duotune/arrows/arr061.svg', 'svg-icon svg-icon-1') !!}
|
||||
</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--begin::Modal header-->
|
||||
<!--begin::Modal body-->
|
||||
<div class="modal-body scroll-y m-5">
|
||||
<!--begin::Stepper-->
|
||||
<div class="stepper stepper-links d-flex flex-column" id="kt_modal_create_campaign_stepper">
|
||||
<!--begin::Nav-->
|
||||
<div class="stepper-nav justify-content-center py-2">
|
||||
<!--begin::Step 1-->
|
||||
<div class="stepper-item me-5 me-md-15 current" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Campaign Details</h3>
|
||||
</div>
|
||||
<!--end::Step 1-->
|
||||
<!--begin::Step 2-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Creative Uploads</h3>
|
||||
</div>
|
||||
<!--end::Step 2-->
|
||||
<!--begin::Step 3-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Audiences</h3>
|
||||
</div>
|
||||
<!--end::Step 3-->
|
||||
<!--begin::Step 4-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Budget Estimates</h3>
|
||||
</div>
|
||||
<!--end::Step 4-->
|
||||
<!--begin::Step 5-->
|
||||
<div class="stepper-item" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Completed</h3>
|
||||
</div>
|
||||
<!--end::Step 5-->
|
||||
</div>
|
||||
<!--end::Nav-->
|
||||
<!--begin::Form-->
|
||||
<form class="mx-auto w-100 mw-600px pt-15 pb-10" novalidate="novalidate" id="kt_modal_create_campaign_stepper_form">
|
||||
|
||||
@incldue('partials/modals/create-campaign/steps/step-1')
|
||||
@incldue('partials/modals/create-campaign/steps/step-2')
|
||||
@incldue('partials/modals/create-campaign/steps/step-3')
|
||||
@incldue('partials/modals/create-campaign/steps/step-4')
|
||||
@incldue('partials/modals/create-campaign/steps/step-5')
|
||||
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack pt-10">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="me-2">
|
||||
<button type="button" class="btn btn-lg btn-light-primary me-3" data-kt-stepper-action="previous">
|
||||
{!! getSvgIcon('duotune/arrows/arr063.svg', 'svg-icon svg-icon-3 me-1') !!} Back
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
<!--begin::Wrapper-->
|
||||
<div>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="submit">
|
||||
<span class="indicator-label">Submit {!! getSvgIcon('duotune/arrows/arr064.svg', 'svg-icon svg-icon-3 ms-2 me-0') !!}</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="next">Continue {!! getSvgIcon('duotune/arrows/arr064.svg', 'svg-icon svg-icon-3 ms-1 me-0') !!}</button>
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</form>
|
||||
<!--end::Form-->
|
||||
</div>
|
||||
<!--end::Stepper-->
|
||||
</div>
|
||||
<!--begin::Modal body-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Modal - Create Campaign-->
|
||||
@ -0,0 +1,170 @@
|
||||
<!--begin::Step 1-->
|
||||
<div class="current" data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-10 pb-lg-15">
|
||||
<!--begin::Title-->
|
||||
<h2 class="fw-bold d-flex align-items-center text-dark">Setup Campaign Details
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Campaign name will be used as reference within your campaign reports"></i></h2>
|
||||
<!--end::Title-->
|
||||
<!--begin::Notice-->
|
||||
<div class="text-muted fw-semibold fs-6">If you need more info, please check out
|
||||
<a href="#" class="link-primary fw-bold">Help Page</a>.</div>
|
||||
<!--end::Notice-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-10 fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="required form-label mb-3">Campaign Name</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-lg form-control-solid" name="campaign_name" placeholder="" value="" />
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="d-block fw-semibold fs-6 mb-5">
|
||||
<span class="required">Company Logo</span>
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="E.g. Select a logo to represent the company that's running the campaign."></i>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Image input placeholder-->
|
||||
<style>.image-input-placeholder { background-image: url('{% static "media/svg/files/blank-image.svg" %}'); } [data-bs-theme="dark"] .image-input-placeholder { background-image: url('{% static "media/svg/files/blank-image-dark.svg" %}'); }</style>
|
||||
<!--end::Image input placeholder-->
|
||||
<!--begin::Image input-->
|
||||
<div class="image-input image-input-empty image-input-outline image-input-placeholder" data-kt-image-input="true">
|
||||
<!--begin::Preview existing avatar-->
|
||||
<div class="image-input-wrapper w-125px h-125px"></div>
|
||||
<!--end::Preview existing avatar-->
|
||||
<!--begin::Label-->
|
||||
<label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="change" data-bs-toggle="tooltip" title="Change avatar">
|
||||
<i class="bi bi-pencil-fill fs-7"></i>
|
||||
<!--begin::Inputs-->
|
||||
<input type="file" name="avatar" accept=".png, .jpg, .jpeg" />
|
||||
<input type="hidden" name="avatar_remove" />
|
||||
<!--end::Inputs-->
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Cancel-->
|
||||
<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="cancel" data-bs-toggle="tooltip" title="Cancel avatar">
|
||||
<i class="bi bi-x fs-2"></i>
|
||||
</span>
|
||||
<!--end::Cancel-->
|
||||
<!--begin::Remove-->
|
||||
<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="remove" data-bs-toggle="tooltip" title="Remove avatar">
|
||||
<i class="bi bi-x fs-2"></i>
|
||||
</span>
|
||||
<!--end::Remove-->
|
||||
</div>
|
||||
<!--end::Image input-->
|
||||
<!--begin::Hint-->
|
||||
<div class="form-text">Allowed file types: png, jpg, jpeg.</div>
|
||||
<!--end::Hint-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="required fw-semibold fs-6 mb-5">Campaign Goal</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Roles-->
|
||||
<!--begin::Input row-->
|
||||
<div class="d-flex fv-row">
|
||||
<!--begin::Radio-->
|
||||
<div class="form-check form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input me-3" name="user_role" type="radio" value="0" id="kt_modal_update_role_option_0" checked='checked' />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<label class="form-check-label" for="kt_modal_update_role_option_0">
|
||||
<div class="fw-bold text-gray-800">Get more visitors</div>
|
||||
<div class="text-gray-600">Increase impression traffic onto the platform</div>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Radio-->
|
||||
</div>
|
||||
<!--end::Input row-->
|
||||
<div class='separator separator-dashed my-5'></div>
|
||||
<!--begin::Input row-->
|
||||
<div class="d-flex fv-row">
|
||||
<!--begin::Radio-->
|
||||
<div class="form-check form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input me-3" name="user_role" type="radio" value="1" id="kt_modal_update_role_option_1" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<label class="form-check-label" for="kt_modal_update_role_option_1">
|
||||
<div class="fw-bold text-gray-800">Get more messages on chat</div>
|
||||
<div class="text-gray-600">Increase community interaction and communication</div>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Radio-->
|
||||
</div>
|
||||
<!--end::Input row-->
|
||||
<div class='separator separator-dashed my-5'></div>
|
||||
<!--begin::Input row-->
|
||||
<div class="d-flex fv-row">
|
||||
<!--begin::Radio-->
|
||||
<div class="form-check form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input me-3" name="user_role" type="radio" value="2" id="kt_modal_update_role_option_2" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<label class="form-check-label" for="kt_modal_update_role_option_2">
|
||||
<div class="fw-bold text-gray-800">Get more calls</div>
|
||||
<div class="text-gray-600">Boost telecommunication feedback to provide precise and accurate information</div>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Radio-->
|
||||
</div>
|
||||
<!--end::Input row-->
|
||||
<div class='separator separator-dashed my-5'></div>
|
||||
<!--begin::Input row-->
|
||||
<div class="d-flex fv-row">
|
||||
<!--begin::Radio-->
|
||||
<div class="form-check form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input me-3" name="user_role" type="radio" value="3" id="kt_modal_update_role_option_3" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<label class="form-check-label" for="kt_modal_update_role_option_3">
|
||||
<div class="fw-bold text-gray-800">Get more likes</div>
|
||||
<div class="text-gray-600">Increase positive interactivity on social media platforms</div>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Radio-->
|
||||
</div>
|
||||
<!--end::Input row-->
|
||||
<div class='separator separator-dashed my-5'></div>
|
||||
<!--begin::Input row-->
|
||||
<div class="d-flex fv-row">
|
||||
<!--begin::Radio-->
|
||||
<div class="form-check form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input me-3" name="user_role" type="radio" value="4" id="kt_modal_update_role_option_4" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<label class="form-check-label" for="kt_modal_update_role_option_4">
|
||||
<div class="fw-bold text-gray-800">Lead generation</div>
|
||||
<div class="text-gray-600">Collect contact information for potential customers</div>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Radio-->
|
||||
</div>
|
||||
<!--end::Input row-->
|
||||
<!--end::Roles-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Step 1-->
|
||||
@ -0,0 +1,211 @@
|
||||
<!--begin::Step 2-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-10 pb-lg-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Upload Files</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Campaign Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-10">
|
||||
<!--begin::Dropzone-->
|
||||
<div class="dropzone" id="kt_modal_create_campaign_files_upload">
|
||||
<!--begin::Message-->
|
||||
<div class="dz-message needsclick">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/files/fil010.svg', 'svg-icon svg-icon-3hx svg-icon-primary') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<div class="ms-4">
|
||||
<h3 class="dfs-3 fw-bold text-gray-900 mb-1">Drop campaign files here or click to upload.</h3>
|
||||
<span class="fw-semibold fs-4 text-muted">Upload up to 10 files</span>
|
||||
</div>
|
||||
<!--end::Info--></div>
|
||||
</div>
|
||||
<!--end::Dropzone-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Uploaded File</label>
|
||||
<!--End::Label-->
|
||||
<!--begin::Files-->
|
||||
<div class="mh-300px scroll-y me-n7 pe-7">
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/pdf.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Product Specifications</a>
|
||||
<div class="fw-semibold text-muted">230kb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/tif.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Campaign Creative Poster</a>
|
||||
<div class="fw-semibold text-muted">2.4mb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/folder-document.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Campaign Landing Page Source</a>
|
||||
<div class="fw-semibold text-muted">1.12mb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/css.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Landing Page Styling</a>
|
||||
<div class="fw-semibold text-muted">85kb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/ai.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Design Source Files</a>
|
||||
<div class="fw-semibold text-muted">48mb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/doc.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Campaign Plan Document</a>
|
||||
<div class="fw-semibold text-muted">27kb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
</div>
|
||||
<!--end::Files-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Step 2-->
|
||||
@ -0,0 +1,111 @@
|
||||
<!--begin::Step 3-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-10 pb-lg-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Configure Audiences</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Campaign Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Gender
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Show your ads to either men or women, or select 'All' for both"></i></label>
|
||||
<!--End::Label-->
|
||||
<!--begin::Row-->
|
||||
<div class="row g-9" data-kt-buttons="true" data-kt-buttons-target="[data-kt-button='true']">
|
||||
<!--begin::Col-->
|
||||
<div class="col">
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary active d-flex text-start p-6" data-kt-button="true">
|
||||
<!--begin::Radio-->
|
||||
<span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
|
||||
<input class="form-check-input" type="radio" name="campaign_gender" value="1" checked="checked" />
|
||||
</span>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-5">
|
||||
<span class="fs-4 fw-bold text-gray-800 d-block">All</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col">
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6" data-kt-button="true">
|
||||
<!--begin::Radio-->
|
||||
<span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
|
||||
<input class="form-check-input" type="radio" name="campaign_gender" value="2" />
|
||||
</span>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-5">
|
||||
<span class="fs-4 fw-bold text-gray-800 d-block">Male</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col">
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6" data-kt-button="true">
|
||||
<!--begin::Radio-->
|
||||
<span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
|
||||
<input class="form-check-input" type="radio" name="campaign_gender" value="3" />
|
||||
</span>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-5">
|
||||
<span class="fs-4 fw-bold text-gray-800 d-block">Female</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Age
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Select the minimum and maximum age of the people who will find your ad relevant."></i></label>
|
||||
<!--End::Label-->
|
||||
<!--begin::Slider-->
|
||||
<div class="d-flex flex-stack">
|
||||
<div id="kt_modal_create_campaign_age_min" class="fs-7 fw-semibold text-muted"></div>
|
||||
<div id="kt_modal_create_campaign_age_slider" class="noUi-sm w-100 ms-5 me-8"></div>
|
||||
<div id="kt_modal_create_campaign_age_max" class="fs-7 fw-semibold text-muted"></div>
|
||||
</div>
|
||||
<!--end::Slider-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Location
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Enter one or more location points for more specific targeting."></i></label>
|
||||
<!--End::Label-->
|
||||
<!--begin::Tagify-->
|
||||
<input class="form-control d-flex align-items-center" value="" id="kt_modal_create_campaign_location" data-kt-flags-path="media/flags/"/>
|
||||
<!--end::Tagify-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Step 3-->
|
||||
@ -0,0 +1,62 @@
|
||||
<!--begin::Step 4-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-10 pb-lg-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Budget Estimates</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Campaign Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Campaign Duration
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Choose how long you want your ad to run for"></i></label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Duration option-->
|
||||
<div class="d-flex gap-9 mb-7">
|
||||
<!--begin::Button-->
|
||||
<button type="button" class="btn btn-outline btn-outline-dashed btn-active-light-primary active" id="kt_modal_create_campaign_duration_all">Continuous duration
|
||||
<br />
|
||||
<span class="fs-7">Your ad will run continuously for a daily budget.</span></button>
|
||||
<!--end::Button-->
|
||||
<!--begin::Button-->
|
||||
<button type="button" class="btn btn-outline btn-outline-dashed btn-active-light-primary btn-outline-default" id="kt_modal_create_campaign_duration_fixed">Fixed duration
|
||||
<br />
|
||||
<span class="fs-7">Your ad will run on the specified dates only.</span></button>
|
||||
<!--end::Button-->
|
||||
</div>
|
||||
<!--end::Duration option-->
|
||||
<!--begin::Datepicker-->
|
||||
<input class="form-control form-control-solid d-none" placeholder="Pick date & time" id="kt_modal_create_campaign_datepicker" />
|
||||
<!--end::Datepicker-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-10">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Daily Budget
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Choose the budget allocated for each day. Higher budget will generate better results"></i></label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Slider-->
|
||||
<div class="d-flex flex-column text-center">
|
||||
<div class="d-flex align-items-start justify-content-center mb-7">
|
||||
<span class="fw-bold fs-4 mt-1 me-2">$</span>
|
||||
<span class="fw-bold fs-3x" id="kt_modal_create_campaign_budget_label"></span>
|
||||
<span class="fw-bold fs-3x">.00</span>
|
||||
</div>
|
||||
<div id="kt_modal_create_campaign_budget_slider" class="noUi-sm"></div>
|
||||
</div>
|
||||
<!--end::Slider-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Step 4-->
|
||||
@ -0,0 +1,28 @@
|
||||
<!--begin::Step 5-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-12 text-center">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Campaign Created!</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="fw-semibold text-muted fs-4">You will receive an email with with the summary of your newly created campaign!</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-center pb-20">
|
||||
<button id="kt_modal_create_campaign_create_new" type="button" class="btn btn-lg btn-light me-3" data-kt-element="complete-start">Create New Campaign</button>
|
||||
<a href="" class="btn btn-lg btn-primary" data-bs-toggle="tooltip" title="Coming Soon">View Campaign</a>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
<!--begin::Illustration-->
|
||||
<div class="text-center px-4">
|
||||
<img src="{{ asset('illustrations/sketchy-1/9.png') }}" alt="" class="mww-100 mh-350px" />
|
||||
</div>
|
||||
<!--end::Illustration-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Step 5-->
|
||||
@ -0,0 +1,86 @@
|
||||
<!--begin::Modal - Create Project-->
|
||||
<div class="modal fade" id="kt_modal_create_project" tabindex="-1" aria-hidden="true">
|
||||
<!--begin::Modal dialog-->
|
||||
<div class="modal-dialog modal-fullscreen p-9">
|
||||
<!--begin::Modal content-->
|
||||
<div class="modal-content modal-rounded">
|
||||
<!--begin::Modal header-->
|
||||
<div class="modal-header">
|
||||
<!--begin::Modal title-->
|
||||
<h2>Create Project</h2>
|
||||
<!--end::Modal title-->
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
|
||||
{!! getSvgIcon('duotune/arrows/arr061.svg', 'svg-icon svg-icon-1') !!}
|
||||
</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--end::Modal header-->
|
||||
<!--begin::Modal body-->
|
||||
<div class="modal-body scroll-y m-5">
|
||||
<!--begin::Stepper-->
|
||||
<div class="stepper stepper-links d-flex flex-column" id="kt_modal_create_project_stepper">
|
||||
<!--begin::Container-->
|
||||
<div class="container">
|
||||
<!--begin::Nav-->
|
||||
<div class="stepper-nav justify-content-center py-2">
|
||||
<!--begin::Step 1-->
|
||||
<div class="stepper-item me-5 me-md-15 current" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Project Type</h3>
|
||||
</div>
|
||||
<!--end::Step 1-->
|
||||
<!--begin::Step 2-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Project Settings</h3>
|
||||
</div>
|
||||
<!--end::Step 2-->
|
||||
<!--begin::Step 3-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Budget</h3>
|
||||
</div>
|
||||
<!--end::Step 3-->
|
||||
<!--begin::Step 4-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Build A Team</h3>
|
||||
</div>
|
||||
<!--end::Step 4-->
|
||||
<!--begin::Step 5-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Set First Target</h3>
|
||||
</div>
|
||||
<!--end::Step 5-->
|
||||
<!--begin::Step 6-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Upload Files</h3>
|
||||
</div>
|
||||
<!--end::Step 6-->
|
||||
<!--begin::Step 7-->
|
||||
<div class="stepper-item" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Completed</h3>
|
||||
</div>
|
||||
<!--end::Step 7-->
|
||||
</div>
|
||||
<!--end::Nav-->
|
||||
<!--begin::Form-->
|
||||
<form class="mx-auto w-100 mw-600px pt-15 pb-10" novalidate="novalidate" id="kt_modal_create_project_form" method="post">
|
||||
@incldue('partials/modals/create-project/steps/type')
|
||||
@incldue('partials/modals/create-project/steps/settings')
|
||||
@incldue('partials/modals/create-project/steps/budget')
|
||||
@incldue('partials/modals/create-project/steps/team')
|
||||
@incldue('partials/modals/create-project/steps/targets')
|
||||
@incldue('partials/modals/create-project/steps/files')
|
||||
@incldue('partials/modals/create-project/steps/complete')
|
||||
</form>
|
||||
<!--end::Form-->
|
||||
</div>
|
||||
<!--begin::Container-->
|
||||
</div>
|
||||
<!--end::Stepper-->
|
||||
</div>
|
||||
<!--end::Modal body-->
|
||||
</div>
|
||||
<!--end::Modal content-->
|
||||
</div>
|
||||
<!--end::Modal dialog-->
|
||||
</div>
|
||||
<!--end::Modal - Create Project-->
|
||||
@ -0,0 +1,121 @@
|
||||
<!--begin::Budget-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-10 pb-lg-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Budget</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-6 fw-semibold mb-2">
|
||||
<span class="required">Setup Budget</span>
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-html="true" data-bs-content="<div class='p-4 rounded bg-light'> <div class='d-flex flex-stack text-muted mb-4'> <i class='fas fa-university fs-3 me-3'></i> <div class='fw-bold'>INCBANK **** 1245 STATEMENT</div> </div> <div class='d-flex flex-stack fw-semibold text-gray-600'> <div>Amount</div> <div>Transaction</div> </div> <div class='separator separator-dashed my-2'></div> <div class='d-flex flex-stack text-dark fw-bold mb-2'> <div>USD345.00</div> <div>KEENTHEMES*</div> </div> <div class='d-flex flex-stack text-muted mb-2'> <div>USD75.00</div> <div>Hosting fee</div> </div> <div class='d-flex flex-stack text-muted'> <div>USD3,950.00</div> <div>Payrol</div> </div> </div>"></i>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Dialer-->
|
||||
<div class="position-relative w-lg-250px" id="kt_modal_create_project_budget_setup" data-kt-dialer="true" data-kt-dialer-min="50" data-kt-dialer-max="50000" data-kt-dialer-step="100" data-kt-dialer-prefix="$" data-kt-dialer-decimals="2">
|
||||
<!--begin::Decrease control-->
|
||||
<button type="button" class="btn btn-icon btn-active-color-gray-700 position-absolute translate-middle-y top-50 start-0" data-kt-dialer-control="decrease">{!! getSvgIcon('duotune/general/gen042.svg', 'svg-icon svg-icon-1') !!}</button>
|
||||
<!--end::Decrease control-->
|
||||
<!--begin::Input control-->
|
||||
<input type="text" class="form-control form-control-solid border-0 ps-12" data-kt-dialer-control="input" placeholder="Amount" name="budget_setup" readonly="readonly" value="$50" />
|
||||
<!--end::Input control-->
|
||||
<!--begin::Increase control-->
|
||||
<button type="button" class="btn btn-icon btn-active-color-gray-700 position-absolute translate-middle-y top-50 end-0" data-kt-dialer-control="increase">{!! getSvgIcon('duotune/general/gen041.svg', 'svg-icon svg-icon-1') !!}</button>
|
||||
<!--end::Increase control-->
|
||||
</div>
|
||||
<!--end::Dialer-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Budget Usage</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Row-->
|
||||
<div class="row g-9" data-kt-buttons="true" data-kt-buttons-target="[data-kt-button='true']">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 col-lg-12 col-xxl-6">
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary active d-flex text-start p-6" data-kt-button="true">
|
||||
<!--begin::Radio-->
|
||||
<span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
|
||||
<input class="form-check-input" type="radio" name="budget_usage" value="1" checked="checked" />
|
||||
</span>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-5">
|
||||
<span class="fs-4 fw-bold text-gray-800 mb-2 d-block">Precise Usage</span>
|
||||
<span class="fw-semibold fs-7 text-gray-600">Withdraw money to your bank account per transaction under $50,000 budget</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 col-lg-12 col-xxl-6">
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6" data-kt-button="true">
|
||||
<!--begin::Radio-->
|
||||
<span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
|
||||
<input class="form-check-input" type="radio" name="budget_usage" value="2" />
|
||||
</span>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-5">
|
||||
<span class="fs-4 fw-bold text-gray-800 mb-2 d-block">Extreme Usage</span>
|
||||
<span class="fw-semibold fs-7 text-gray-600">Withdraw money to your bank account per transaction under $50,000 budget</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-15">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold">Allow Changes in Budget</label>
|
||||
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="1" name="budget_allow" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="budget-previous">Project Settings</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="budget-next">
|
||||
<span class="indicator-label">Build Team</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Budget-->
|
||||
@ -0,0 +1,28 @@
|
||||
<!--begin::Complete-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-12 text-center">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Project Created!</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check how to create project</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-center pb-20">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="complete-start">Create New Project</button>
|
||||
<a href="" class="btn btn-lg btn-primary" data-bs-toggle="tooltip" title="Coming Soon">View Project</a>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
<!--begin::Illustration-->
|
||||
<div class="text-center px-4">
|
||||
<img src="{{ asset('illustrations/sketchy-1/9.png') }}" alt="" class="mww-100 mh-350px" />
|
||||
</div>
|
||||
<!--end::Illustration-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Complete-->
|
||||
@ -0,0 +1,214 @@
|
||||
<!--begin::Files-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-10 pb-lg-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Upload Files</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Dropzone-->
|
||||
<div class="dropzone" id="kt_modal_create_project_files_upload">
|
||||
<!--begin::Message-->
|
||||
<div class="dz-message needsclick">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/files/fil010.svg', 'svg-icon svg-icon-3hx svg-icon-primary') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<div class="ms-4">
|
||||
<h3 class="dfs-3 fw-bold text-gray-900 mb-1">Drop files here or click to upload.</h3>
|
||||
<span class="fw-semibold fs-4 text-muted">Upload up to 10 files</span>
|
||||
</div>
|
||||
<!--end::Info--></div>
|
||||
</div>
|
||||
<!--end::Dropzone-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Uploaded File</label>
|
||||
<!--End::Label-->
|
||||
<!--begin::Files-->
|
||||
<div class="mh-300px scroll-y me-n7 pe-7">
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/pdf.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Avionica Technical Requirements</a>
|
||||
<div class="fw-semibold text-muted">230kb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/doc.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">9 Degree CURD draftplan</a>
|
||||
<div class="fw-semibold text-muted">3.6mb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/css.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">User CRUD Styles</a>
|
||||
<div class="fw-semibold text-muted">85kb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/ai.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Design Initial Logo</a>
|
||||
<div class="fw-semibold text-muted">40kb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/tif.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Tower Hill Bilboard</a>
|
||||
<div class="fw-semibold text-muted">27mb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
</div>
|
||||
<!--end::Files-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold">Allow Changes in Budget</label>
|
||||
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="1" name="target_allow" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="files-previous">Set First Target</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="files-next">
|
||||
<span class="indicator-label">Complete</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Files-->
|
||||
@ -0,0 +1,139 @@
|
||||
<!--begin::Settings-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Project Settings</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Dropzone-->
|
||||
<div class="dropzone" id="kt_modal_create_project_settings_logo">
|
||||
<!--begin::Message-->
|
||||
<div class="dz-message needsclick">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/files/fil010.svg', 'svg-icon svg-icon-3hx svg-icon-primary') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<div class="ms-4">
|
||||
<h3 class="dfs-3 fw-bold text-gray-900 mb-1">Drop files here or click to upload.</h3>
|
||||
<span class="fw-semibold fs-4 text-muted">Upload up to 10 files</span>
|
||||
</div>
|
||||
<!--end::Info--></div>
|
||||
</div>
|
||||
<!--end::Dropzone-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="required fs-6 fw-semibold mb-2">Customer</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<select class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Select..." name="settings_customer">
|
||||
<option></option>
|
||||
<option value="1">Keenthemes</option>
|
||||
<option value="2">CRM App</option>
|
||||
</select>
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
|
||||
<span class="required">Project Name</span>
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify project name"></i>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-solid" placeholder="Enter Project Name" value="StockPro Mobile App" name="settings_name" />
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="required fs-6 fw-semibold mb-2">Project Description</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<textarea class="form-control form-control-solid" rows="3" placeholder="Enter Project Description" name="settings_description">Experience share market at your fingertips with TICK PRO stock investment mobile trading app</textarea>
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="required fs-6 fw-semibold mb-2">Release Date</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="position-relative d-flex align-items-center">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/general/gen014.svg', 'svg-icon svg-icon-2 position-absolute mx-4') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Input-->
|
||||
<input class="form-control form-control-solid ps-12" placeholder="Pick date range" name="settings_release_date" />
|
||||
<!--end::Input--></div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-15">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="required fs-6 fw-semibold">Notifications</label>
|
||||
<div class="fs-7 fw-semibold text-muted">Allow Notifications by Phone or Email</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Checkboxes-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-10">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" value="email" name="settings_notifications[]" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="form-check-label fw-semibold">Email</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" value="phone" checked="checked" name="settings_notifications[]" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="form-check-label fw-semibold">Phone</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
</div>
|
||||
<!--end::Checkboxes-->
|
||||
</div>
|
||||
<!--begin::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="settings-previous">Project Type</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="settings-next">
|
||||
<span class="indicator-label">Budget</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Settings-->
|
||||
@ -0,0 +1,134 @@
|
||||
<!--begin::Targets-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Set First Target</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Title-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<label class="fs-6 fw-semibold mb-2">Target Title</label>
|
||||
<input type="text" class="form-control form-control-solid" placeholder="Enter Target Title" name="Project Launch" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="row g-9 mb-8">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 fv-row">
|
||||
<label class="required fs-6 fw-semibold mb-2">Assign</label>
|
||||
<select class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Select a Team Member" name="target_assign">
|
||||
<option></option>
|
||||
<option value="1">Karina Clark</option>
|
||||
<option value="2" selected="selected">Robert Doe</option>
|
||||
<option value="3">Niel Owen</option>
|
||||
<option value="4">Olivia Wild</option>
|
||||
<option value="5">Sean Bean</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 fv-row">
|
||||
<label class="required fs-6 fw-semibold mb-2">Due Date</label>
|
||||
<div class="position-relative d-flex align-items-center">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/general/gen014.svg', 'svg-icon svg-icon-2 position-absolute mx-4') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Datepicker-->
|
||||
<input class="form-control form-control-solid ps-12" placeholder="Pick date range" name="target_due_date" />
|
||||
<!--end::Datepicker--></div>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<label class="fs-6 fw-semibold mb-2">Target Details</label>
|
||||
<textarea class="form-control form-control-solid" rows="2" name="target_details" placeholder="Type Target Details">Experience share market at your fingertips with TICK PRO stock investment mobile trading app</textarea>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<label class="required fs-6 fw-semibold mb-2">Tags</label>
|
||||
<input class="form-control form-control-solid" value="Important, Urgent" name="target_tags" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold">Allow Changes in Budget</label>
|
||||
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="1" name="target_allow" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-15">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold">Notifications</label>
|
||||
<div class="fs-7 fw-semibold text-muted">Allow Notifications by Phone or Email</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Checkboxes-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-10">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" value="email" name="target_notifications[]" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="form-check-label fw-semibold">Email</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" value="phone" checked="checked" name="target_notifications[]" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="form-check-label fw-semibold">Phone</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
</div>
|
||||
<!--end::Checkboxes-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="targets-previous">Build a Team</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="targets-next">
|
||||
<span class="indicator-label">Upload Files</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Targets-->
|
||||
@ -0,0 +1,541 @@
|
||||
<!--begin::Team-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Build a Team</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Invite Teammates</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-solid" placeholder="Add project memnbers by name or email.." name="invite_teammates" />
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-8">
|
||||
<!--begin::Label-->
|
||||
<div class="fs-6 fw-semibold mb-2">Team Members</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Users-->
|
||||
<div class="mh-300px scroll-y me-n7 pe-7">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-6.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Smith</a>
|
||||
<div class="fw-semibold text-muted">smith@kpmg.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Melody Macy</a>
|
||||
<div class="fw-semibold text-muted">melody@altbox.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-1.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Max Smith</a>
|
||||
<div class="fw-semibold text-muted">max@kt.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-5.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Sean Bean</a>
|
||||
<div class="fw-semibold text-muted">sean@dellito.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-25.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Brian Cox</a>
|
||||
<div class="fw-semibold text-muted">brian@exchange.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-warning text-warning fw-semibold">C</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Mikaela Collins</a>
|
||||
<div class="fw-semibold text-muted">mik@pex.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-9.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Francis Mitcham</a>
|
||||
<div class="fw-semibold text-muted">f.mit@kpmg.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">O</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Olivia Wild</a>
|
||||
<div class="fw-semibold text-muted">olivia@corpmail.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-primary text-primary fw-semibold">N</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Neil Owen</a>
|
||||
<div class="fw-semibold text-muted">owen.neil@gmail.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-23.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Dan Wilson</a>
|
||||
<div class="fw-semibold text-muted">dam@consilting.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">E</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Bold</a>
|
||||
<div class="fw-semibold text-muted">emma@intenso.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-12.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ana Crown</a>
|
||||
<div class="fw-semibold text-muted">ana.cf@limtel.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Robert Doe</a>
|
||||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-13.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">John Miller</a>
|
||||
<div class="fw-semibold text-muted">miller@mapple.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-success text-success fw-semibold">L</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Lucy Kunic</a>
|
||||
<div class="fw-semibold text-muted">lucy.m@fentech.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-21.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ethan Wilder</a>
|
||||
<div class="fw-semibold text-muted">ethan@loop.com.au</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Robert Doe</a>
|
||||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Users-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Notice-->
|
||||
<div class="d-flex flex-stack mb-15">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5 fw-semibold">
|
||||
<label class="fs-6">Adding Users by Team Members</label>
|
||||
<div class="fs-7 text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="" checked="checked" />
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Notice-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="team-previous">Budget</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="team-next">
|
||||
<span class="indicator-label">Set Target</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Team-->
|
||||
@ -0,0 +1,70 @@
|
||||
<!--begin::Type-->
|
||||
<div class="current" data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-7 pb-lg-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Project Type</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check out
|
||||
<a href="#" class="link-primary fw-bold">FAQ Page</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-15" data-kt-buttons="true">
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6 mb-6 active">
|
||||
<!--begin::Input-->
|
||||
<input class="btn-check" type="radio" checked="checked" name="project_type" value="1" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="d-flex">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/communication/com006.svg', 'svg-icon svg-icon-3hx') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-4">
|
||||
<span class="fs-3 fw-bold text-gray-900 mb-2 d-block">Personal Project</span>
|
||||
<span class="fw-semibold fs-4 text-muted">If you need more info, please check it out</span>
|
||||
</span>
|
||||
<!--end::Info--></span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6">
|
||||
<!--begin::Input-->
|
||||
<input class="btn-check" type="radio" name="project_type" value="2" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="d-flex">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/general/gen002.svg', 'svg-icon svg-icon-3hx') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-4">
|
||||
<span class="fs-3 fw-bold text-gray-900 mb-2 d-block">Team Project</span>
|
||||
<span class="fw-semibold fs-4 text-muted">Create corporate account to manage users</span>
|
||||
</span>
|
||||
<!--end::Info--></span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex justify-content-end">
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="type-next">
|
||||
<span class="indicator-label">Project Settings</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Type-->
|
||||
120
resources/views/partials/modals/new-card/_form.blade.php
Normal file
120
resources/views/partials/modals/new-card/_form.blade.php
Normal file
@ -0,0 +1,120 @@
|
||||
<!--begin::Input group-->
|
||||
<div class="d-flex flex-column mb-7 fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
|
||||
<span class="required">Name On Card</span>
|
||||
<span class="ms-1" data-bs-toggle="tooltip" title="Specify a card holder's name"></span>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<input type="text" class="form-control form-control-solid" placeholder="" name="card_name" value="Max Doe" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="d-flex flex-column mb-7 fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="required fs-6 fw-semibold form-label mb-2">Card Number</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input wrapper-->
|
||||
<div class="position-relative">
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-solid" placeholder="Enter card number" name="card_number" value="4111 1111 1111 1111" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Card logos-->
|
||||
<div class="position-absolute translate-middle-y top-50 end-0 me-5">
|
||||
<img src="assets/media/svg/card-logos/visa.svg" alt="" class="h-25px" />
|
||||
<img src="assets/media/svg/card-logos/mastercard.svg" alt="" class="h-25px" />
|
||||
<img src="assets/media/svg/card-logos/american-express.svg" alt="" class="h-25px" />
|
||||
</div>
|
||||
<!--end::Card logos-->
|
||||
</div>
|
||||
<!--end::Input wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="row mb-10">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-8 fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="required fs-6 fw-semibold form-label mb-2">Expiration Date</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Row-->
|
||||
<div class="row fv-row">
|
||||
<!--begin::Col-->
|
||||
<div class="col-6">
|
||||
<select name="card_expiry_month" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Month">
|
||||
<option></option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
<option value="9">9</option>
|
||||
<option value="10">10</option>
|
||||
<option value="11">11</option>
|
||||
<option value="12">12</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-6">
|
||||
<select name="card_expiry_year" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Year">
|
||||
<option></option>
|
||||
<option value="2023">2023</option>
|
||||
<option value="2024">2024</option>
|
||||
<option value="2025">2025</option>
|
||||
<option value="2026">2026</option>
|
||||
<option value="2027">2027</option>
|
||||
<option value="2028">2028</option>
|
||||
<option value="2029">2029</option>
|
||||
<option value="2030">2030</option>
|
||||
<option value="2031">2031</option>
|
||||
<option value="2032">2032</option>
|
||||
<option value="2033">2033</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-4 fv-row">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
|
||||
<span class="required">CVV</span>
|
||||
<span class="ms-1" data-bs-toggle="tooltip" title="Enter a card CVV code"></span>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input wrapper-->
|
||||
<div class="position-relative">
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-solid" minlength="3" maxlength="4" placeholder="CVV" name="card_cvv" />
|
||||
<!--end::Input-->
|
||||
<!--begin::CVV icon-->
|
||||
<div class="position-absolute translate-middle-y top-50 end-0 me-3">{!! getIcon('credit-cart', 'fs-2hx') !!}</div>
|
||||
<!--end::CVV icon-->
|
||||
</div>
|
||||
<!--end::Input wrapper-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold form-label">Save Card for further billing?</label>
|
||||
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Save Card</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
60
resources/views/partials/modals/users-search/_main.blade.php
Normal file
60
resources/views/partials/modals/users-search/_main.blade.php
Normal file
@ -0,0 +1,60 @@
|
||||
<!--begin::Modal - Users Search-->
|
||||
<div class="modal fade" id="kt_modal_users_search" tabindex="-1" aria-hidden="true">
|
||||
<!--begin::Modal dialog-->
|
||||
<div class="modal-dialog modal-dialog-centered mw-650px">
|
||||
<!--begin::Modal content-->
|
||||
<div class="modal-content">
|
||||
<!--begin::Modal header-->
|
||||
<div class="modal-header pb-0 border-0 justify-content-end">
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--begin::Modal header-->
|
||||
<!--begin::Modal body-->
|
||||
<div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
|
||||
<!--begin::Content-->
|
||||
<div class="text-center mb-13">
|
||||
<h1 class="mb-3">Search Users</h1>
|
||||
<div class="text-muted fw-semibold fs-5">Invite Collaborators To Your Project</div>
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Search-->
|
||||
<div id="kt_modal_users_search_handler" data-kt-search-keypress="true" data-kt-search-min-length="2" data-kt-search-enter="enter" data-kt-search-layout="inline">
|
||||
<!--begin::Form-->
|
||||
<form data-kt-search-element="form" class="w-100 position-relative mb-5" autocomplete="off">
|
||||
<!--begin::Hidden input(Added to disable form autocomplete)-->
|
||||
<input type="hidden" />
|
||||
<!--end::Hidden input-->
|
||||
<!--begin::Icon-->
|
||||
{!! getIcon('magnifier', 'fs-2 fs-lg-1 text-gray-500 position-absolute top-50 ms-5 translate-middle-y') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-lg form-control-solid px-15" name="search" value="" placeholder="Search by username, full name or email..." data-kt-search-element="input" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Spinner-->
|
||||
<span class="position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-5" data-kt-search-element="spinner">
|
||||
<span class="spinner-border h-15px w-15px align-middle text-muted"></span>
|
||||
</span>
|
||||
<!--end::Spinner-->
|
||||
<!--begin::Reset-->
|
||||
<span class="btn btn-flush btn-active-color-primary position-absolute top-50 end-0 translate-middle-y lh-0 me-5 d-none" data-kt-search-element="clear">{!! getIcon('cross', 'fs-2 fs-lg-1 me-0') !!}</span>
|
||||
<!--end::Reset--></form>
|
||||
<!--end::Form-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="py-5">
|
||||
@include('partials/modals/users-search/partials/_suggestions')
|
||||
@include('partials/modals/users-search/partials/_results')
|
||||
@include('partials/modals/users-search/partials/_empty')
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Search-->
|
||||
</div>
|
||||
<!--end::Modal body-->
|
||||
</div>
|
||||
<!--end::Modal content-->
|
||||
</div>
|
||||
<!--end::Modal dialog-->
|
||||
</div>
|
||||
<!--end::Modal - Users Search-->
|
||||
@ -0,0 +1,15 @@
|
||||
<!--begin::Empty-->
|
||||
<div data-kt-search-element="empty" class="text-center d-none">
|
||||
<!--begin::Message-->
|
||||
<div class="fw-semibold py-10">
|
||||
<div class="text-gray-600 fs-3 mb-2">No users found</div>
|
||||
<div class="text-muted fs-6">Try to search by username, full name or email...</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
<!--begin::Illustration-->
|
||||
<div class="text-center px-5">
|
||||
<img src="assets/media/illustrations/sketchy-1/1.png" alt="" class="w-100 h-200px h-sm-325px" />
|
||||
</div>
|
||||
<!--end::Illustration-->
|
||||
</div>
|
||||
<!--end::Empty-->
|
||||
@ -0,0 +1,623 @@
|
||||
<!--begin::Results(add d-none to below element to hide the users list by default)-->
|
||||
<div data-kt-search-element="results" class="d-none">
|
||||
<!--begin::Users-->
|
||||
<div class="mh-375px scroll-y me-n7 pe-7">
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="0">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='0']" value="0" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-6.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Smith</a>
|
||||
<div class="fw-semibold text-muted">smith@kpmg.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="1">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='1']" value="1" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Melody Macy</a>
|
||||
<div class="fw-semibold text-muted">melody@altbox.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="2">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='2']" value="2" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Max Smith</a>
|
||||
<div class="fw-semibold text-muted">max@kt.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="3">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='3']" value="3" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-5.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Sean Bean</a>
|
||||
<div class="fw-semibold text-muted">sean@dellito.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="4">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='4']" value="4" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Brian Cox</a>
|
||||
<div class="fw-semibold text-muted">brian@exchange.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="5">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='5']" value="5" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-warning text-warning fw-semibold">C</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Mikaela Collins</a>
|
||||
<div class="fw-semibold text-muted">mik@pex.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="6">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='6']" value="6" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-9.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Francis Mitcham</a>
|
||||
<div class="fw-semibold text-muted">f.mit@kpmg.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="7">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='7']" value="7" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">O</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Olivia Wild</a>
|
||||
<div class="fw-semibold text-muted">olivia@corpmail.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="8">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='8']" value="8" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-primary text-primary fw-semibold">N</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Neil Owen</a>
|
||||
<div class="fw-semibold text-muted">owen.neil@gmail.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="9">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='9']" value="9" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-23.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Dan Wilson</a>
|
||||
<div class="fw-semibold text-muted">dam@consilting.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="10">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='10']" value="10" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">E</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Bold</a>
|
||||
<div class="fw-semibold text-muted">emma@intenso.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="11">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='11']" value="11" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-12.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ana Crown</a>
|
||||
<div class="fw-semibold text-muted">ana.cf@limtel.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="12">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='12']" value="12" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Robert Doe</a>
|
||||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="13">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='13']" value="13" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-13.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">John Miller</a>
|
||||
<div class="fw-semibold text-muted">miller@mapple.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="14">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='14']" value="14" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-success text-success fw-semibold">L</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Lucy Kunic</a>
|
||||
<div class="fw-semibold text-muted">lucy.m@fentech.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="15">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='15']" value="15" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="assets/media/avatars/300-21.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ethan Wilder</a>
|
||||
<div class="fw-semibold text-muted">ethan@loop.com.au</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::Separator-->
|
||||
<div class="border-bottom border-gray-300 border-bottom-dashed"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::User-->
|
||||
<div class="rounded d-flex flex-stack bg-active-lighten p-4" data-user-id="16">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-5">
|
||||
<input class="form-check-input" type="checkbox" name="users" data-kt-check="true" data-kt-check-target="[data-user-id='16']" value="16" />
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Robert Doe</a>
|
||||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Users-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-center mt-15">
|
||||
<button type="reset" id="kt_modal_users_search_reset" data-bs-dismiss="modal" class="btn btn-active-light me-3">Cancel</button>
|
||||
<button type="submit" id="kt_modal_users_search_submit" class="btn btn-primary">Add Selected Users</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Results-->
|
||||
@ -0,0 +1,86 @@
|
||||
<!--begin::Suggestions-->
|
||||
<div data-kt-search-element="suggestions">
|
||||
<!--begin::Heading-->
|
||||
<h3 class="fw-semibold mb-5">Recently searched:</h3>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Users-->
|
||||
<div class="mh-375px scroll-y me-n7 pe-7">
|
||||
<!--begin::User-->
|
||||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle me-5">
|
||||
<img alt="Pic" src="assets/media/avatars/300-6.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Info-->
|
||||
<div class="fw-semibold">
|
||||
<span class="fs-6 text-gray-800 me-2">Emma Smith</span>
|
||||
<span class="badge badge-light">Art Director</span>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</a>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle me-5">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Info-->
|
||||
<div class="fw-semibold">
|
||||
<span class="fs-6 text-gray-800 me-2">Melody Macy</span>
|
||||
<span class="badge badge-light">Marketing Analytic</span>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</a>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle me-5">
|
||||
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Info-->
|
||||
<div class="fw-semibold">
|
||||
<span class="fs-6 text-gray-800 me-2">Max Smith</span>
|
||||
<span class="badge badge-light">Software Enginer</span>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</a>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle me-5">
|
||||
<img alt="Pic" src="assets/media/avatars/300-5.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Info-->
|
||||
<div class="fw-semibold">
|
||||
<span class="fs-6 text-gray-800 me-2">Sean Bean</span>
|
||||
<span class="badge badge-light">Web Developer</span>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</a>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle me-5">
|
||||
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Info-->
|
||||
<div class="fw-semibold">
|
||||
<span class="fs-6 text-gray-800 me-2">Brian Cox</span>
|
||||
<span class="badge badge-light">UI/UX Designer</span>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</a>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Users-->
|
||||
</div>
|
||||
<!--end::Suggestions-->
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user