@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('commissions.list') !!}
@endsection
@section('content')
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
    <script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>

    @if (isset($commissions))
        <div class="col-lg-12">
            <div class="panel panel-info panel-square panel-no-border text-center">
                <div class="panel-heading">
                    <h2 class="panel-title" style="font-size: 30px;">{{ $commissions->name }}</h2>
                    <h4 class="text-uppercase">{{ $commissions->type }}</h4>
                    <a href="/admin/commissions" class="btn btn-default pull-right" style="margin-top: -51px;">
                        <i class="fa fa-arrow-left"></i> Voltar
                    </a>
                </div>
                <div class="panel-body">
                    <table class="table">
                        <thead>
                            <tr>
                                <th class="text-center">Número</th>
                                <th class="text-center">Ano</th>
                                <th class="text-center">Documento</th>
                                <th class="text-center" style="text-align: left">Ementa</th>
                                <th class="text-center">Autor</th>
                                <th class="text-center">Tipo</th>
                                <th class="text-center">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php

                                $urlAtual = request()->url();

                                $estamosEmEncerrados = Str::contains($urlAtual, 'showClose');

                                if ($estamosEmEncerrados) {
                                    $listaFiltrada = $advices->filter(function ($advice) {
                                        return $advice->closed == 0;
                                    });
                                } else {
                                    $listaFiltrada = $advices->filter(function ($advice) {
                                        return $advice->closed == 1;
                                    });
                                }
                            @endphp


                            @if ($listaFiltrada->isEmpty())
                                <tr>
                                    <td colspan="7" class="text-center">Nenhum documento encontrado.</td>
                                </tr>
                            @else
                                @foreach ($listaFiltrada as $advice)
                                    @if ($advice->project)
                                        <tr>
                                            <td>{!! $advice->project->project_number ?? 'Não informado' !!}</td>
                                            <td>{!! $advice->project->getYearLawPublish($advice->project->law_date) !!}</td>
                                            <td>{!! $advice->project->law_type->name !!}</td>
                                            <td style="text-align: left">{!! $advice->project->title !!}</td>
                                            <td>{!! $advice->project->owner->short_name ?? 'Não Informado' !!}</td>
                                            <td>{!! $advice->type ? 'Réplica' : '' !!}</td>
                                            <td>
                                                <span class="pull-right">
                                                    <a href="/lawsProjects/{{ $advice->project->id }}" target="_blank"
                                                        class="btn btn-xs btn-info">
                                                        <i class="fa fa-file-text-o"></i>
                                                    </a>
                                                    <a id="advice_{{ $advice->id }}" type="button"
                                                        class="btn btn-info btn-xs"
                                                        href='/advice/findAwnser/{{ $advice->id }}'>
                                                        <i class="glyphicon glyphicon-eye-open"></i>
                                                    </a>
                                                    @if ($advice->closed == 1)
                                                        <button id="advice_awnser_{{ $advice->id }}"
                                                            onclick="carrega_id({{ $advice->id }})" type="button"
                                                            class="btn btn-info btn-xs" data-toggle="modal"
                                                            data-target="#myModal1">
                                                            <i class="fa fa-pencil-square-o"></i>
                                                        </button>
                                                    @endif
                                                </span>
                                            </td>
                                        </tr>
                                    @endif
                                    @if (isset($advice->document))
                                        <tr>
                                            <td>{!! $advice->document->number ?? 'Não informado' !!}</td>
                                            <td>{!! $advice->document->getYear($advice->document->date) !!}</td>
                                            <td>{!! $advice->document->document_type->name ?? 'Não informado' !!}</td>
                                            <td style="text-align: left">{!! Str::limit($advice->document->resume ?? '', 200) !!}</td>
                                            <td>{!! $advice->document->owner->short_name ?? 'Não informado' !!}</td>
                                            <td>{!! $advice->type ? 'Réplica' : '' !!}</td>
                                            <td>
                                                <span class="pull-right">
                                                    <a href="/documents/{{ $advice->document->id }}" target="_blank"
                                                        class="btn btn-xs btn-info">
                                                        <i class="fa fa-file-text-o"></i>
                                                    </a>
                                                    <button id="advice_{{ $advice->id }}" type="button"
                                                        class="btn btn-info btn-xs" data-toggle="modal"
                                                        data-target="#myModal" onclick="findAdvice({{ $advice->id }})">
                                                        <i class="fa fa-eye"></i>
                                                    </button>
                                                    @if ($advice->closed == 1)
                                                        <button id="advice_awnser_{{ $advice->id }}"
                                                            onclick="carrega_id({{ $advice->id }})" type="button"
                                                            class="btn btn-info btn-xs" data-toggle="modal"
                                                            data-target="#myModal1">
                                                            <i class="fa fa-pencil-square-o"></i>
                                                        </button>
                                                    @endif
                                                </span>
                                            </td>
                                        </tr>
                                    @endif
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <style>
            .datepicker>div {
                display: inline;
            }
        </style>
        <!-- Modal -->
        <div class="modal fade" id="myModal1" role="dialog">
            <div class="modal-dialog modal-lg">
                <form action="/admin/saveAdvice" method="POST" enctype="multipart/form-data" id="adviceForm">
                    {!! csrf_field() !!}
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Informar parecer</h4>
                            <p id="inform"></p>
                        </div>
                        <div class="modal-body">
                            <div class="col-md-12">

                                <input type="hidden" name="commission_id" id="commission_id_hidden">

                                <input type="hidden" name="id" id="adv_idP" />

                                <div class="col-md-3">
                                    <label> Data: </label>
                                    <input type="text" class="form-control datepicker1" name="date" id="dateP"
                                        autocomplete="off" required />
                                </div>

                                <div class="form-group col-sm-4">
                                    {!! Form::label('situationP', 'Situação:') !!}
                                    {!! Form::select('situationP', $commissions_situation, null, [
                                        'class' => 'form-control',
                                        'id' => 'situationP',
                                        'required' => 'required',
                                    ]) !!}
                                </div>

                                <div class="form-group col-sm-4">
                                    {!! Form::label('town_hall', 'Encerrar:') !!}
                                    <div class="clearfix"></div>
                                    {!! Form::checkbox('closed', 1, null, [
                                        'class' => 'form-control switch',
                                        'data-on-text' => 'Sim',
                                        'data-off-text' => 'Não',
                                        'data-off-color' => 'danger',
                                        'data-on-color' => 'success',
                                        'data-size' => 'normal',
                                        'type' => 'checkbox',
                                        'id' => 'closed',
                                    ]) !!}
                                </div>

                                <div class="form-group col-sm-12">
                                    {!! Form::label('descriptionP', 'Descrição:') !!}
                                    <textarea name="desc" id="descriptionP" class="form-control ckeditor" cols="30" rows="10" required></textarea>
                                </div>

                                <div class="form-group col-sm-12">
                                    <div class="col-md-4">
                                        {!! Form::label('fileP', 'Arquivo:') !!}
                                        <input type="file" name="Arquivo" id="fileP"><br>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-6">
                                        <img id="imgP" src="" alt="" width="200" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-info">Salvar</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Voltar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <script>
            function carrega_id(adviceId) {
                console.log('ID do parecer:', adviceId);
                document.getElementById('adv_idP').value = adviceId;
            }

            document.getElementById('adviceForm').addEventListener('submit', function(e) {
                var date = document.getElementById('dateP').value;
                var situation = document.getElementById('situationP').value;
                var description = CKEDITOR.instances['descriptionP'] ? CKEDITOR.instances['descriptionP'].getData() :
                    '';

                if (!date || situation == 0 || !description) {
                    e.preventDefault();
                    toastr.error('Preencha todos os campos obrigatórios!');
                    return false;
                }

                return true;
            });

            $(document).ready(function() {
                $('.datepicker1').datepicker({
                    format: 'dd/mm/yyyy',
                    language: 'pt-BR'
                });
                $('.switch').bootstrapSwitch();
            });
        </script>
    @endif
@endsection