23 lines
888 B
PHP
23 lines
888 B
PHP
<section class="rounded-2xl border border-zinc-200 bg-white p-5 dark:border-zinc-700 dark:bg-zinc-900">
|
|
<div class="flex items-center justify-between gap-4">
|
|
<div>
|
|
<flux:heading size="sm">{{ __('Time tracking') }}</flux:heading>
|
|
<flux:text>{{ $this->elapsedTime }}</flux:text>
|
|
</div>
|
|
|
|
@if ($this->isRunning)
|
|
<flux:button variant="danger" wire:click="endTimer">{{ __('Stop timer') }}</flux:button>
|
|
@else
|
|
<flux:button variant="primary" wire:click="startTimer">{{ __('Start timer') }}</flux:button>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="mt-4">
|
|
<flux:input wire:model="description" :label="__('Description')" :placeholder="__('What are you working on?')" />
|
|
</div>
|
|
|
|
@if ($message)
|
|
<p class="mt-3 text-sm text-zinc-600 dark:text-zinc-300">{{ $message }}</p>
|
|
@endif
|
|
</section>
|