Files
logisticsAPI/resources/views/filament/pages/documents.blade.php
Marvin 657c5ad5e3 Update project dependencies and enhance documentation
- Added `barryvdh/laravel-dompdf` to `composer.json` for PDF generation capabilities.
- Updated `boost.json` to include `tailwindcss-development` in skills.
- Modified `package.json` and `package-lock.json` to upgrade Tailwind CSS and related packages.
- Improved README.md for clarity and corrected French language errors.
- Created design system documentation for Filament components.
- Added new Filament pages for Dashboard and Documentation with dynamic content loading.
- Enhanced TablesExplorer functionality with improved table and column management.
2026-02-20 14:16:24 +01:00

88 lines
3.5 KiB
PHP

<x-filament-panels::page>
<x-logistics.error-banner :message="$errorMessage" />
{{-- Formulaire de recherche --}}
<x-logistics.card>
<x-logistics.section-header title="Rechercher des documents" />
<div class="p-6">
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
<x-logistics.form-field
wire:model="select"
label="Colonnes (select)"
id="select"
placeholder="jnl,number,thirdid,date"
/>
<x-logistics.form-field
wire:model="thirdId"
label="Identifiant tiers (thirdid)"
id="thirdId"
placeholder="Ex: CUST001"
/>
</div>
<div class="mt-4 flex items-center gap-3">
<x-filament::button wire:click="searchDocuments" icon="heroicon-o-magnifying-glass">
Rechercher
</x-filament::button>
<div wire:loading wire:target="searchDocuments" class="flex items-center gap-2">
<x-filament::loading-indicator class="h-4 w-4 text-primary-500" />
<span class="text-sm text-gray-500">Recherche en cours...</span>
</div>
</div>
</div>
</x-logistics.card>
{{-- Resultats --}}
@if (count($data) > 0)
<x-logistics.card>
<x-logistics.section-header title="Résultats">
<x-slot:actions>
@if ($metadata)
<span class="rounded-full bg-gray-100 px-2.5 py-0.5 text-xs font-medium tabular-nums text-gray-600 dark:bg-white/10 dark:text-gray-300">
{{ $metadata['rowcount'] ?? 0 }} résultat(s)
</span>
@endif
</x-slot:actions>
</x-logistics.section-header>
<div class="p-6">
<x-logistics.data-table :data="$data" />
</div>
</x-logistics.card>
@endif
{{-- Detail d'un document --}}
<x-logistics.card>
<x-logistics.section-header title="Détail d'un document" />
<div class="p-6">
<div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
<x-logistics.form-field
wire:model="detailJnl"
label="Code journal (jnl)"
id="detailJnl"
placeholder="Ex: VEN"
/>
<x-logistics.form-field
wire:model="detailNumber"
label="Numéro de document"
id="detailNumber"
placeholder="Ex: 1"
/>
<div class="flex items-end">
<x-filament::button wire:click="getDocumentDetail" icon="heroicon-o-eye">
Voir le détail
</x-filament::button>
</div>
</div>
<div wire:loading wire:target="getDocumentDetail" class="mt-4 flex items-center gap-2">
<x-filament::loading-indicator class="h-4 w-4 text-primary-500" />
<span class="text-sm text-gray-500">Chargement...</span>
</div>
<div wire:loading.remove wire:target="getDocumentDetail" class="mt-4">
<x-logistics.json-block :data="$detailData" />
</div>
</div>
</x-logistics.card>
</x-filament-panels::page>