@extends('layouts.admin.main')

@section('content')
<div class="mb-3">
    <h1 class="h3 d-inline align-middle">Media</h1>
</div>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header pb-0">
                <div class="card-actions float-end">
                    <a href="{{ route('admin.contents.media.index') }}" class="btn btn-secondary"><i class="align-middle me-2" data-feather="table"></i>Daftar Media</a>
                    <a href="{{ route('admin.contents.media.edit', $medium->id) }}" class="btn btn-primary"><i class="align-middle me-2" data-feather="edit"></i>Edit</a>
                </div>
                <h4 class="card-title mb-0">Detail Media: {{ $medium->filename }}</h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-4 col-12 mb-3">
                        <div class="card">
                            <div class="card-body text-center">
                                @if (str_starts_with($medium->mime_type, 'image/'))
                                <img src="{{ asset('storage/' . $medium->path) }}" alt="{{ $medium->alt ?? $medium->filename }}" class="img-fluid" />
                                @else
                                <div class="h1 mb-3">{{ strtoupper($medium->extension) }}</div>
                                <p>{{ $media->mime_type }}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8 col-12">
                        <div class="card">
                            <div class="card-body">
                                <table class="table table-borderless">
                                    <tr>
                                        <th>Nama File</th>
                                        <td>{{ $medium->filename }}</td>
                                    </tr>
                                    <tr>
                                        <th>Path</th>
                                        <td>{{ $medium->path }}</td>
                                    </tr>
                                    <tr>
                                        <th>Mime Type</th>
                                        <td>{{ $medium->mime_type }}</td>
                                    </tr>
                                    <tr>
                                        <th>Ekstensi</th>
                                        <td>{{ $medium->extension }}</td>
                                    </tr>
                                    <tr>
                                        <th>Ukuran</th>
                                        <td>{{ number_format($medium->size / 1024, 2) }} KB</td>
                                    </tr>
                                    <tr>
                                        <th>Dimensi</th>
                                        <td>{{ $medium->width ? $medium->width . ' x ' . $medium->height : '-' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Alt</th>
                                        <td>{{ $medium->alt ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Caption</th>
                                        <td>{{ $medium->caption ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Dibuat Oleh</th>
                                        <td>{{ $medium->createdBy?->name }}</td>
                                    </tr>
                                    <tr>
                                        <th>Dibuat Pada</th>
                                        <td>{{ $medium->created_at?->format('d-m-Y H:i') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Diubah Oleh</th>
                                        <td>{{ $medium->updatedBy?->name }}</td>
                                    </tr>
                                    <tr>
                                        <th>Diubah Pada</th>
                                        <td>{{ $medium->updated_at?->format('d-m-Y H:i') }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection