@extends('layouts.dashboard')

@section('dashboard-content')
    <div class="search-card">
        <h2 class="section-title">Document – {{ $document->document_number }}</h2>

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-error">{{ session('error') }}</div>
        @endif

        <div class="form-grid" style="margin-bottom: 20px;">
            <div class="form-group">
                <span class="form-label">Title</span>
                <p style="margin: 4px 0; font-size: 1rem;">{{ $document->title }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Document type</span>
                <p style="margin: 4px 0;">{{ str_replace('_', ' ', $document->document_type) }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Pseudo document number</span>
                <p style="margin: 4px 0;">{{ $document->pseudo_document_number ?: '—' }}</p>
            </div>
            @if($document->description)
                <div class="form-group" style="grid-column: 1 / -1;">
                    <span class="form-label">Description</span>
                    <p style="margin: 4px 0;">{{ $document->description }}</p>
                </div>
            @endif
            <div class="form-group">
                <span class="form-label">Uploaded by</span>
                <p style="margin: 4px 0;">{{ $document->uploaded_by ?: '—' }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Uploaded date</span>
                <p style="margin: 4px 0;">{{ $document->uploaded_date?->format('d M Y H:i') ?: '—' }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Indexed by</span>
                <p style="margin: 4px 0;">{{ $document->indexed_by ?: '—' }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Indexed at</span>
                <p style="margin: 4px 0;">{{ $document->indexed_at?->format('d M Y H:i') ?: '—' }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Captured by</span>
                <p style="margin: 4px 0;">{{ $document->captured_by ?: '—' }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Captured at</span>
                <p style="margin: 4px 0;">{{ $document->captured_at?->format('d M Y H:i') ?: '—' }}</p>
            </div>
            @if($document->boundary)
                <div class="form-group">
                    <span class="form-label">Related boundary</span>
                    <p style="margin: 4px 0;">{{ $document->boundary->boundary_number }} – {{ $document->boundary->name }}</p>
                </div>
            @endif
            @if($document->dispute)
                <div class="form-group">
                    <span class="form-label">Related dispute</span>
                    <p style="margin: 4px 0;">{{ $document->dispute->dispute_number }} – {{ Str::limit($document->dispute->title, 50) }}</p>
                </div>
            @endif
        </div>

        <div class="button-group">
            @if($document->content_path)
                <a href="{{ route('boundary.documents.download', $document->id) }}" class="btn btn-primary">Download file</a>
            @endif
            <a href="{{ route('boundary.documents.edit', $document->id) }}" class="btn btn-secondary">Edit document</a>
            <a href="{{ route('dashboard.transaction') }}" class="btn btn-secondary">Back to Transaction log</a>
        </div>
    </div>

    @if($document->treatments && $document->treatments->count() > 0)
        <div class="search-card" style="margin-top: 24px;">
            <h3 class="section-subtitle">Treatment history</h3>
            <div class="table-responsive">
                <table class="overview-table">
                    <thead>
                        <tr>
                            <th>Action</th>
                            <th>Treated by</th>
                            <th>Role</th>
                            <th>Date &amp; time</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($document->treatments as $t)
                            <tr>
                                <td><span class="status-pill enabled">{{ $t->action }}</span></td>
                                <td>{{ $t->user_authority ?? '—' }}</td>
                                <td>{{ $t->role_snapshot ?? '—' }}</td>
                                <td>{{ $t->treated_at?->format('d M Y H:i') ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
@endsection