@extends('form.corpo')
@section('corpo')
    <link rel="stylesheet" href="{{url('')}}/css/fileinput.min.css" type="text/css">
    <style>
        /* Div-based document list with fixed header and scrollable body */
        .document-list { border: 1px solid #ddd; border-radius: 2px; }
        .document-list .doc-header {
            display: flex;
            background: #f9f9f9;
            border-bottom: 1px solid #ddd;
            font-weight: 600;
            align-items: center;
            padding: 8px 12px;
        }
        .document-list .doc-body {
            max-height: 600px;
            overflow-y: auto;
        }
        .document-list .doc-item {
            display: flex;
            align-items: center;
            padding: 10px 12px;
            border-bottom: 1px solid #f0f0f0;
        }
        .doc-item:hover {
            background-color: #f5f5f5;
        }
        .document-list .col-dados { flex: 0 0 10%; text-align: center; }
        .document-list .col-doc { flex: 0 0 80%; padding-right: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .document-list .col-download { flex: 0 0 10%; text-align: center; }
        .download-cell { color: #fff; display: inline-block; padding: 6px 8px; border-radius: 2px; }
        .download-cell a { color: #fff; }
    </style>

    <div style="margin: 6vh">
        <input type="hidden" value="{{$form->token}}" name="dado_id">
        <button class="btn btn-primary" onclick="window.open('{{ routeTenant('tarefas.verdados', [$form->id, $type]) }}')"> <i class="la la-eye"></i> Visualizar Formulário</button>
        <button class="btn btn-primary" onclick="window.open('{{ routeTenant('tarefas.enviarDocumentos', [$form->token, $type]) }}')"> <i class="la la-file"></i> Enviar Documentos</button>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 style="font-weight: bold; color: #0A246A;"> <i style="font-size: 25px;" class="fa fa-file"></i>   Documentos</h4>
            </div>
            <div class="panel-body">
                <div class="document-list container-items">
                    <div class="doc-header">
                        <div class="col-dados" style="text-align: center;">Criado em</div>
                        <div class="col-doc" style="text-align: center;">Documento</div>
                        <div class="col-download" style="text-align: center;">Visualizar</div>
                    </div>
                    <div class="doc-body" id="conteudo-tabela">
                        @foreach($documentos as $index => $documento)
                            <div class="doc-item item item-{{$index}}">
                                <div class="col-dados">
                                    @php
                                        $createdAt = data_get($documento, 'created_at');
                                        $created = '';
                                        if ($createdAt instanceof \Illuminate\Support\Carbon || $createdAt instanceof \Carbon\Carbon) {
                                            $created = $createdAt->format('d/m/Y H:i');
                                        } elseif (is_string($createdAt) && $createdAt !== '') {
                                            try {
                                                $created = \Carbon\Carbon::parse($createdAt)->format('d/m/Y H:i');
                                            } catch (\Exception $e) {
                                                $created = $createdAt; 
                                            }
                                        }
                                    @endphp
                                    {{ $created }}
                                </div>
                                <div class="col-doc">
                                    @php
                                        $tipo = $documento->tipo;
                                        $descricao = $tipo->descricao ?? $documento->tipo_id;
                                        if ($type == 3 && $descricao == 'FIC - FORMULÁRIO DE INFORMAÇÕES COMPLEMENTARES') {
                                            $descricao = 'FOB - Formulário de Orientações Básicas';
                                        }
                                        $url = str_replace('/', '\\', $documento->url);
                                    @endphp
                                    {{ $descricao }}
                                </div>
                                <div class="col-download">
                                    <span class="download-cell">
                                        <button type="button" class="btn btn-primary" onclick="window.open('{{ routeTenant('download.oracle', ['filePath' => $url]) }}', '_blank')">
                                            <i style="font-size: 30px;" class="fa fa-eye"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="panel-heading">
                <h4 style="font-weight: bold; color: #0A246A;"> <i style="font-size: 25px;" class="fa fa-file"></i>   Documentos pos licença</h4>
            </div>
            {{-- @php
                $documentosPos = $documentosPos ?? collect();
            @endphp --}}
            @if($documentosPos->isNotEmpty())
            <div class="panel-body">
                <div class="document-list container-items">
                    <div class="doc-header">
                        <div class="col-dados" style="text-align: center;">Criado em</div>
                        <div class="col-doc" style="text-align: center;">Documento</div>
                        <div class="col-download" style="text-align: center;">Visualizar</div>
                    </div>
                    <div class="doc-body" id="conteudo-tabela">
                        @foreach($documentosPos as $index => $documento)
                            <div class="doc-item item item-{{$index}}">
                                <div class="col-dados">
                                    @php
                                        $createdAt = data_get($documento, 'created_at');
                                        $created = '';
                                        if ($createdAt instanceof \Illuminate\Support\Carbon || $createdAt instanceof \Carbon\Carbon) {
                                            $created = $createdAt->format('d/m/Y H:i');
                                        } elseif (is_string($createdAt) && $createdAt !== '') {
                                            try {
                                                $created = \Carbon\Carbon::parse($createdAt)->format('d/m/Y H:i');
                                            } catch (\Exception $e) {
                                                $created = $createdAt; 
                                            }
                                        }
                                    @endphp
                                    {{ $created }}
                                </div>
                                <div class="col-doc">
                                    @php
                                        $url = str_replace('/', '\\', $documento->url);
                                    @endphp
                                    {{ $documento->descricao }}
                                </div>
                                <div class="col-download">
                                    <span class="download-cell">
                                        <button type="button" class="btn btn-primary" onclick="window.open('{{ routeTenant('download.oracle', ['filePath' => $url]) }}', '_blank')">
                                            <i style="font-size: 30px;" class="fa fa-eye"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
            @else
                <div class="panel-body">
                    <p>Nenhum documento pos licença encontrado.</p>
                </div>
            @endif
        </div>
    </div>
@endsection