@extends('layouts.crud')
@section('plugins.Sweetalert2', true)
@section('title', 'Documentos do Associado')
@section('content')
    <style>
        .modal {
            height: auto!important;
            min-height: 100%;
            width: auto;
        }
    </style>
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-end">
            <div id="divVoltar" class='pb-1 mr-3'>
                <a href="{{ route('profile.show', []) }}" class="text-white">
                    <i class="fas fa-reply"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="modal" tabindex="-1" role="dialog">
                <div class="modal-dialog modal-lg" role="document" style='width: 85%!important; max-width: 85%!important; margin: 20% 6% 6% 6%!important;'>
                    <div class="modal-content" style='height: 90%!important'>
                        <div class="modal-header">
                            Arquivo:
                            <button type='button' onclick="(function(){$('.modal').hide()})()" type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <img style='max-width: 100%; max-height: 810px' id="imagemModal" src=''>
                        </div>
                    </div>
                </div>
            </div>
            @if($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            <fieldset id='divFieldDocumentos' class='fildset-border'>
                <legend>Meus Arquivos: </legend>
                <div class="alert alert-primary alert-dismissible fade show" role="alert">
                    <li>Visualize os arquivos clicando nos icones
                        <button type="button" class='btn btn-sm btn-default'>
                            <i class="far fa-image"></i>
                        </button>
                        abaixo:
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <table class="table table-hover table-sm table-striped">
                    <thead>
                    <tr>
                        <th scope="col" width="85%">Documento</th>
                        <th scope="col" style="text-align: center">Anexo</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <th scope="row">CPF <small>(Frente e Verso)</small></th>
                        <td>
                            @forelse($imagens['file_cpf'] as $arr)
                                <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de CPF'>
                                    <i class="far fa-image"></i>
                                </button>
                            @empty
                                <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                            @endforelse
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">RG <small>(Frente e Verso)</small></th>
                        <td>
                            @forelse($imagens['file_rg'] as $arr)
                                <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de RG'>
                                    <i class="far fa-image"></i>
                                </button>
                            @empty
                                <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                            @endforelse
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Comprovante de Residência</th>
                        <td>
                            @forelse($imagens['file_comprovante_residencia'] as $arr)
                                <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de Comprovante de Residência'>
                                    <i class="far fa-image"></i>
                                </button>
                            @empty
                                <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                            @endforelse
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Comprovante de Matrícula</th>
                        <td>
                            @forelse($imagens['file_comprovante_matricula'] as $arr)
                                <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de Comprovante de Matrícula'>
                                    <i class="far fa-image"></i>
                                </button>
                            @empty
                                <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                            @endforelse
                        </td>
                    </tr>
                    @if (config('app.name') === 'ASSUMA')
                        <tr>
                            <th scope="row">Declaração de residência<small>(Opcional)</small> </th>
                            <td>
                                @forelse($imagens['file_declaracao_residencia'] as $arr)
                                    <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de Declaração de residência'>
                                        <i class="far fa-image"></i>
                                    </button>
                                @empty
                                    <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                @endforelse
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">Comprovante de Atividades Complementares<small>(Opcional)</small> </th>
                            <td>
                                @forelse($imagens['file_comprovante_atividades_complementares'] as $arr)
                                    <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de Comprovante de Atividades Complementares'>
                                        <i class="far fa-image"></i>
                                    </button>
                                @empty
                                    <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                @endforelse
                            </td>
                        </tr>
                    @endif
                    <tr>
                        <th scope="row">CPF Responsável <small>(Caso seja menor de idade)</small> </th>
                        <td>
                            @forelse($imagens['file_cpf_responsavel'] as $arr)
                                <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de CPF Responsável'>
                                    <i class="far fa-image"></i>
                                </button>
                            @empty
                                <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                            @endforelse
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">Outro </th>
                        <td>
                            @forelse($imagens['file_outro'] as $arr)
                                <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem'>
                                    <i class="far fa-image"></i>
                                </button>
                            @empty
                                <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                            @endforelse
                        </td>
                    </tr>
                    </tbody>
                </table>
            </fieldset>
        </div>
    </div>
@stop

@section('js')
    <script>
        function MostraImagem(e) {
            extension = $(e).attr('data-extension');
            src = $(e).attr('data-src');
            if (extension == 'pdf') {
                let pdfWindow = window.open("")
                pdfWindow.document.write("<iframe width='100%' height='100%' src='"+src+"'></iframe>")
            } else {
                $("#imagemModal").prop('src', src);
                $('.modal').show();
            }
	}
    </script>
@stop


@section('table-delete')
    ""
@stop