62 lines
2.3 KiB
PHP
62 lines
2.3 KiB
PHP
|
|
@use('Namu\WireChat\Facades\WireChat')
|
|
|
|
<header class="px-3 z-10 sticky top-0 w-full py-2 " dusk="header">
|
|
|
|
|
|
{{-- Title/name and Icon --}}
|
|
<section class="flex flex-col pb-2">
|
|
|
|
@if (isset($title))
|
|
<div class="flex items-center gap-2 truncate" wire:ignore>
|
|
<h2 class="text-2xl font-bold dark:text-white" dusk="title">{{$title}}</h2>
|
|
</div>
|
|
@endif
|
|
|
|
@if ($showNewChatModalButton)
|
|
<div class="mt-2">
|
|
<x-wirechat::actions.new-chat widget="{{$this->isWidget()}}">
|
|
@if ($title === '')
|
|
<x-jetstream.button id="open-new-chat-modal-button" type="button">
|
|
{{ __('wirechat::new.chat.labels.heading') }}
|
|
</x-jetstream.button>
|
|
@else
|
|
<x-jetstream.secondary-button id="open-new-chat-modal-button" type="button">
|
|
{{ __('wirechat::new.chat.labels.heading') }}
|
|
</x-jetstream.secondary-button>
|
|
@endif
|
|
</x-wirechat::actions.new-chat>
|
|
</div>
|
|
@endif
|
|
|
|
</section>
|
|
|
|
{{-- Search input --}}
|
|
@if ($allowChatsSearch)
|
|
<section class="mt-4">
|
|
<div class="px-2 rounded-lg dark:bg-[var(--wc-dark-secondary)] bg-[var(--wc-light-secondary)] grid grid-cols-12 items-center">
|
|
|
|
<label for="chats-search-field" class="col-span-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
|
|
stroke="currentColor" class="size-5 w-5 h-5 dark:text-gray-300">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
|
|
</svg>
|
|
</label>
|
|
|
|
<input id="chats-search-field"
|
|
name="chats_search"
|
|
maxlength="100"
|
|
type="search"
|
|
wire:model.live.debounce='search'
|
|
placeholder="{{ __('wirechat::chats.inputs.search.placeholder') }}"
|
|
autocomplete="off"
|
|
@click.stop
|
|
class="col-span-11 border-0 bg-inherit dark:text-white outline-hidden w-full focus:outline-hidden focus:ring-0 hover:ring-0">
|
|
</div>
|
|
|
|
</section>
|
|
@endif
|
|
|
|
</header>
|