@extends('layouts.argo')
@section('content')

<div class="col">
    <div class="card">
        <div class="card-header">
            <h3>Atualizar Áudio</h3>
        </div>
        <div class="card-body">
            <form action="{{route('audios.update', $audio->id)}}" method="post" id="formulario" enctype="multipart/form-data">
                @method(' PUT')
                {{csrf_field()}}
                
                <div class="form-row">
                    <div class="col-md-12">
                        <label for="alias">Nome</label>
                        <input required class='form-control' type="text" id="alias" name="alias" value="{{ $audio->alias }}">
                        @if($errors->has('alias'))
                        @foreach($errors->get('alias') as $e)
                        {{$e}}
                        @endforeach
                        @endif
                    </div>
                    @if($audio->type == "moh")
                    <div class="col-md-12">
                        <label for="categoria_id">Categoria *</label>
                        <select class="form-control" name="categoria_id" id="categoria_id">
                            <option value="">Escolha uma categoria</option>
                            @foreach($categorias as $categoria)
                            <option {{ $categoria->id == $audio->categoria_id ? "selected" :  "" }} value="{{ $categoria->id}}"> {{$categoria->descricao}}</option>
                            @endforeach
                        </select>
                        @if($errors->has('categoria_id'))
                        @foreach($errors->get('categoria_id') as $e)
                        {{$e}}
                        @endforeach
                        @endif
                    </div>
                    @endif
                    <div class="card-footer">
                        <input class="btn bg-{{ session('template')->nome }}" type="submit" value="Atualizar">    
                    </div>
                </div>  
            </form>
        </div>
    </div>
</div>

@endsection