@extends('layouts.admin')

@section('title', 'My Documents')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">
        <i class="bi bi-file-earmark-texts me-2 text-primary"></i>
        My Uploaded Documents
    </h1>
    <a href="{{ route('operator.documents.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle me-1"></i> Upload New
    </a>
</div>

<div class="card shadow-sm">
    <div class="card-body p-0">
        @if($documents->count())
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>File</th>
                            <th>Folder</th>
                            <th>Status</th>
                            <th>Uploaded</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($documents as $doc)
                            <tr>
                                <td>
                                    <strong>{{ $doc->file_name }}</strong>
                                    @if($doc->download_url)
                                        <a href="{{ $doc->download_url }}" class="btn btn-sm btn-outline-success ms-2" download>
                                            <i class="bi bi-download"></i>
                                        </a>
                                    @endif
                                </td>
                                <td>{{ $doc->folder->name ?? 'N/A' }}</td>
                                <td>
                                    <span class="badge {{ $doc->status == 'approved' ? 'bg-success' : ($doc->status == 'rejected' ? 'bg-danger' : 'bg-warning') }}">
                                        {{ ucfirst($doc->status ?? 'pending') }}
                                    </span>
                                    @if($doc->approver)
                                        <br><small>Approved by: {{ $doc->approver->name }}</small>
                                    @endif
                                    @if($doc->rejected_remarks)
                                        <br><small class="text-danger">Reason: {{ Str::limit($doc->rejected_remarks, 50) }}</small>
                                    @endif
                                </td>
                                <td>{{ $doc->created_at->format('M d, Y') }}</td>
                                <td>
                                    <a href="{{ route('documents.show', $doc) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="bi bi-eye"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="d-flex justify-content-end p-3 bg-light">
                {{ $documents->links() }}
            </div>
        @else
            <div class="text-center py-5">
                <i class="bi bi-file-earmark-x fs-1 text-muted mb-3"></i>
                <h5>No documents uploaded yet</h5>
                <a href="{{ route('operator.documents.create') }}" class="btn btn-primary">
                    Upload your first document
                </a>
            </div>
        @endif
    </div>
</div>
@endsection