@extends('layouts.app')

@section('title', $material->title)
@section('page-title', $material->title)

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div>
            <span class="badge bg-{{ $material->getCategoryBadge() }} me-2">{{ ucfirst($material->category_type) }}</span>
            <span class="badge bg-secondary">
                <i class="{{ $material->getTypeIcon() }}"></i> {{ ucfirst($material->type) }}
            </span>
        </div>
        <div>
            <small class="text-muted">
                <i class="fas fa-eye"></i> {{ $material->views_count }} views |
                <i class="fas fa-download"></i> {{ $material->downloads_count }} downloads
            </small>
        </div>
    </div>
    <div class="card-body">
        @if($material->description)
            <div class="alert alert-info">
                <i class="fas fa-info-circle"></i> {{ $material->description }}
            </div>
        @endif
        
        @if($material->file_path)
            <div class="text-center py-4">
                <i class="fas {{ $material->getFileIcon() }} fa-5x mb-3"></i>
                <p><strong>{{ $material->file_name }}</strong></p>
                <p class="text-muted small">Size: {{ number_format($material->file_size / 1024, 2) }} KB</p>
                <a href="{{ route('study-materials.download', $material->id) }}" class="btn btn-success">
                    <i class="fas fa-download"></i> Download File
                </a>
            </div>
        @else
            <div class="content-area">
                {!! nl2br(e($material->content)) !!}
            </div>
        @endif
        
        @if($material->activities->count() > 0)
            <hr>
            <h6>Used in Tasks:</h6>
            <ul>
                @foreach($material->activities as $activity)
                    <li>
                        <a href="{{ route('leader.activities.index') }}?search={{ $activity->subject }}">
                            {{ $activity->subject }}
                        </a>
                        <small class="text-muted"> - Assigned to: {{ $activity->assignedTo->name ?? 'N/A' }}</small>
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
    <div class="card-footer">
        <div class="d-flex justify-content-between">
            <small class="text-muted">
                <i class="fas fa-user"></i> Created by: {{ $material->creator->name ?? 'N/A' }} |
                <i class="fas fa-calendar"></i> {{ $material->created_at->format('d M Y') }}
            </small>
            <a href="{{ route('study-materials.index') }}" class="btn btn-sm btn-secondary">Back to Library</a>
        </div>
    </div>
</div>
@endsection