@extends('layouts.app')



@section('content')
    <h1>Recordings</h1>

    <div class="row" style="text-align: center;">
        @foreach ($recordings as $recording)
            <div class="col-md-12" style="display: inline-block;">
                <h2>{{ $recording->getFilename() }}</h2>
                <video width="640" height="auto" controls>
                    <source src="{{ route('play-recording', ['filename' => $recording->getFilename()]) }}" type="video/mp4">
                    Your browser does not support HTML5 video.
                </video>
            </div>
        @endforeach
    </div>
@endsection

@section('styles')
    <style>
        video {
            max-width: 100%;
            height: auto;
        }
    </style>
@endsection



@section('styles')
    <style>
        video {
            max-width: 100%;
            height: auto;
        }
    </style>
@endsection