@extends('helper.include.view.modal', ['id' => 'modal-FotoCartaoVirtual', 'class_size' => 'modal-lg'])

@section('modal-start')
<form class="form-inline">
    @overwrite

    @section('modal-header-left')

    <h4 class="modal-title">
        <span>Alterar Foto de Cartão Virtual</span>
    </h4>

    @overwrite

    @section('modal-header-right')

    @foreach ($info->ITENS AS $item)
        @if($item->FLAG == 0)
        <button ng-if="!vm.Pacientes.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" 
            ng-click="vm.Pacientes.fecharModalFotoCartaoVirtual()" 
            data-hotkey="esc"
            onclick="resetPhoto()">

            <span class="glyphicon glyphicon-chevron-left"></span> Voltar

        </button>
        @else
        <button ng-if="!vm.PacientesItens.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" 
            ng-click="vm.PacientesItens.fecharModalFotoCartaoVirtual()" 
            data-hotkey="esc"
            onclick="resetPhoto()">

            <span class="glyphicon glyphicon-chevron-left"></span> Voltar

        </button>
        @endif

        @overwrite

        @section('modal-header-end')

        @overwrite

        @section('modal-body')

        <div style="height: calc(100vh - 230px);">

            <div class="row contentarea">

                <div class="camera" id="camera">
                    <video id="video">Câmera não disponível.</video>
                    <button id="capture-media" class="btn btn-success" onclick="captureUserMedia()">Tirar Foto</button>
                </div>

                <canvas id="canvas"></canvas>
                <div class="media-output" id="media-output">

                    <img id="photo-box" alt="Sua foto aparecerá aqui." />

                    <div class="btn-group btn-group-justified" role="group">

                        @if($item->FLAG == 0)
                        <button id="btn-confirm" class="btn btn-success" ng-click="vm.Pacientes.processarArquivoCartaoVirtual();">
                            <i class="fa fa-check"></i>
                        </button>
                        @else
                        <button id="btn-confirm" class="btn btn-success" ng-click="vm.PacientesItens.processarArquivoCartaoVirtual();">
                            <i class="fa fa-check"></i>
                        </button>
                        @endif

                        <button id="btn-cancel" class="btn btn-danger" onclick="resetPhoto()">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>

                </div>

                <audio id="snapSound" src="audio/snap.wav" preload = "auto"></audio>

            </div>
        </div>
    @endforeach
</form>

@overwrite