@extends('adminlte::page')

@section('title', " $title ")

@section('content')
<div class="container-fluid">
    
    <div class='row pt-4'>
        
        <h5>FILTROS - serviço(s) faturado(s)</h5>
        
        <div class="col-md-12 p-4 text-black rounded" style="background: #e0e0e0;">
            <form action="{{ route('financial.search') }}" method="get">
                @csrf

                <div class="row mt-2">
                    
                    <div class="col-md-5">
                        <input type="text" name="search" class="form-control" id="autocomplete-input" value="{{ $perspective->customer_id ?? old('search') }}" placeholder="Digite o nome do cliente ...">

                        <ul id="autocomplete-list" class="autocomplete-list"></ul>

                        <input type="hidden" name="customer_id" class="form-control" id="customer-id-input" value="{{ $perspective->customer_id ?? old('customer_id') }}">
                        @error('customer_id')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="col-md-2">
                        <input type='text' name='autorization' class='form-control' value='' placeholder="Digite o nº da AS ...">
                    </div>
                    
                    <div class="col-md-2">
                        <input type='text' name='nf' class='form-control' value='' placeholder="Digite o nº da NF ...">
                    </div>
                    
                    <div class="col-md-2">
                        <button type="submit" class="btn btn-success submit" title="Pesquisar"> <i class="fa fa-search"></i>
                            Pesquisar
                        </button>
                    </div>

                </div>
                    
            </form> 
        </div>
        
    </div>

    <div class="row pt-4">
        <div class="col-md-12">
            <h4 class='center'>Emitir N/F de serviço distribuido <i class="fa fa-car"></i> <span class="badge badge-secondary shadow">{!! $count !!}</span></h4>
        </div>
    </div> 
    
    @if(count($groupedAutorizations) === 0)
        <div class="alert alert-info"><i class='fa fa-exclamation'></i> Sem serviço para emitir N/F</div>
    @else
        
        <div class="row mt-4">
            <div class="col-md-12 mt-2">
                <div class="table table-fluid">
                    @include('app.includes.alerts')
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th class="bg-primary text-white">Autorização</th>
                                <th class="bg-primary text-white">Data</th>
                                <th class="bg-primary text-white">Cliente</th>
                                <th class="bg-primary text-white">Material</th>
                                <th class="bg-primary text-white">Promoção</th>
                                <th class="bg-primary text-white">Qtd</th>
                                <th class="bg-primary text-white">Serviço</th>
                                <th class="bg-primary text-white">Status Atual</th>
                                <th class="bg-primary text-white">Relatório</th>
                            </tr>
                        </thead>

                        <tbody>
                            @php
                                $previousAuthorization = null;
                            @endphp

                            @foreach ($groupedAutorizations as $authorization => $group)
                                @php
                                    $showReportButton = true;
                                @endphp

                                @foreach ($group as $key => $item)
                                    <tr>
                                        @if ($previousAuthorization !== $authorization)
                                            <td rowspan="{{ $group->count() }}"><span class="badge badge-secondary" style='font-size:16px;'>{{ $authorization }}</span></td>
                                            @php
                                                $previousAuthorization = $authorization;
                                            @endphp
                                        @endif

                                        <td><span class="badge badge-secondary" style='font-size:16px;'>{{ date('d/m/Y', strtotime($item->perspective->date)) }}</span></td>
                                        <td>{{ $item->customer->fantasy_name }}</td>
                                        <td>{{ $item->perspective->materialcustomer->material }}</td>
                                        <td>{{ $item->promotion->name }}</td>
                                        <td>{{ $item->perspective->qtd }}</td>
                                        <td class='text-success'><strong>{{ $item->status }}</strong></td>
                                        @if ($item->issued != "Sim")
                                            <td class="text-primary"><strong>N/F não enviada</strong></td>
                                        @else
                                            <td class="text-danger">
                                                <a href="#" class="btn btn-outline-danger me-1 btn-open-payment-modal"
                                                    data-bs-toggle="modal" data-bs-target="#payment" title="Clique para atualizar pagamento efetuado"
                                                    data-id="{{ $authorization }}">Aguardando pagamento
                                                </a>
                                            </td>
                                        @endif
                                        @if ($key === 0)  {{-- Mostrar o botão apenas na primeira linha do grupo --}}
                                            <td><a href="{{ route('financial.edit', $item->autorization) }}" class="btn btn-success"><i class="fa fa-lock fa-1x"></i></a></td>
                                        @else
                                            <td></td>  {{-- Caso contrário, deixe a célula vazia --}}
                                        @endif
                                    </tr>
                                @endforeach
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
</div>
@stop