60 lines
3 KiB
PHP
60 lines
3 KiB
PHP
<div>
|
|
<div class="px-4 sm:px-6 lg:px-8">
|
|
<div class="sm:flex sm:flex-col sm:items-center">
|
|
<div class="w-full">
|
|
<h1 class="text-base font-semibold leading-6 text-gray-900">Reports</h1>
|
|
<p class="mt-2 text-sm text-gray-700"></p>
|
|
</div>
|
|
<div class="mt-4 sm:mt-0 sm:flex sm:justify-between w-full">
|
|
<x-search></x-search>
|
|
<x-button wire:click="openCreateReportModal"
|
|
class="block rounded-md bg-indigo-600 px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
|
|
Create Report
|
|
</x-button>
|
|
</div>
|
|
</div>
|
|
<div class="mt-8 flow-root">
|
|
<div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
|
|
<div class="relative">
|
|
<div class="inline-block min-w-full py-2 align-middle mb-10">
|
|
<table class="min-w-full divide-y divide-gray-300">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
|
|
Created At
|
|
</th>
|
|
<th scope="col"
|
|
class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6 lg:pl-8">
|
|
Name
|
|
</th>
|
|
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
|
|
Status
|
|
</th>
|
|
<th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-6 lg:pr-8">
|
|
<span class="sr-only">Edit</span>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="divide-y divide-gray-200 bg-white">
|
|
@foreach($reports as $report)
|
|
<livewire:projects.report-row :$report :key="$report->id"/>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="pt-4 flex justify-between items-center">
|
|
<div class="text-gray-700 text-sm">
|
|
Results: {{ \Illuminate\Support\Number::format($reports->total()) }}
|
|
</div>
|
|
|
|
{{ $reports->links('livewire.pagination') }}
|
|
</div>
|
|
<div class="absolute inset-0 bg-white opacity-75" wire:loading></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<x-report-manager-properties-modal :reportManager="$this"/>
|
|
</div>
|
|
|