@extends('layouts.sei.theme')
@section('title', 'SEI - Lives Angra dos Reis')
@section('content')
    <section class="mt-5" id="treinamento">
        <div class="container px-5">
            <div class="row mb-5 gx-5 align-items-center justify-content-center justify-content-lg-between">
                <div class="col-12">
                    <h2 class="display-4 lh-1 mb-4 text-center">Lives de Treinamento do SEI Angra dos Reis</h2>
                </div>
            </div>

            <div class="row mb-5 gx-5 align-items-center justify-content-center justify-content-lg-between">
                <div class="col-12">
                    <h3 class="display-4 lh-1">Aula 1</h3>
                    <div class=" ratio ratio-16x9">
                        <video title="Treinamento Sei - Aula 01" poster="{{ asset("sei-angra/assets/thumb.jpg") }}" controls="controls">
                            <source src="{{ asset("sei-angra/assets/live-sei/live-sei-1.mp4") }}" type="video/mp4">
                            Seu navegador não tem suporte à vídeos.
                        </video>
                    </div>
                </div>
            </div>

            <div class="row gx-5 align-items-center justify-content-center justify-content-lg-between">
                <div class="col-12">
                    <h3 class="display-4 lh-1 mb-4">Aula 2</h3>
                    <div class=" ratio ratio-16x9">
                        <video title="Treinamento Sei - Aula 02" poster="{{ asset("sei-angra/assets/thumb.jpg") }}" controls="controls">
                            <source src="{{ asset("sei-angra/assets/live-sei/live-sei-2.mp4") }}" type="video/mp4">
                            Seu navegador não tem suporte à vídeos.
                        </video>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection