@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ $material->title }}</h4>
            <small class="text-muted d-flex flex-wrap gap-2">
                <span class="badge bg-light text-dark border">{{ __('admin.id') }}: {{ $material->id }}</span>
                <span class="badge bg-light text-dark border">{{ __('admin.course') }}: {{ $material->course?->title ?? '—' }}</span>
                @if($material->type === 'file')
                    <span class="badge bg-success"><i class="fas fa-file me-1"></i> {{ __('admin.file_2') }}</span>
                @else
                    <span class="badge bg-info"><i class="fas fa-video me-1"></i> {{ __('admin.video_link') }}</span>
                @endif
            </small>
        </div>

        <div class="d-flex gap-2">
            <a href="{{ route('course-materials.edit',$material->id) }}" class="btn btn-outline-primary">{{ __('admin.edit') }}</a>
            <a href="{{ route('course-materials.index',['course_id'=>$material->course_id]) }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-4"><strong>{{ __('admin.type_3') }}</strong> {{ $material->type }}</div>
        <div class="col-md-4"><strong>{{ __('admin.uploaded_by_2') }}</strong> {{ $material->uploader?->name ?? '—' }}</div>
        <div class="col-md-4"><strong>{{ __('admin.date_2') }}</strong> {{ $material->created_at?->format('Y-m-d') }}</div>
    </div>

    <hr>

    @if($material->type === 'file')
        @if($material->file_path)
            <a class="btn btn-primary" target="_blank" href="{{ asset('storage/'.$material->file_path) }}">
                <i class="fas fa-download me-2"></i> {{ __('admin.open_file') }}
            </a>
        @else
            <div class="text-muted">{{ __('admin.no_file_uploaded') }}</div>
        @endif
    @else
        @if($material->video_url)
            <a class="btn btn-info" target="_blank" href="{{ $material->video_url }}">
                <i class="fas fa-play me-2"></i> {{ __('admin.open_video') }}
            </a>
        @else
            <div class="text-muted">{{ __('admin.no_video_url') }}</div>
        @endif
    @endif

</div>
@endsection