@extends('layouts.app')
@section('title', $file->name)
@section('page', 'files')
@section('content')
@php $latest = $file->versions->first(); @endphp
<a class="back" href="{{ route('portal.files.index') }}"><i data-icon="arrow-left"></i>All files</a>
<div class="page-head">
  <div><h1>{{ $file->name }} {{ badge('Latest version', 'b-blue', true) }}</h1><p>@if ($file->project)<a href="{{ route('portal.projects.show', $file->project) }}">{{ $file->project->name }}</a>, @endif uploaded by {{ $latest?->uploaded_by === auth()->id() ? 'you' : $latest?->uploader?->name }} {{ strtolower(d_smart($latest?->created_at)) }} at {{ $latest?->created_at?->format('H:i') }}</p></div>
  <div class="actions"><button class="btn" data-open="share-modal"><i data-icon="link"></i>Share link</button><a class="btn btn-primary" href="{{ route('files.download', $file) }}"><i data-icon="download"></i>Download</a></div>
</div>
<div class="grid g-main">
  <section class="panel">
    @if ($file->isPreviewable())
      @include('partials.canvas', ['file' => $file, 'pins' => collect(), 'radius' => 'var(--radius)'])
    @else
      <div class="review-canvas" style="border-radius:var(--radius);min-height:320px"><div class="empty"><span class="ext {{ $file->extClass() }}" style="font-size:22px;padding:14px 18px;border-radius:12px;color:#fff;font-weight:700">{{ $file->extShort() }}</span><strong class="mt-16">No preview for this file type</strong>Download it to open it on your computer.</div></div>
    @endif
  </section>
  <div class="stack">
    <section class="panel panel-body">
      <h3 style="margin-bottom:14px">Details</h3>
      <dl class="kv"><dt>Type</dt><dd>{{ $file->typeName() }}</dd><dt>Size</dt><dd>{{ file_size($file->size()) }}</dd><dt>Project</dt><dd>{{ $file->project?->name }}</dd><dt>Folder</dt><dd>{{ $file->folderName() }}</dd>
        @if ($file->approval)<dt>Approval</dt><dd><a href="{{ route('portal.approvals.show', $file->approval) }}">{{ ['waiting' => 'Waiting for approval', 'changes_requested' => 'Changes requested', 'approved' => 'Approved'][$file->approval->status] }}</a></dd>@endif</dl>
    </section>
    <section class="panel">
      <div class="panel-head"><h2>Version history</h2><span class="small muted">{{ plural($file->versions->count(), 'version') }}</span></div>
      @foreach ($file->versions as $i => $v)
      <div class="list-item"><span class="ic-box {{ $i ? 'gray' : '' }}"><i data-icon="history"></i></span><div class="grow"><strong>v{{ $v->version_no }}{{ $i ? '' : ', latest' }}</strong><div class="meta">{{ $v->uploaded_by === auth()->id() ? 'You' : $v->uploader?->name }}, {{ strtolower(d_smart($v->created_at)) === 'today' ? 'today' : d_smart($v->created_at) }}.{{ $v->change_note ? ' '.rtrim($v->change_note, '.').'.' : '' }}</div></div><a class="icon-btn sm" href="{{ route('files.download', [$file, $v->version_no]) }}" aria-label="Download v{{ $v->version_no }}"><i data-icon="download"></i></a></div>
      @endforeach
    </section>
    <section class="panel">
      <div class="panel-head"><h2>Activity</h2></div>
      <ul class="activity">
        @forelse ($activity as $a)
        <li>{{ av($a->causer, 'sm') }}<div class="grow">{{ $a->causer_id === auth()->id() ? 'You' : $a->causer?->name }} {{ $a->description }}<time>{{ d_smart($a->created_at, $a->created_at->isToday()) }}</time></div></li>
        @empty
        <li><div class="grow muted">No activity yet.</div></li>
        @endforelse
      </ul>
    </section>
  </div>
</div>
@include('partials.share-modal', ['file' => $file, 'action' => route('portal.files.share', $file)])
@endsection