@extends('frame')

@section('title', 'The Dash | Start')

  @section('main-content')
      <section class="index-header">
          <div class="index-header-left">
              <h1>Recent</h1>
          </div>
          <div class="index-header-right"></div>
      </section>
      <section class="index-recent-pages">
          @if($result['entryCount'] != 0)
              @foreach($result['pages'] as $page)
                  @php
                      $type = '';
                      $file = '';
                      isset($page['media'][0]['type']) ? $type = $page['media'][0]['type'] : $type = '';
                      isset($page['media'][0]['file']) ? $file = $page['media'][0]['file'] : $file = '';
                  @endphp
                 @if($type =='mp4')
                      <a href="/dashboard/page/edit/{{ $page['uuid'] }}" id="{{ $page['uuid'] }}" class="post-video-link recent-link">
                      @include('includes.recent-meta')
                      <video class="post-video" loop muted autoplay>
                          <source src="{{ $file }}" type="video/mp4">
                              Sorry, your browser doesn't support embedded videos.
                          </video>
                      </a>
                  @else
                      <a href="/dashboard/page/edit/{{ $page['uuid'] }}" id="{{ $page['uuid'] }}" class="post-link recent-link" style="background: url({{ $file }}) no-repeat center center / cover #cf436b">
                      @include('includes.recent-meta')
                      </a>
                      @endif
              @endforeach
          @endif
          </section>

  @endsection