@extends(layoutTenant())
@section('title')
<title> FCE Finalizado - Licenciamento Ambiental </title>
@php $pagina = "finalizados"; @endphp
@endsection
@section('content')
<style>
    .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;
    }
    .card{
        padding: 30px 25px;
    }
</style>
<form class="number-tab-steps wizard-notification wizard clearfix" role="application" id="steps-uid-0">
    <div class="steps clearfix">
        <ul role="tablist">
            <li role="tab" class="first done" aria-disabled="true" aria-selected="false">
                <a id="steps-uid-0-t-0" aria-controls="steps-uid-0-p-0">
                    <span class="step" style="background-color: green;">
                        <i style="font-size: 30px; margin-top: 5px;" class="la la la-check-circle"></i>
                    </span></a>
                Finalizado
            </li>
        </ul>
    </div>
</form>
<div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12">
    <div class="card">
        @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 style="background-color: white; padding: 15px;
                                                     margin-top: 5px;
                                                      border-radius: 5px;
                                                    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);
                                                    ">
            <h5 style="color: green; font-weight: bold; padding: 20px;">Finalizado</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;">
                Finalizado
            </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;">Nome Fantasia:</span>
                        <strong>{{ $form->nome_fatasia_apelido }}</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>
        <h4 style="font-weight: bold; color: #0A246A; padding: 20px;"> <i style="font-size: 25px;" class="la la-sticky-note"></i> Documentos</h4>
        <div style="overflow: auto; max-height:300px ">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th scope="col"> Data</th>
                        <th scope="col"> Descrição</th>
                        <th scope="col"> Tipo</th>
                        <th scope="col"> Ação</th>
                    </tr>
                </thead>
                <tbody>
                    @php $array = []; @endphp
                    @foreach(\App\Documento::where('dados_id',$form->id)->where('status', 1)->where('token', $form->token)->get() as $documento)
                    @php $array [] = $documento->tipo_id; @endphp
                    <tr>
                        <td scope="row"> {{$documento->created_at->format('d/m/Y H:i')}}</td>
                        <td scope="row" style="width: 70%;"> {{\App\DocimentosTipo::find($documento->tipo_id)['descricao']}}</td>
                        <td scope="row">
                            @if(\App\DocimentosTipo::find($documento->tipo_id)['obrigatorio'] == 0)
                            <button class="btn btn-sm btn-success"> Opcional</button>
                            @else
                            <button class="btn btn-sm btn-danger"> Obrigatório</button>
                            @endif
                        </td>
                        <td style="width: 20%;">
                            <div class="row">
                                <div class="col-md-6">
                                    <input class="form-control" style="width: 30px;" type="checkbox" value="{{$documento->id}}" name="documentos[]">
                                </div>
                                <div class="col-md-6" style="padding: 0;">
                                    <a target="_blank" href="{{url('')}}/{{$documento->url}}"> <i style="font-size: 30px;" class="la la-eye"></i></a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <h4 style="font-weight: bold; color: #0A246A; padding: 20px;"> <i style="font-size: 25px;" class="la la-sticky-note"></i> Documentos - Pós Licença</h4>
        <div style="overflow: auto; max-height:300px ">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th scope="col"> Data</th>
                        <th scope="col"> Descrição</th>
                        <th scope="col"> Ação</th>
                    </tr>
                </thead>
                <tbody>
                    @php $array = []; @endphp
                    @foreach(\App\DocumentoPo::where('form_id',$form->id)->where('tipo',$type)->get() as $documento)
                    <tr>
                        <td scope="row"> {{$documento->created_at->format('d/m/Y H:i')}}</td>
                        <td scope="row" style="width: 70%;"> {{$documento->descricao}}</td>
                        <td style="width: 20%;">
                            <div class="row">
                                <div class="col-md-6" style="padding: 0;">
                                    <a target="_blank" href="{{url('')}}/{{$documento->url}}"> <i style="font-size: 30px;" class="la la-eye"></i></a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </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-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>
        <div class="btn-group mr-1 mb-1 col-md-3" style="width: 200px; padding-bottom: 180px; ">
            <button type="button" class="btn btn-success  dropdown-toggle" style="width: 300px; font-size: 20px;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ações</button>
            <div class="dropdown-menu">
                <a class="dropdown-item" style="font-weight: bold; font-size: 16px; color: red;" target="_blank" href="{{routeTenant('tarefas.verdados',[$form->id, $type])}}"> <i class="la la-eye"></i> Visualizar FCE</a>
                <a data-toggle="modal" data-target="#exampleModalaprovar" data-whatever="{{routeTenant('explicenca.reegerarcertificado',[$form->id, $type])}}" class="dropdown-item" style="font-weight: bold; font-size: 16px; color: green;" href="#"><i class="la la-check"></i> Editar Certificado</a>
                <a data-toggle="modal" data-target="#modalCertificadoAssinado" data-whatever="{{routeTenant('explicenca.enviarCertificadoAssinado',[$form->id, $type])}}" class="dropdown-item" style="font-weight: bold; font-size: 16px; color: olive;" href="#"><i class="la la-check"></i> Enviar Certificado Assinado</a>
            </div>
        </div>

    </div>

</div>

@include('app.admin.explicenca.modal2')
@include('modal.enviarCertificadoAssinado')
<div class="modal fade" id="exampleModalarquivar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog " role="document">
        <div class="modal-content">

            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title text-white " id="exampleModalLabel"> Desarquivar </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
                Tem certeza que deseja Desarquivar ?
            </div>
            <div class="modal-footer ">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <a class="btn btn-danger arquivarhr" id="arquivarhr">Desarquivar</a>
            </div>
        </div>
    </div>
</div>
@endsection

@section('post-script')
<script>
    $("#arquivo-1").on('change', function() {
      var nomeDoArquivo = $("#arquivo-1").val(); // obtem o nome
      $('input[name=arquivo-1]').val(nomeDoArquivo);
      console.log("ativou");
    });

    function readURL(input) {
      var url = input.value;
      $('input[name=' + input.id + ']').val(url);
    }

    function deletar(input) {
      var url = input.id;
      $('.item-' + url + '').remove();
    }
</script>

  <link rel="stylesheet" href="https://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
  <script src="https://code.jquery.com/jquery-migrate-1.2.1.js"></script>
  <script src="https://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

<script>
    $('#modalCertificadoAssinado').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget)
        var recipient = button.data('whatever')
        var modal = $(this)
        console.log(recipient);
        document.form4.action = recipient;
    })
</script>
@endsection