423 lines
20 KiB
PHP
423 lines
20 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Inbox</title>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.3/dist/semantic.min.css">
|
|
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> -->
|
|
<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.3/dist/semantic.min.js"></script>
|
|
<!-- Bootstrap Styles -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link href="https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901&display=swap"
|
|
rel="stylesheet">
|
|
<!-- Bootstrap JavaScript -->
|
|
<!-- Toastr CSS -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
|
|
|
|
<!-- Main Styles -->
|
|
<link rel="stylesheet" href="{{ asset('assets/style.css') }}">
|
|
<link rel="icon" href="{{asset('images/favicon.ico')}}" type="image/png">
|
|
</head>
|
|
</head>
|
|
|
|
<body class="color-dark-green">
|
|
|
|
<div class="container-fluid">
|
|
<div class="main-wrapper row wider-content-area">
|
|
|
|
<!-- Sidebar -->
|
|
<div class=" sidebar-area short-sidebar">
|
|
<aside class="bg-dark-green-color align-items-center">
|
|
<div class="image-box d-flex justify-content-between">
|
|
<img src="{{ asset('images/logo-white.png') }}" alt="Site Logo">
|
|
<div class="dev-toggle-sidebar dev-close"><img src="{{ asset('images/icons/close-icon.svg') }}" alt=""></div>
|
|
</div>
|
|
<div class="side-bar-links d-flex justify-content-center">
|
|
<ul>
|
|
<a href="{{ route('index') }}"
|
|
class="side-bar-link bg-light-color d-flex align-items-center justify-content-between">
|
|
<div class="link-left-content align-items-center d-flex">
|
|
<img src="{{ asset('images/icons/Message.png') }}" alt="Message">
|
|
|
|
</div>
|
|
</a>
|
|
<a href="{{ route('waiting') }}" class="side-bar-link d-flex align-items-center justify-content-between">
|
|
<div class="link-left-content align-items-center d-flex">
|
|
<img src="{{ asset('images/icons/Time_light.png') }}" alt="Message">
|
|
|
|
</div>
|
|
</a>
|
|
<a href="{{ route('all.tickets') }}" class="side-bar-link d-flex align-items-center justify-content-between">
|
|
<div class="link-left-content align-items-center d-flex">
|
|
<img src="{{ asset('images/Ticket_use.svg') }}" alt="Message">
|
|
|
|
</div>
|
|
</a>
|
|
<a href="#" class="side-bar-link d-flex align-items-center justify-content-between">
|
|
<div class="link-left-content align-items-center d-flex">
|
|
<img src="{{ asset('images/chart-square.svg') }}" alt="Message">
|
|
|
|
</div>
|
|
</a>
|
|
|
|
<li class="side-bar-link w-100">
|
|
<div class="link-divider bg-light-color"></div>
|
|
</li>
|
|
|
|
|
|
<li class="side-bar-link bg-light-color d-flex align-items-center justify-content-between">
|
|
|
|
<div class="link-left-content align-items-center d-flex flex-column">
|
|
<img src="{{ asset('images/icons/Arhive_alt_small_duotone.png') }}" alt="Message">
|
|
<img src="{{ asset('images/icons/chevron-right 7.png') }}" alt="">
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="profile-nav-row d-flex side-bar-link">
|
|
|
|
<div class="profile-nav-box">
|
|
<div class="img-box"><img src="{{ asset('images/user.png') }}" alt="User Image"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</aside>
|
|
</div>
|
|
<!-- End -->
|
|
|
|
<!-- Header And Main Content Wrapper -->
|
|
<div class="content-area position-relative bg-light-color">
|
|
|
|
<!-- Header -->
|
|
<header class="position-relative">
|
|
<div class="row">
|
|
<div class="col-sm-4 user-name-nav-area d-flex align-content-center">
|
|
<div class="dev-toggle-sidebar">
|
|
<img src="{{ asset('images/icons/blocks-icon.svg') }}">
|
|
</div>
|
|
<h2 class="d-flex align-items-center">Hello {{auth()->user()->name}} <span>👋🏼</span>,</h2>
|
|
</div>
|
|
<div class="col-sm-8 d-flex justify-content-end align-items-center">
|
|
<div class="search-box d-flex align-items-center">
|
|
<img src="{{ asset('images/icons/search 1.png') }}" alt="">
|
|
<input type="text" class="color-dark-green" placeholder="Search...">
|
|
</div>
|
|
<div class="nav-links d-flex align-items-center">
|
|
<form method="POST" action="{{route('logout')}}">
|
|
@csrf
|
|
<button class="nav-btn bg-dark-green-color">
|
|
<img height="25" width="50" src="{{ asset('images/logout.png') }}" alt="">
|
|
</button>
|
|
</form>
|
|
<a href="{{ route('chat.setting') }}" class="nav-btn bg-dark-green-color">
|
|
<img src="{{ asset('images/icons/Message_alt_fill.png') }}" alt="">
|
|
</a>
|
|
<a href="{{ route('inbox.setting') }}" class="nav-btn bell-btn bg-dark-green-color">
|
|
<img src="{{ asset('images/icons/notification.svg') }}" alt="">
|
|
</a>
|
|
<div class="ui dropdown custom-dropdown options-widget-wrapper">
|
|
<div class="text">
|
|
<button class="nav-btn bg-dark-green-color">
|
|
<img src="{{ asset('images/icons/Group 32.png') }}" alt="">
|
|
</button>
|
|
</div>
|
|
<div class="menu nav-bar-menu mt-2">
|
|
<div class="item">
|
|
<p class="action-heading-paragraph text-center align-content-center">
|
|
<img src="{{ asset('images/icons/Vector (3).png') }}" alt="">
|
|
<span class="action-label text-white">Inbox</span>
|
|
</p>
|
|
<div class="chat-settings-btn-row text-center">
|
|
<a class="ui secondary basic button tag-btn shadow-none">Tags</a>
|
|
<a
|
|
href="{{ route('inbox.setting') }}" class="ui secondary basic button shadow-none setting-btn text-white align-content-center">Settings</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<p class="action-heading-paragraph text-center align-content-center">
|
|
<img src="{{ asset('images/icons/chat-round-white.svg') }}" alt="">
|
|
<span class="action-label text-white">Chats</span>
|
|
</p>
|
|
<div class="chat-settings-btn-row text-center">
|
|
<a class="ui secondary basic button tag-btn shadow-none">Tags</a>
|
|
<a
|
|
href="{{ route('chat.setting') }}" class="ui secondary basic button shadow-none setting-btn text-white align-content-center">Settings</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<p class="action-heading-paragraph text-center align-content-center">
|
|
<img src="{{ asset('images/icons/Group 133630.svg') }}" alt="">
|
|
<span class="action-label text-white">Help Center</span>
|
|
</p>
|
|
<div class="chat-settings-btn-row text-center">
|
|
<i class="external link square alternate icon color-dark-green"></i>
|
|
<a class="ui secondary basic button tag-btn shadow-none">Tags</a>
|
|
<a
|
|
class="ui secondary basic button shadow-none setting-btn text-white align-content-center">Settings</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<p class="action-heading-paragraph text-center align-content-center">
|
|
<img src="{{ asset('images/icons/question-square-svgrepo-com 2.svg') }}" alt="">
|
|
<span class="action-label text-white">Forum</span>
|
|
</p>
|
|
<div class="chat-settings-btn-row text-center d-flex justify-content-center align-items-center">
|
|
<i class="external link square alternate icon color-dark-green"></i>
|
|
<a class="ui secondary basic button tag-btn shadow-none">Tags</a>
|
|
<a
|
|
class="ui secondary basic button shadow-none setting-btn text-white align-content-center">Settings</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- End -->
|
|
|
|
<!-- Main Content Area -->
|
|
@yield('content')
|
|
<!-- End -->
|
|
|
|
<!-- Support and Chat Fixed Buttons -->
|
|
<div class="chat-message-box position-fixed">
|
|
|
|
|
|
<!-- Chat Drop Down -->
|
|
<div class="chat-widget-wrapper ui floating bg-dark-green-color icon dropdown button">
|
|
<img src="{{ asset('images/icons/Vector 386.png') }}" alt="Chat Icon">
|
|
|
|
<div class="menu chat-menu">
|
|
<div id="chat-feature-widget" class="ui transition chat-feature-widget">
|
|
<div class="header d-flex justify-content-between align-items-center text-white">
|
|
<p class="chat-popup-label text-light">Chats</p>
|
|
<img class="remove-chat" src="{{ asset('images/icons/Vector (3).svg') }}" alt="Cross Chat Icon">
|
|
</div>
|
|
<div class="item open-inbox">
|
|
<div class="single-user-content d-flex">
|
|
<div class="chat-user-img-box">
|
|
<img src="{{ asset('images/Avatar.png') }}" alt="Dummy User">
|
|
</div>
|
|
<div class="user-message-detail">
|
|
<p class="recepient-message-detail">James <span>Sep 27</span></p>
|
|
<p class="text-wrap descriptive-message">Lorem ipsum dolor sit amet,
|
|
adipiscing
|
|
elit. In lorem est... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item open-inbox">
|
|
<div class="single-user-content d-flex">
|
|
<div class="chat-user-img-box">
|
|
<img src="{{ asset('images/Avatar.png') }}" alt="Dummy User">
|
|
</div>
|
|
<div class="user-message-detail">
|
|
<p class="recepient-message-detail">James <span>Sep 27</span></p>
|
|
<p class="text-wrap descriptive-message">Lorem ipsum dolor sit amet,
|
|
adipiscing
|
|
elit. In lorem est... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item open-inbox">
|
|
<div class="single-user-content d-flex">
|
|
<div class="chat-user-img-box">
|
|
<img src="{{ asset('images/Avatar.png') }}" alt="Dummy User">
|
|
</div>
|
|
<div class="user-message-detail">
|
|
<p class="recepient-message-detail">James <span>Sep 27</span></p>
|
|
<p class="text-wrap descriptive-message">Lorem ipsum dolor sit amet,
|
|
adipiscing
|
|
elit. In lorem est... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- User Inbox menu -->
|
|
<div id="inbox" class="ui transition hidden chat-feature-widget inbox-wrapper">
|
|
<div class="header d-flex align-items-center">
|
|
<img id="back-to-users" src="{{ asset('images/icons/Vector 387.png') }}" alt="Back To Chat">
|
|
<p class="chat-popup-label text-light">James</p>
|
|
</div>
|
|
<div class="scrollhint">
|
|
<div class="item">
|
|
<div class="single-user-content d-flex">
|
|
<div class="chat-user-img-box receiver-message-box d-flex">
|
|
<img src="{{ asset('images/Avatar.png') }}" alt="Dummy User">
|
|
<p>👋 Hi there! How can I help?</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item d-flex justify-content-end">
|
|
<div class="sender-message-box text-white">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="single-user-content d-flex">
|
|
<div class="chat-user-img-box receiver-message-box d-flex">
|
|
<img class="align-self-end" src="{{ asset('images/Avatar.png') }}" alt="Dummy User">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lorem
|
|
est,
|
|
tincidunt at placerat ultricies, vehicula in erat. Donec vitae ante
|
|
mollis, pretium augue vel, feugiat risus.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item d-flex justify-content-end">
|
|
<div class="sender-message-box text-white">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="single-user-content d-flex">
|
|
<div class="chat-user-img-box receiver-message-box d-flex">
|
|
<img class="align-self-end" src="{{ asset('images/Avatar.png') }}" alt="Dummy User">
|
|
<p>Typing...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="outer-message-input-box">
|
|
<div class="inner-message-input d-flex align-items-center justify-content-between ">
|
|
<input type="text" class="border-0" placeholder="Type a reply">
|
|
<p class="input-action d-flex align-items-center ">
|
|
<img src="{{ asset('images/icons/gif.png') }}" alt="Gif">
|
|
<img src="{{ asset('images/icons/emoji.png') }}" alt="Gif">
|
|
<img src="{{ asset('images/icons/attachment.png') }}" alt="Gif">
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End -->
|
|
|
|
|
|
|
|
<!-- Support Drop down -->
|
|
<div class="ui floating bg-dark-green-color support-widget-wrapper icon dropdown button ">
|
|
<img src="{{ asset('images/icons/support.svg') }}" alt="Support Icon">
|
|
<div class="menu support-widget">
|
|
<div class="header support-header mt-0 text-center">
|
|
<h2 class="color-dark-green">Help & Support</h2>
|
|
</div>
|
|
<div class="support-facilities-box d-flex justify-content-between flex-wrap">
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="{{ asset('images/icons/faq-svgrepo-com 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green">FAQ</p>
|
|
</div>
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="{{ asset('images/icons/laptop-minimalistic-svgrepo-com 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green">Using Kundo</p>
|
|
</div>
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="{{ asset('images/icons/launch-svgrepo-com 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green text-wrap">Launching Kundo</p>
|
|
</div>
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="{{ asset('images/icons/setting-svgrepo-com 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green text-wrap">Technical Settings</p>
|
|
</div>
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="{{ asset('images/icons/data-mapping-svgrepo-com 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green ">Integration</p>
|
|
</div>
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="{{ asset('images/icons/open-door-svgrepo-com 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green text-wrap">Privacy & Policy</p>
|
|
</div>
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="{{ asset('images/icons/news-svgrepo-com 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green text-wrap">News & Updates</p>
|
|
</div>
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="{{ asset('images/icons/graduate-cap-svgrepo-com 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green ">Training</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="header contact-us-header text-center">
|
|
<h2 class="color-dark-green">Contact Us</h2>
|
|
</div>
|
|
|
|
<div class="contact-us-box d-flex justify-content-center">
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="images/icons/email-14-svgrepo-com (1) 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green text-wrap">Technical Questions</p>
|
|
</div>
|
|
<div class="item text-center">
|
|
<div class="support-img-box align-content-center">
|
|
<img src="images/icons/about-filled-svgrepo-com 1.svg') }}" alt="">
|
|
</div>
|
|
<p class="color-dark-green">About Kundo</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<!-- End -->
|
|
|
|
</div>
|
|
<!-- End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- jQuery (necessary for Toastr) -->
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<!-- Toastr JS -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
@if (session('success'))
|
|
toastr.success("{{ session('success') }}");
|
|
@endif
|
|
|
|
@if (session('error'))
|
|
toastr.error("{{ session('error') }}");
|
|
@endif
|
|
});
|
|
</script>
|
|
<!-- Main Custom Js -->
|
|
<script src="{{ asset('assets/script.js') }}"></script>
|
|
</body>
|
|
|
|
</html> |