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

<div class="col">
    <div class="card">
        <div class="card-header">
            <h3>Criar áudio a partir de um Texto</h3>
        </div>

        <div class="card-body">
            <p>Para uma melhor experiência, utilize <strong>ponto</strong> para que haja uma pequena pausa na fala</p>
            <p>Por exemplo: Para suporte digite 1<strong>.</strong> Para financeiro digite 2<strong>. </strong> </p>
        </div>
    </div>

    <div class="card">
        <form action="{{route('microsoft.convert')}}" method="post" id="formulario" enctype="multipart/form-data">
            <div class="card-body">
                @csrf
                <div class="form-group">
                    <div class="form-row">
                        <div class="col-md-8">
                            <label for="text">Texto</label>
                            <textarea class="form-control" name="text" cols="30" rows="10">{{ (isset($data['text']) ? $data['text'] : old('text') ) }}</textarea>
                            @if($errors->has('text'))
                            @foreach($errors->get('text') as $e)
                            <span class="error">{{$e}}</span>
                            @endforeach
                            @endif
                        </div>
                        
                        <div class="col-md-4">
                            <div class="col-md-12">
                                <label for="language">Idioma</label>
                                <select class="form-control" name="language" id="language">
                                    <option value="pt-BR">Português (Brasil)</option>
                                </select>
                                @if($errors->has('language'))
                                @foreach($errors->get('language') as $e)
                                <span class="error">{{$e}}</span>
                                @endforeach
                                @endif
                            </div>
                            
                            <br>
                            
                            <div class="col-md-12">
                                <label for="voice">Voz</label>
                                <select class="form-control" name="voice" id="voice">
                                    <option value="">Escolha uma voz</option>
                                    <option {{ (isset($data['voice']) && $data['voice'] == "pt-BR-FranciscaNeural" ? "selected" : "") }} value="pt-BR-FranciscaNeural">Francisca</option>
                                    <option {{ (isset($data['voice']) && $data['voice'] == "pt-BR-AntonioNeural" ? "selected" : "") }} value="pt-BR-AntonioNeural">Antônio</option>
                                </select>
                                @if($errors->has('voice'))
                                @foreach($errors->get('voice') as $e)
                                <span class="error">{{$e}}</span>
                                @endforeach
                                @endif
                            </div>

                            {{-- <br>
                            
                            <div class="col-md-12">
                                <label for="style">Estilo</label>
                                <select class="form-control" name="style" id="style">
                                    <option value="">Escolha uma voz</option>
                                    <option {{ (isset($data['style']) && $data['style'] == "general" ? "selected" : "") }} value="general">General</option>
                                    <option {{ (isset($data['style']) && $data['style'] == "calm" ? "selected" : "") }} value="calm">Calm</option>
                                </select>
                                @if($errors->has('style'))
                                @foreach($errors->get('style') as $e)
                                <span class="error">{{$e}}</span>
                                @endforeach
                                @endif 
                            </div> --}}
                        </div>
                    </div>
                </div>
                @isset($output)
                <input type="hidden" name="arquive" class="form-control" value="{{ $output }}">
                @endif

            </div>
            <div class="card-footer flex-row flex-end">
                <input class="btn bg-{{ session('template')->nome }}" type="submit" value="Converter">
            </div>
        </form>
    </div>
    
    @isset($data['audio'])
    <div class="card">
        <div class="card-header">
            <h3>Dados do Áudio Gerado</h3>
        </div>
        <form action="{{ route('microsoft.store') }}" method="post">
            @csrf
            <div class="card-body">
                <div class="form-row">
                    <div class="col-md-12">
                        {{-- <label for="">Ouvir Áudio</label> --}}
                        <br>
                        <input type="hidden" name="arquive" class="form-control" value="{{ $output }}">
                        <audio controls>
                            <source src="{{ $data['audio'] }}" type="audio/mpeg">
                        </audio>
                        <br>
                    </div>
                    
                    <div class="col-md-12">
                        <label for="">Nome para Arquivo</label>
                        <input type="text" name="name_arquive" class="form-control" id="name_arquive" required>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div class="col-md-12">
                    <button class="btn btn-success" type="submit">Salvar</button> 
                </div>
            </div>
        </form>
    </div>
    @endif
</div>
@endsection