@extends('layouts.blit')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('home') !!}
@endsection
@section('content')
<div class="the-box rounded">
    @include('core-templates::common.errors')
    <div class="row">
        <div class="col-md-12">
            <table class="table">
                <thead>
                  <tr>
                    <th scope="col">#</th>
                    <th scope="col">Nome</th>
                    <th scope="col">Arquivo</th>
                    <th scope="col">Ações</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach($audios as $audio)
                  <tr>
                    <th scope="row">1</th>
                    <td>{{ $audio->name }}</td>
                    <td>
                        <audio controls>
                            <source src="uploads/audios/{{ $audio->audio }}" type="audio/mp3">
                         </audio>
                    </td>
                    <td Style="display:flex;margin:5px;
                          ">
                        <form action="#" method="post">
                            <button type="submit" class="btn btn-danger"> Excluir</button>
                        </form>
                        <a href="#" class="btn btn-success"> Editar</a>
                    </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>

              {!! $audios->render() !!}
        </div>
    </div>
</div>
@endsection