ultimatepos/Modules/Communication/Resources/views/layouts/nav.blade.php

67 lines
2.2 KiB
PHP

<style>
.communication-shell {
margin-bottom: 18px;
border: 1px solid #e7ecf3;
border-radius: 14px;
background: linear-gradient(120deg, #ffffff 0%, #f9fbff 100%);
box-shadow: 0 8px 24px rgba(27, 39, 51, 0.06);
}
.communication-shell .communication-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 18px 6px;
}
.communication-shell .communication-brand {
font-size: 18px;
font-weight: 600;
color: #1e2b37;
}
.communication-shell .communication-brand i {
margin-right: 6px;
color: #4f7cff;
}
.communication-tabs {
display: flex;
gap: 10px;
padding: 0 18px 14px;
}
.communication-tab {
display: inline-block;
border-radius: 999px;
padding: 8px 16px;
color: #4a5b6f;
background: #eef2f8;
font-weight: 600;
transition: all 0.2s ease;
}
.communication-tab:hover {
text-decoration: none;
background: #dde6f7;
color: #243447;
}
.communication-tab.active {
color: #fff;
background: linear-gradient(90deg, #4f7cff 0%, #5ea6ff 100%);
box-shadow: 0 5px 14px rgba(79, 124, 255, 0.35);
}
</style>
<section class="no-print communication-shell">
<div class="communication-head">
<a class="communication-brand" href="{{ action([\Modules\Communication\Http\Controllers\ChatController::class, 'index']) }}">
<i class="fa fa-comments"></i> @lang('communication::lang.module_name')
</a>
</div>
<div class="communication-tabs">
<a class="communication-tab @if(request()->segment(2) == 'chat') active @endif"
href="{{ action([\Modules\Communication\Http\Controllers\ChatController::class, 'index']) }}">
@lang('communication::lang.chat')
</a>
<a class="communication-tab @if(request()->segment(2) == 'meetings') active @endif"
href="{{ action([\Modules\Communication\Http\Controllers\MeetingController::class, 'index']) }}">
@lang('communication::lang.meetings')
</a>
</div>
</section>