@extends('layouts.digitar')
@section('Breadcrumbs')
    {{-- {!! Breadcrumbs::render('documents.list') !!} --}}
@endsection
@section('content')

    <style>
        .the-box {   
            margin-top: 15px;
            /* height: 180px; */
        }
    </style>

    <div class="the-box rounded">
        <form id="search-form" method="GET">
            <input type="hidden" name="has-filter" value="true">
            <div class="row">
                <div class="form-group col-md-4">
                    {!! Form::label('owner_id', 'Tipo:') !!}
                    {!! Form::select(
                        'document_type_id',
                        App\Models\DocumentType::pluck('name', 'id')->prepend('Selecione...', ''),
                        $form->input('document_type_id'),
                        ['class' => 'form-control'],
                    ) !!}
                </div>
                <div class="form-group col-md-2">
                    {!! Form::label('date', 'Número:') !!}
                    {!! Form::input('number', 'number', $form->input('number'), ['class' => 'form-control', 'min' => 0]) !!}
                </div>
                <div class="form-group col-md-2">
                    {!! Form::label('date', 'Ano:') !!}
                    {!! Form::input('number', 'date', $form->input('date'), [
                        'class' => 'form-control',
                        'min' => 1000,
                        'max' => 9999,
                    ]) !!}
                </div>
                <div class="form-group col-md-2">
                    {!! Form::label('date', 'De:') !!}
                    {!! Form::date('start_date', $form->input('start_date') !== null ? $form->input('start_date') : null, [
                        'class' => 'form-control',
                    ]) !!}
                </div>
                <div class="form-group col-md-2">
                    {!! Form::label('date', 'Até:') !!}
                    {!! Form::date('end_date', $form->input('end_date') !== null ? $form->input('end_date') : null, [
                        'class' => 'form-control',
                    ]) !!}
                </div>

                <div class="row">
                    <div class="form-group   col-md-2 pull-right">
                        {!! Form::label('', '') !!}
                        <button class="btn btn-block btn-primary" style="width: 150px">
                            <i class="fa fa-search"></i> Pesquisar
                        </button>
                    </div>
                    <div class="form-group col-md-10  pull-right" style="width: 150px">
                        {!! Form::label('', '') !!}
                        <button id="limpar-btn" type="reset" class="btn btn-block btn-warning">
                            <i class="fa fa-recycle"></i> Limpar
                        </button>
                    </div>
                </div>
            </div>


        </form>
        <div class="clearfix"></div>
    </div>
    <div class="the-box rounded">
        <div class="row">
            <div class="col-md-12">
                @if ($documents->isEmpty())
                    <div class="well text-center">Sem dados. Insira um novo registro.</div>
                @else
                    @include('flash::message')
                    <table class="table table-responsive" id="documents-table">
                        <thead>
                            <tr>
                                <th style="text-align: center">ID Documento</th>
                                <th style="text-align: center">Número</th>
                                <th style="text-align: center">Destino</th>
                                <th style="text-align: center">Processo</th>
                                <th style="text-align: center">Status</th>
                                <th style="text-align: center">Data</th>
                                <th style="text-align: center">Tipo documento</th>
                                <th style="text-align: center">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($documents as $document)
                                {{-- id documento - box--}}
                                {{-- <td style="text-align: center; vertical-align:middle;">
                                    @foreach ($document->document_box->unique('document_id') as $documents_box)
                                        <div>{{ $documents_box->document_id }}</div>
                                    @endforeach
                                </td> --}}
                                <td id="tdnumber{{ $document->id }}" style="text-align: center; vertical-align:middle;">
                                    @if ($document->id == 0)
                                        -
                                    @else
                                        {!! $document->id  !!}
                                    @endif
                                </td>
                                
                                {{-- numero documento --}}
                                <td id="tdnumber{{ $document->id }}" style="text-align: center; vertical-align:middle;">
                                    @if ($document->number == 0)
                                        -
                                    @else
                                        {!! $document->number . '/' . $document->getYear($document->date) !!}
                                    @endif
                                </td>

                                {{-- destino documento --}}
                                <td style="text-align: center;vertical-align:middle;">
                                    @if (count($document->processingDocument) === 0)
                                    @else
                                        {!! \App\Models\Destination::where('id', $document->processingDocument->first()->destination->id)->pluck('name')->first() !!}
                                    @endif
                                </td>

                                {{-- status processo (aprovado/rejeitado/....) --}}
                                <td style="text-align: center;vertical-align:middle;">
                                    @if (count($document->processingDocument) === 0)
                                    @else
                                        {!! $document->processingDocument->first()->StatusProcessingDocument->name !!}
                                    @endif
                                </td>

                                {{-- status --}}
                                <td style="text-align: center;vertical-align:middle;">
                                    @if (count($document->processingDocument) === 0)
                                    @else
                                        {!! $document->processingDocument->first()->documentSituation->name !!}
                                    @endif

                                </td>

                                {{-- data documento --}}
                                <td style="text-align: center;vertical-align:middle;">
                                    {!! $document->date !!}
                                </td>

                                {{-- tipo documento --}}
                                <td style="text-align: center;vertical-align:middle;">
                                    @if ($document->document_type->parent_id)
                                        {{ $document->document_type->parent->name }} ::
                                    @endif {!! $document->document_type->name !!}
                                </td>

                                {{-- botao imprimir --}}
                                <td style="text-align: center">
                                    <div class="btn-group">
                                        <a href="{{ url('/documents/generate/pdf/fluxograma/' . $document->id) }}"
                                            target="_blank" class="btn btn-info">Imprimir</a>
                                    </div>
                                </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="text-center">
                        {!! $documents->links('pagination::bootstrap-4') !!}
                    </div>
                @endif
            </div>
        </div>
    </div>

<script>
  document.getElementById('limpar-btn').addEventListener('click', function(event) {
    event.preventDefault();  
    const form = document.getElementById('search-form');
    
    
    const inputs = form.querySelectorAll('input[type="text"], input[type="number"], input[type="date"], input[type="hidden"]');
    inputs.forEach(input => {
        input.value = '';  
    });
    
    const selects = form.querySelectorAll('select');
    selects.forEach(select => {
        select.selectedIndex = 0;  
    });

    const url = window.location.href.split('?')[0];  
    window.history.pushState({}, document.title, url);  
    location.reload();
});


    </script>
@endsection