@extends('layouts.app2')
@section('title')
<title> @yield('titleName') - FCE - PapelZero </title>
@endsection
@php
$empreendedores = \App\Empreendedor::where('form_id', $form->id)->get();
@endphp
@section('content')
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
<style>
    .note-editable {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 15px !important;
        text-align: left !important;
    }

    .note-editable p {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 15px !important;
        text-align: left !important;
    }

    .current a span {
        color: white !important;
        background-color: LightBlue !important;
    }

    .current .stepReprovar {
        color: white !important;
        background-color: red !important;
    }

    .current .stepArquivar {
        color: white !important;
        background-color: #CD853F !important;
    }

    .stepComplete {
        color: white !important;
        background-color: green !important;
    }

    .titleReprovado {
        color: #CC4400 !important;
    }

    .titleArquivado {
        color: #CD853F !important;
    }

    .mensagem1{
        margin-left: 30%;
    }

    .mensagem1 .media-heading {
        color:black;
    }

    .mensagem1 .media-body {
        color: black;
        margin-right: 20px !important;
        margin-left: 0 !important;
        background-color: #caffd6;
        border: solid 1px #5aae5e;
    }

    .media-body {
        margin-left: 20px;
        background-color: #d1d5db;
        border: solid 1px #888888;
        padding: 10px;
        width: 70%;
        color: black;
        margin-right: 20px;
        padding: 10px;
        border-radius: 7px;
    }

    .containerListAtividadesCertificado{
        background-color:rgba(100,135,100,0.4); 
        padding:17px; 
        padding-bottom:0; 
        max-height:300px; 
        overflow-y: scroll;
    }
    .listAtividadeCertificadoCellHeader{
        color: black !important;
        background-color: #caffd6 !important;
        border: solid 1px #5aae5e !important;
    }
    .listAtividadeCertificadoCell{
        color: black !important;
        background-color: #caffd6 !important;
        border: solid 1px #5aae5e !important;
    }
</style>
<form class="number-tab-steps wizard-notification wizard clearfix" role="application" id="steps-uid-0">
    <div class="steps clearfix">
        <ul role="tablist">
            @if($form->status == 0)
            <li role="tab" class="first current" aria-disabled="true" aria-selected="false">
                <a id="steps-uid-0-t-0" aria-controls="steps-uid-0-p-0">
                    <span class="step stepArquivar">
                        <i style="font-size: 30px; margin-top: 5px;" class="la la-exclamation-circle"></i>
                    </span>
                </a>
                Arquivado
            </li>
            @else
            @foreach($processos as $index => $processo)
            <li role="tab" class="{{ $processo->cod == 1 ? 'first' : '' }} {{ $form->processOrder->cod == $processo->cod ? 'current' : '' }}" aria-disabled="true" aria-selected="false">
                <a id="steps-uid-0-t-0" aria-controls="steps-uid-0-p-0">
                    <span class="step {{ $form->reprovar == 1 ? 'stepReprovar' : '' }} {{ $form->processOrder->cod > $processo->cod ? 'stepComplete' : '' }} ">
                        @if ($processo->cod < $form->processOrder->cod)
                            <i style="font-size: 30px; margin-top: 5px;" class="la la la-check-circle"></i>
                            @elseif($processo->cod == $form->processOrder->cod)
                            @if ($form->reprovar == 1 || $form->status == 0)
                            <i style="font-size: 30px; margin-top: 5px;" class="la la-exclamation-circle"></i>
                            @else
                            <i style="font-size: 30px; margin-top: 5px;" class="la la la-map-marker"></i>
                            @endif
                            @else
                            {{ $index + 1 }}
                            @endif
                    </span>
                </a>
                @if($processo->name == "Expedir Licença" && $type == 3) Expedir Dispensa de Licença @else {{ $processo->name }} @endif
                @if($form->account_id == 8 && $processo->name == "Plenário Codema") / Secretaria de Meio Ambiente @endif
            </li>
            @endforeach
            @endif
        </ul>
    </div>
</form>
<div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12 mt-2">
    <div class="card p-4">
        @if (isset($errors) && count($errors) > 0)
        <div class="alert alert-danger">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            <strong>Erros encontrados!</strong>
            <ul>
                @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
        @endif
        @if (session('erro'))
        <div class="alert alert-danger">
            {{ session('erro') }}
        </div>
        @endif
        <div class="pb-3" style="background-color: white; margin-top: 5px; border-radius: 5px; box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);">
            <h5 class="{{ $form->status == 0 ? 'titleArquivado' : ($form->reprovar == 1 ? 'titleReprovado' : '') }}" style="color: orange; font-weight: bold; padding: 20px;">
                {{ $form->status == 0 ? 'Arquivado' : ($form->reprovar == 1 ? 'Reprovado' : 'Pendente') }}
            </h5>
            <div class="row" style="text-align: center; margin-bottom: 10px;">
                <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3" style="font-weight: bold;">
                    {{ $form->razao_nome }}
                </div>
                <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3" style="font-weight: bold;">
                    {{ $form->processOrder->name }}
                </div>
                <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3" style="font-weight: bold;">
                {{ $form->token }}
                </div>
                <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3" title=" {{ $form->created_at->format('d/m/Y H:i') }}">
                    {{ $form->created_at->format('d/m/Y H:i') }}
                </div>
            </div>
            <div class="row" style="text-align: center; font-size: 12px;border-top:2px #f1f1f1 solid; padding-top: 10px;">
                <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3">Nome | Empreendimento</div>
                <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3">Status</div>
                <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3">Protocolo</div>
                <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3">Mostrar Mais <i class="la la-angle-up"></i>
                </div>
            </div>
        </div>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th scope="col">
                        <h4 style="font-weight: bold; color: #0A246A;"> <i style="font-size: 25px;" class="la la-building"></i> Informações</h4>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">Nome I Razão Social:</span>
                        <strong>{{ $form->razao_nome }}</strong>
                    </th>
                </tr>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">CPF | CNPJ:</span>
                        <strong>{{$form->cnpj_cpf}} </strong>
                    </th>
                </tr>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">e-mails:</span>
                        <strong>{{$form->email}} / {{$form->empreedimento_email}} / {{$form->envio_email}} </strong>
                    </th>
                </tr>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">Endereço:</span>
                        <strong>{{ $form->endereco }}, {{ $form->numero_casa_km }}, {{ $form->bairro_localidade }} ,{{ $form->municipio }}-{{ $form->uf }} {{ $form->cep }} </strong>
                    </th>
                </tr>
            </tbody>
        </table>
        @if($empreendedores->isNotEmpty())
        <table class="table table-striped">
            <thead>
                <tr>
                    <th scope="col">
                        <div class="row">

                            <h4 class="col-md-9" style="font-weight: bold; color: #0A246A;"> 
                            <i style="font-size: 25px;" class="la la-building"></i> Demais empreendedores
                            </h4>
                            <button class="btn btn-primary col-md-2" id="toggleEmpreendedoresShow" type="button" onclick="showEmpreendedores()" style="display:block;">Mostrar</button>
                            <button class="btn btn-primary col-md-2" id="toggleEmpreendedoresHidden" type="button" onclick="hiddenEmpreendedores()" style="display:none; justify-content:center;">Esconder</button>
                        </div>
                    </th>
                </tr>
            </thead>
            <tbody id="tableEmpreendedores" style="display:none;">
            @foreach ($empreendedores as $empreendedor)
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">Nome:</span>
                        <strong>{{ $empreendedor->nome }}</strong>
                    </th>
                </tr>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">CPF:</span>
                        <strong>{{$empreendedor->cpf}} </strong>
                    </th>
                </tr>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">e-mail:</span>
                        <strong>{{$empreendedor->email}} </strong>
                    </th>
                </tr>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">Endereço:</span>
                        <strong>{{ $empreendedor->endereco }}, {{ $empreendedor->numero_casa_km }}, {{ $empreendedor->bairro_localidade }} ,{{ $empreendedor->municipio }}-{{ $empreendedor->uf }} {{ $empreendedor->cep }} </strong>
                    </th>
                </tr>
                <tr style="border-bottom: 2px;"></tr>
                @endforeach
            </tbody>
            </table>
        @endif
        @include('app.admin.processo.documentos')
        <table class="table table-striped">
            <thead>
                <tr>
                    <th scope="col">
                        <h4 style="font-weight: bold; color: #0A246A;">
                            <i style="font-size: 25px;" class="la la-history"></i> Histórico
                        </h4>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td scope="row">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" style="color:darkblue;font-weight: bold; padding: 10px 40px 10px 40px;" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">MENSAGENS</a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab" style="padding-top: 20px;">
                                <table class="table" id="users-table" style="margin-top: 20px">
                                    <thead style="border:none; border-top:none; border-bottom:none; border:#f1f1f1 2px solid; padding: 0 0 0 0;">
                                        <tr style="border:#f1f1f1 2px solid; padding: 0 0 0 0;">
                                            <th style="border-top:none; border-bottom:none; padding: 0 0 0 0!important;"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <div class="row" id="atualizar" style="height: 400px; overflow: auto;">
                                            @foreach($mensagens as $item)
                                            <div class="col-md-12" style="margin-top: 20px;">

                                                <div style="width: 70%;" class="{{ $item->tipo == 1 ? 'mensagem1' : ''}}">
                                                    <div class="media">
                                                        <div class="media-body">
                                                            <h4 class="media-heading" style="color:black; font-size: 16px; margin-left: 13px;">
                                                                @if($item->tipo == 0)
                                                                <span style="font-weight: bolder;">{{ $form->razao_nome }}</span> - Empreendedor/Responsável pelo empreendimento
                                                                @else
                                                                @php $itemUser = \App\UserAccount::find($item->usuario_id); @endphp
                                                                <span style="font-weight: bolder;">{{ $itemUser->name }}</span> - {{$itemUser->cargo}}
                                                                @endif
                                                            </h4>
                                                            <p style="text-align: justify-all;">
                                                                {{ $item->messagem }}
                                                            </p>
                                                            @if(!empty($item->processOrder->name))
                                                            <span class="pull-left" style="font-size: 12px;">{{ $item->processOrder->name }}</span>
                                                            @endif
                                                            <span class="pull-right" style="font-size: 12px;">{{ $item->created_at->format('d/m/Y H:i') }}</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </tbody>
                                </table>
                                @php
                                $user  =  Auth::user();
                                @endphp
                                <span style="font-weight: bolder;">{{ $user->name }}</span> - {{$user->cargo}}
                                <form action="{{ routeTenant('tarefa.messagem') }}" method="GET">
                                    <input type="hidden" name="id" value="{{$form->id}}">
                                    <input type="hidden" name="processo" value="{{$form->processo}}">
                                    <input type="hidden" name="type" value="{{$type}}">
                                    <textarea type="text" name="mensagem" placeholder="digite aqui a sua mensagem para o empreendedor" style="width: 100%; height:100px; border-radius: 5px;"></textarea>
                                    <div class="pull-right col-md-3 offset-md-9">
                                        <button class="pull-right btn btn-success media-right" type="submit">Enviar Mensagem <i class="la la-paper-plane-o"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        @yield('buttons')
    </div>
</div>
@yield('modals')

@endsection

@section('post-script')
@yield('scripts')
<script src="{{ asset('js/documentos.js') }}"></script>
<script>
    $(function() {
        setTime();
        function setTime() {
            setTimeout(setTime, 10000);
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
        }
    });
    function showEmpreendedores(){
        $("#toggleEmpreendedoresShow").css('display', 'none');
        $("#toggleEmpreendedoresHidden").css('display', 'flex');
        $("#tableEmpreendedores").css('display', 'table');
        $("#tableEmpreendedores").css('width', '100%');
    }
    function hiddenEmpreendedores(){
        $("#toggleEmpreendedoresShow").css('display', 'inline');
        $("#toggleEmpreendedoresHidden").css('display', 'none');
        $("#tableEmpreendedores").css('display', 'none');
    }
</script>
@include("modal.arquivar.scripts")
@endsection