@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', '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="form-group col-md-2">
                    {!! Form::label('numberBox', 'Número da Caixa:') !!}
                    {!! Form::input('text', 'numberBox', $form->input('numberBox'), ['class' => 'form-control', 'min' => 0]) !!}
                </div>
            </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>
        </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">Número interno</th>
                                <th style="text-align: center">Número</th>
                                <th style="text-align: center">Data</th>
                                <th style="text-align: center">Tipo documento</th>
                                <th style="text-align: center">Caixas</th>
                                <th style="text-align: center">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($documents as $document)
                                <tr id="row_{{ $document->id }}">
                                    <td style="text-align: center;vertical-align:middle;">{!! $document->getNumber() !!}</td>
                                    <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>
                                    <td style="text-align: center;vertical-align:middle;">{!! $document->date !!}</td>
                                    <td style="text-align: center;vertical-align:middle;">
                                        @if ($document->document_type)
                                            @if ($document->document_type->parent_id)
                                                {{ $document->document_type->parent->name }} ::
                                            @endif
                                            {!! $document->document_type->name !!}
                                        @else
                                           <p>Tipo de documento deletado</p>
                                        @endif
                                    </td>
                                    <td style="text-align: center;vertical-align:middle;">
                                        @php
                                            $allBoxes = $document->document_box
                                                ->map(function ($box) {
                                                    return $box->box->description ?? 'Caixa desconhecida';
                                                })
                                                ->join(', ');
                                        @endphp
                                        {{ $allBoxes ?: 'Nenhuma' }}
                                    </td>

                                    <td style="text-align: center;vertical-align:middle;">
                                        <div class="btn-group">
                                            <a href="{{ url('documents/generate/pdf/labels/' . $document->id) }}"
                                                target="_blank" class="btn btn-info">
                                                Imprimir Todas as Etiquetas
                                            </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