{{-- Modal gravação de áudio--}}
<div class="modal fade text-left modal-primary" id="modal_record_audio" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Adicionar Gravação </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
                <div class="row">
                    <div class="col-12">
                        <div><strong>Paciente:</strong> <span id="patient-recordaudio-value"></span> </div>
                        <div><strong>Exame:</strong> <span id="study-desc-recordaudio-value"></span> </div>
                        <div><strong>Unidade:</strong> <span id="unity-recordaudio-value"></span> </div>
                    </div>
                </div>
                <br>
                <div class="row text-center">
                    <div class="col-12">
                        <div>
                            <audio controls autoplay style="display: none"></audio>
                        </div>
                        <div class="btn-group btn-group-sm" role="group">
                            @can('Gravar áudio')
                                <button type="button" class="btn btn-secondary" id="btn-start-recording"
                                        title="Gravar"><span class="fa fa-microphone aligned"></span></button>
                            @endcan
                            <button type="button" class="btn btn-secondary" id="btn-stop-recording"
                                    title="Parar gravação" disabled><span class="fa fa-stop aligned"></span>
                            </button>
                            <button type="button" class="btn btn-secondary" id="btn-pause-recording"
                                    title="Pausar gravação" disabled><span class="fa fa-pause aligned"></span>
                            </button>
                            <button type="button" class="btn btn-secondary" id="btn-continue-recording"
                                    title="Continuar gravação" disabled><span class="fa fa-circle-o aligned"></span>
                            </button>
                            <button type="button" class="btn btn-secondary" id="btn-release-microphone"
                                    style="display: none" disabled>Release Microphone
                            </button>
                            <button type="button" class="btn btn-secondary" id="btn-baixar" title="Baixar gravação"
                                    disabled><span class="fa fa-download aligned"></span></button>
                        </div>
                        <br>
                        <span id="message-audio"></span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="study-id-value" value="">
<input type="hidden" id="study-pat-name-value" value="">
<input type="hidden" id="study-unity-value" value="">

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="{{ asset(mix('js/scripts/content/audio/RecordRTC.js')) }}"></script>
<script src="{{ asset(mix('js/scripts/content/audio/adapter-latest.js')) }}"></script>
<script src="{{ asset(mix('js/scripts/content/audio/audio_script.js')) }}"></script>