@extends('layouts.portal')
@php
  $preBatch = $batches->firstWhere('id', (int) request('batch'));
  $preCourse = old('course_id', $preBatch?->course_id ?? ($courses->count() === 1 ? $courses->first()->id : null));
  $preBatchId = old('batch_id', $preBatch?->id);
  $maxVideo = min($limits['video'], $limits['server']);
  $maxFile = min($limits['file'], $limits['server']);
  $kindIcons = ['video' => 'video', 'pdf' => 'file-text', 'file' => 'paperclip', 'link' => 'link'];
@endphp
@section('title', 'Course materials')
@section('subtitle', 'Upload lecture videos, PDFs and lab guides. Learners see them instantly in their course page.')
@section('actions')<a class="btn btn-secondary" href="{{ route('trainer.batches') }}"><x-icon name="users" :size="17"/> My batches</a>@endsection

@section('content')
@if($courses->isEmpty())
  <div class="panel"><x-empty icon="video" title="You have no active batches to upload for" text="Materials are attached to a course or batch that is assigned to you."/></div>
@else
@if($limits['server'] < max($limits['video'], $limits['file']))
  <div class="callout warn mb-3 reveal"><x-icon name="alert" :size="20"/><div class="small"><b>Server upload limit: {{ $limits['server'] }} MB.</b> The platform is set up for videos up to {{ $limits['video'] }} MB and documents up to {{ $limits['file'] }} MB, but this server currently accepts files up to {{ $limits['server'] }} MB only. Larger files will be rejected. Compress the file, paste a YouTube or Vimeo link for long videos, or ask the administrator to raise <span class="mono">upload_max_filesize</span> and <span class="mono">post_max_size</span>.</div></div>
@endif

<div class="pt-cols">
  <div class="pt-main">
    <section class="panel reveal" aria-labelledby="up-h">
      <div class="panel-head"><h2 id="up-h">Upload new material</h2><span class="xs muted">Videos up to {{ $maxVideo }} MB · documents up to {{ $maxFile }} MB</span></div>
      <form class="panel-body" method="post" action="{{ route('trainer.materials.store') }}" enctype="multipart/form-data" data-upload data-material-form data-limits='@json(['video' => $maxVideo, 'file' => $maxFile])'>
        @csrf
        <fieldset class="pt-kinds">
          <legend class="label">Type</legend>
          @foreach(['video' => ['Video', 'MP4, WEBM, MOV or a YouTube / Vimeo link'], 'pdf' => ['PDF', 'Slides, notes, cheat sheets'], 'file' => ['Other file', 'DOCX, PPTX, XLSX, ZIP, TXT'], 'link' => ['Web link', 'External article or lab']] as $k => [$lab, $hint])
            <label class="pt-kind"><input type="radio" name="kind" value="{{ $k }}" @checked(old('kind', 'video') === $k)><span><x-icon :name="$kindIcons[$k]" :size="22"/><b>{{ $lab }}</b><small>{{ $hint }}</small></span></label>
          @endforeach
        </fieldset>

        <div class="form-grid mt-2">
          <div class="field">
            <label class="label" for="m-course">Course <span class="req">*</span></label>
            <select class="select" id="m-course" name="course_id" required><option value="">Choose a course</option>@foreach($courses as $c)<option value="{{ $c->id }}" @selected((string) $preCourse === (string) $c->id)>{{ $c->title }}</option>@endforeach</select>
            @error('course_id')<div class="field-error">{{ $message }}</div>@enderror
          </div>
          <div class="field">
            <label class="label" for="m-batch">Who can see it?</label>
            <select class="select" id="m-batch" name="batch_id"><option value="">All learners of the course</option>@foreach($batches as $b)<option value="{{ $b->id }}" data-course="{{ $b->course_id }}" @selected((string) $preBatchId === (string) $b->id)>Only batch {{ $b->batch_code }}</option>@endforeach</select>
            @error('batch_id')<div class="field-error">{{ $message }}</div>@enderror
          </div>
          <div class="field full">
            <label class="label" for="m-lesson">Attach to a lesson <span class="muted">(optional)</span></label>
            <select class="select" id="m-lesson" name="lesson_id"><option value="">Not linked to a lesson</option>@foreach($lessons as $cid => $list)@foreach($list as $l)<option value="{{ $l->id }}" data-course="{{ $cid }}" @selected((string) old('lesson_id') === (string) $l->id)>{{ $l->module->title }} › {{ $l->title }}</option>@endforeach @endforeach</select>
            @error('lesson_id')<div class="field-error">{{ $message }}</div>@enderror
          </div>
          <x-field name="title" label="Title" required full placeholder="e.g. Week 3: Virtual networks: lecture recording"/>
          <x-field name="description" type="textarea" label="Description" rows="3" full placeholder="What will learners get from this? (optional)"/>
        </div>

        <div class="field" data-file-wrap>
          <span class="label">File <span class="req" data-file-req>*</span></span>
          <div class="dropzone"><x-icon name="upload" :size="30"/><div class="bold" data-dz-label>Choose a file or drag it here</div><div class="xs muted" data-kind-hint>MP4, WEBM, MOV, M4V · up to {{ $maxVideo }} MB</div><input type="file" name="file" data-max-mb="{{ $maxVideo }}" accept=".mp4,.webm,.mov,.m4v" aria-label="File to upload"></div>
          @error('file')<div class="field-error">{{ $message }}</div>@enderror
        </div>
        <div class="field" data-url-wrap>
          <label class="label" for="m-url"><span data-url-label>Or paste a YouTube / Vimeo link</span></label>
          <input class="input" type="url" id="m-url" name="external_url" value="{{ old('external_url') }}" placeholder="https://">
          @error('external_url')<div class="field-error">{{ $message }}</div>@enderror
        </div>

        <div class="row mb-2" style="gap:24px">
          <label class="check"><input type="hidden" name="downloadable" value="0"><input type="checkbox" name="downloadable" value="1" checked> <span>Allow learners to download</span></label>
          <label class="check"><input type="hidden" name="notify" value="0"><input type="checkbox" name="notify" value="1" checked> <span>Notify learners by email</span></label>
        </div>

        <div class="upload-progress hidden"><i></i></div>
        <div class="small muted" data-upload-status role="status"></div>
        <button class="btn btn-primary mt-1" type="submit"><x-icon name="upload" :size="17"/> Upload material</button>
      </form>
    </section>
  </div>

  <aside class="pt-side">
    <section class="panel reveal">
      <div class="panel-head"><h2>Upload tips</h2></div>
      <div class="panel-body small">
        <ul class="pt-checklist">
          <li><x-icon name="check-circle" :size="16"/> <span>Long recordings: upload to YouTube (unlisted) or Vimeo and paste the link.</span></li>
          <li><x-icon name="check-circle" :size="16"/> <span>Name files clearly: learners see the title, not the file name.</span></li>
          <li><x-icon name="check-circle" :size="16"/> <span>Pick a single batch for material that is only for them, for example a recorded class.</span></li>
          <li><x-icon name="check-circle" :size="16"/> <span>Only PDFs and videos open inside the portal; other files are downloads.</span></li>
        </ul>
      </div>
    </section>
  </aside>
</div>
@endif

<h2 class="pt-h2">My uploads <span class="pill pill-gray">{{ $resources->total() }}</span></h2>
<div class="table-wrap reveal">
  <table class="table">
    <thead><tr><th>Material</th><th>Course</th><th>Visible to</th><th>Size</th><th>Uploaded</th><th></th></tr></thead>
    <tbody>
    @forelse($resources as $r)
      <tr>
        <td><div class="person"><span class="res-ico {{ $r->kind === 'pdf' ? 'pdf' : ($r->kind === 'video' ? 'video' : '') }}" style="width:38px;height:38px"><x-icon :name="$kindIcons[$r->kind] ?? 'file-text'" :size="18"/></span><div style="min-width:0"><b>{{ $r->title }}</b><div class="xs muted">{{ strtoupper($r->kind) }}@if(! $r->published) · unpublished @endif</div></div></div></td>
        <td>{{ $r->course?->title }}</td>
        <td>{{ $r->batch?->batch_code ? 'Batch '.$r->batch->batch_code : 'All course learners' }}</td>
        <td class="nowrap">{{ $r->humanSize() ?: '—' }}</td>
        <td class="nowrap">{{ $r->created_at->format('d M Y') }}</td>
        <td class="actions">
          @if($r->path || $r->external_url)<a class="btn btn-secondary btn-sm" href="{{ $r->path ? route('lms.resource.download', $r) : $r->external_url }}" @if(! $r->path) target="_blank" rel="noopener" @endif><x-icon name="{{ $r->path ? 'download' : 'external-link' }}" :size="15"/> Open</a>@endif
          <form method="post" action="{{ route('trainer.materials.destroy', $r) }}" style="display:inline" data-confirm="Delete “{{ $r->title }}”? Learners will lose access.">@csrf @method('DELETE')<button class="btn btn-danger btn-sm" type="submit" aria-label="Delete {{ $r->title }}"><x-icon name="trash" :size="15"/></button></form>
        </td>
      </tr>
    @empty
      <tr><td colspan="6" class="table-empty">You have not uploaded any material yet.</td></tr>
    @endforelse
    </tbody>
  </table>
</div>
{{ $resources->links() }}
@push('scripts')<script src="{{ asset_v('assets/js/portals.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush
@endsection