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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.WhatSapp.gravar()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	11502 - Validação de Código
</h4>

@overwrite

@section('modal-header-right')
	
	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.fecharRetorno()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 200px);">

    <div ng-if="vm.RETORNO.ERROS != ''" style="height: 100%">
        <pre>@{{ vm.RETORNO.ERROS  }}</pre>
        <pre style="height: calc(100% - 50px);">@{{ vm.RETORNO.TRASER }}</pre>
    </div>

    <div ng-if="vm.RETORNO.ERROS == ''" style="height: 100%; overflow: auto; border: 1px solid #c7b196;" >
        <div class="div-sap-sap" style="background: url({{url('')}}/assets/images/sapsap.png); background-repeat: repeat; background-attachment: fixed; background-blend-mode: soft-light; background-color: hsl(30deg 24% 87%);">
            <div class="div-corpo-sap" style="overflow: auto; width: 100%; height: 100%;">
                <div class="div-msg user">
                    <div class="sep">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 13" width="8" height="13">
                            <path opacity=".13" d="M5.188 1H0v11.193l6.467-8.625C7.526 2.156 6.958 1 5.188 1z"></path>
                            <path fill="currentColor" d="M5.188 0H0v11.193l6.467-8.625C7.526 1.156 6.958 0 5.188 0z"></path>
                        </svg>
                    </div>
                    <div class="text"> @{{vm.RETORNO.COMD}} </div>
                </div>

                <div class="div-msg syst" ng-repeat="msg in vm.RETORNO.MSG" ng-if="(msg.MSG+'').length > 0">
                    <div class="sep">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 13" width="8" height="13">
                            <path opacity=".13" fill="#0000000" d="M1.533 3.568L8 12.193V1H2.812C1.042 1 .474 2.156 1.533 3.568z"></path>
                            <path fill="currentColor" d="M1.533 2.568L8 11.193V0H2.812C1.042 0 .474 1.156 1.533 2.568z"></path>
                        </svg>
                    </div>
                    <div class="text" ng-if="msg.TYPE == 'MSG'" ng-bind-html="trustAsHtml(msg.MSG)"></div>
                    <div class="file" ng-if="msg.TYPE == 'FILE'">
                        <div style="background-color: #e4e4e4; padding: 5px; border-radius: 4px; display: inline-flex;">
                            <div class="icon-doc-@{{ msg.URL.split('.').pop(); }} icon-doc-generic"></div>
                            <div style="margin-left: 8px; word-break: break-all;"><a href="@{{msg.URL}}" target="_blank">@{{msg.NOME}}</div></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	
</div>
</form>

@overwrite