@extends('layouts.argo')
@section('content')
<div class="col">    
    <div class="card">
        <div class="card-header">
            @can('audios.create')
            <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('audios.create2')}}">Novo Audio</a>
            <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('audios.create')}}">Nova Música de Espera</a>
            @endcan
            <h3>Lista de Áudios</h3>
        </div>
        <div class="card-body">
            <p>Aqui você pode fazer Upload de seus arquivos de áudio para serem utilizados em suas FILAS, URAs e também sua Espera Telefônica personalizada. O Formato do áudio deve ser .wav </p>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <table class="table align-items-center table-flush">
                <thead class="thead-light">
                    <tr>
                        <th>Nome</th>
                        <th>Tipo</th>
                        <th>Categoria</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($audios as $audio)
                    <tr>
                        <td>{{ $audio->alias }}</td>
                        <td>{{ $audio->type }}</td>
                        <td>{{ (isset($audio->categorias->descricao) ? $audio->categorias->descricao : "") }}</td>
                        <td class="actions">
                            @can('audios.edit')
                            <a class="btn btn-primary btn-sm left" href="{{route('audios.edit', $audio->id)}}" title="Editar"><i class="fas fa-edit"></i></a>
                            @endcan
                            
                            @can('audios.delete')
                            <form class="left" action="{{ route('audios.delete', $audio->id)}}" method="POST">
                                {{ csrf_field() }}
                                @method('DELETE')
                                <button onclick="return confirm('Tem certeza que deseja excluir')" type="submit" class="btn btn-danger btn-sm" title="Excluir"><i class="fas fa-trash"></i></button>
                            </form>
                            @endcan
                            <a class="btn btn-light btn-sm left" target="_blank" href="{{ route('audios.download', $audio->id) }}" title="Realizar Download do Áudio"><i class="fas fa-download"></i></a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection