@extends('layouts.dashboard')

@section('dashboard-content')
    <div class="search-card">
        <h2 class="section-title">Document – {{ $document->reference_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;">{{ $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">Amount</span>
                <p style="margin: 4px 0;">@if($document->amount !== null){{ number_format($document->amount, 2) }} {{ $document->currency ?? '' }}@else—@endif</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 ? $document->uploaded_date->format('d M Y H:i') : '—' }}</p>
            </div>
        </div>

        <div class="button-group">
            @if($document->content_path)
                <a href="{{ route('accounting.documents.download', $document->id) }}" class="btn btn-primary">Download file</a>
            @endif
            <a href="{{ route('accounting.documents.edit', $document->id) }}" class="btn btn-secondary">Edit document</a>
            <form method="post" action="{{ route('accounting.documents.update-status', $document->id) }}" class="d-inline">
                @csrf
                <input type="hidden" name="action" value="approved">
                <button type="submit" class="btn btn-secondary">Mark approved</button>
            </form>
            <form method="post" action="{{ route('accounting.documents.update-status', $document->id) }}" class="d-inline">
                @csrf
                <input type="hidden" name="action" value="paid">
                <button type="submit" class="btn btn-secondary">Mark paid</button>
            </form>
            <a href="{{ route('workstation.cashier') }}" class="btn btn-secondary">Back to Cashier</a>
        </div>
    </div>

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