@extends('adminlte::page')

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

@section('content')
<div class="container-fluid">
    
    <div class="row pt-4">
        <div class="col-md-12">
            <h5 class="text-center"><strong>RELATÓRIO DE SERVIÇO DISTRÍBUIDO</strong></h5>
        </div>
    </div>
    
    @include('app.includes.alerts')
                
    <div class="row mt-3">
        <div class="col-md-12">
            <div class="card card-primary card-outline">
                <div class="card-body">
                    <p><strong>Cliente:</strong> Fantasia: {{ $autorization->customer->fantasy_name }} - Razão Social: {{ $autorization->customer->corporate_name }}<br>
                        <strong>Endereço:</strong> {{ $autorization->customer->adress }}, {{ $autorization->customer->number }} - {{ $autorization->customer->neighborhood }} - {{ $autorization->customer->city }} - {{ $autorization->customer->uf }} - CEP: {{ $autorization->customer->cep }}<br>   
                        <strong>Telefone:</strong> {{ $autorization->customer->telephone }} - <strong>CNPJ:</strong> {{ $autorization->customer->cnpj }} - <strong>Inscrição Estadual:</strong> {{ $autorization->customer->insc }} - <strong>Inscrição Municipal:</strong> {{ $autorization->customer->inscm }}<br>
                        <strong>Faturar:</strong> {{ $autorization->customer->invoice }} - <strong>N/F:</strong> {{ $autorization->nf }}<br>
                        <strong>Forma de pagamento:</strong> 
                        @foreach($autorization->customer->materialcustomers->unique('payment_form') as $material)
                            {{ $material->payment_form }} 
                        @endforeach


                        - <strong>Condição de pagamento:</strong> 
                        @foreach($autorization->customer->materialcustomers->unique('condition_payment') as $material)
                            {{ $material->condition_payment }}
                        @endforeach

                    </p>
                </div>
            </div>
            
            <div class="table-responsive mt-3 card">
                <div class="card-body">
                    <table class="table table-borded">
                        <thead class="bg-secondary">
                            <tr>
                                <th>OS</th>
                                <th>Data</th>
                                <th>Material</th>
                                <th>Promoção</th>
                                <th>Folheto</th>
                                <th>Validade</th>
                                <th>Quantidade</th>
                                <th>Milheiro</th>
                                <th>Média</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach($autorizations AS $autorization)
                                <tr>
                                    <td><span class="badge badge-secondary"  style="font-size:16px;">{{ $autorization->autorization }}</span></td>
                                    <td><span class="badge badge-secondary" style='font-size:16px;'>{{ date('d/m/Y', strtotime($autorization->perspective->date)) }}</span></td>
                                    <td>  
                                        {{ $autorization->perspective->materialcustomer->material ?? 'Material deletado' }}
                                    </td>
                                    <td>{{ $autorization->promotion->name }}</td>
                                    @if( !isset($autorization->image) ) 
                                        <td><img src="{{ url("images/sem-imagem.png") }}" class="img-fluid" alt="Sem Imagem definida" style="max-width: 59px;"></td>       
                                    @else
                                        <td>
                                            <a href="#" class="edit-btn" data-id="{{ $autorization->id }}" data-image="{{ url("storage/{$autorization->image}") }}">
                                                <img src="{{ url("storage/{$autorization->image}") }}" class="img-thumbnail img-fluid shadow" alt="{{ $autorization->autorization }}" style="max-width: 69px;" data-toggle="modal" data-target="#imagemModal">
                                            </a>
                                        </td>
                                    @endif 
                                    <td>{{ $autorization->validate }}</td>
                                    <td>{{ $autorization->perspective->qtd }}</td>
                                    <td>
                                        R$ {{ number_format($autorization->perspective->materialcustomer->value_granted, 2, ',', '.') }}
                                    </td>
                                    <td>
                                        R$ {{ number_format($autorization->perspective->materialcustomer->value_granted, 2, ',', '.') }}
                                    </td>
                                </tr>
                            @endforeach 
                        </tbody>
                    </table>
                    
                    <!-- Modal -->
                    <div class="modal fade" id="imagemModal" tabindex="-1" role="dialog" aria-labelledby="imagemModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered  modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <img id="modalImage" class="img-fluid" alt="Imagem ampliada">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Seus scripts -->
                    <script>
                        document.addEventListener('DOMContentLoaded', function () {
                            var editButtons = document.querySelectorAll('.edit-btn');
                            editButtons.forEach(function (button) {
                                button.addEventListener('click', function () {
                                    var id = this.getAttribute('data-id');
                                    var image = this.getAttribute('data-image');

                                    // Set the src attribute of modalImage to display the larger image
                                    document.getElementById('modalImage').src = image;
                                });
                            });
                        });
                    </script>

                    <h5 class="pt-3"><i class="fas fa-car"></i> <strong>Setores distribuídos</strong></h5>

                    <table class="table table-borded">
                        <tr>
                            <th>Data</th>
                            <th>Setor</th>
                            <th colspan="3" class="text-right">Distribuído</th>
                        </tr>
                        @php
                            $totalValue = 0; // Variável para rastrear o valor total geral
                        @endphp
                        @foreach ($autorizations as $autorization)
                            @php
                                $autorizationValue = 0; // Variável para rastrear o valor total para cada autorização
                            @endphp
                            @foreach ($autorization->distributions as $distribution)
                                <tr>
                                    <td>{{ date("d/m/Y", strtotime($distribution->distribution_date)) }}</td>
                                    <td>{{ $distribution->sector->code }} - {{ $distribution->sector->name }}</td>
                                    <td colspan="3" class="text-right">{{ number_format($distribution->quantity_sector, 0, ',', '.') }}</td>
                                </tr>
                                @php
                                    $autorizationValue += $distribution->quantity_sector;
                                @endphp
                            @endforeach
                            <tr>
                                <td colspan="4" class="text-right">Total distribuído:</td>
                                <td colspan="3" class="text-right" style="width:5%;"> {{ number_format($autorizationValue, 0, ',', '.') }}</td>
                            </tr>

                            <tr>
                                <td colspan="4" class="text-right">Totalizando:</td>
                                <td colspan="3" class="text-right" style="width:5%;">
                                    @php
                                        $priceByMilheiro = $autorization->perspective->materialcustomer->value_granted;
                                        $qtdByMilheiro = $autorizationValue;
                                        $priceForUnity = $priceByMilheiro / 1000;
                                        $finalValue = $priceForUnity * $qtdByMilheiro;
                                    @endphp
                                    <span class="badge badge-success" style="font-size:16px;">R$ {{ number_format($finalValue, 2, ',', '.') }}</span>
                                </td>
                            </tr>

                            <tr>
                                <td colspan="4" class="text-right text-primary">
                                    @can('atualizar-acrescimo-desconto') 
                                        <a href="" class="btn btn-outline-success me-1 edit-btn" title="Edite o acréscimo ou desconto" data-bs-toggle="modal" data-bs-target="#update"
                                            data-id="{{ $autorization->id }}"
                                            data-add_value="{{ $autorization->add_value }}"
                                            data-discount="{{ $autorization->discount }}">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                    @endcan
                                    Acréscimo:</td>
                                <td colspan="3" class="text-right" style="width:5%;">R$ {{ number_format($autorization->add_value, 2, ',', '.') }}</td>
                            </tr>
                            <tr>
                                <td colspan="4" class="text-right text-danger">Desconto:</td>
                                <td colspan="3" class="text-right" style="width:5%;">R$ {{ number_format($autorization->discount, 2, ',', '.') }}</td>
                            </tr>
                            @php
                                $totalValue += $finalValue - $autorization->discount + $autorization->add_value; 
                            @endphp
                        @endforeach

                        <tr>
                            <td colspan="4" class="text-right"><strong>Total Geral:</strong></td>
                            <td colspan="3" class="text-right" style="width:5%;">
                                @if($material->payment_form === 'Permuta')
                                    <span class="badge badge-success" style="font-size:16px;">R$ 0,00</span>
                                @else
                                    <span class="badge badge-success" style="font-size:16px;">R$ {{ number_format($totalValue, 2, ',', '.') }}</span>
                                @endif
                            </td>
                        </tr>
                    </table>

                    <!--MODAL UPDATE-->
                    <div class="modal fade" id="update" tabindex="-1" role="dialog" aria-labelledby="formUpdate">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header bg-success">
                                    <h5 class="modal-title" id="formUpdate">Editar Acréscimo / Desconto</h5>
                                </div>
                                <div class="modal-body">

                                    <form id="editForm" action="{{ route('invoice.updateAdd') }}" method="POST">

                                        @method('PUT')
                                        @csrf
                                        
                                        <input name="id" id="id" class="form-control" value="" type="hidden" required>
                                        
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <label class="control-label"> Acréscimo</label>
                                                <input name="add_value" id="add_value" class="form-control money" value="" type="text" required>
                                            </div>
                                            <div class="col-sm-6">
                                                <label class="control-label"> Desconto</label>
                                                <input name="discount" id="discount" class="form-control money" value="" type="text" required>
                                            </div>
                                        </div>
                                        
                                        <div class="modal-footer">
                                            <div class="col-sm-12">
                                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Fechar</button>
                                                <input type="submit" class="btn btn-success" value="Atualizar" id="saveChangesBtn" />
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <script>
                        // Aguarde o documento estar completamente carregado
                        document.addEventListener('DOMContentLoaded', function () {
                            // Adicione um ouvinte de evento de clique a todos os botões de edição
                            var editButtons = document.querySelectorAll('.edit-btn');
                            editButtons.forEach(function (button) {
                                button.addEventListener('click', function () {
                                    // Obtenha os valores dos atributos de dados do botão de edição clicado
                                    let id = this.getAttribute('data-id');
                                    let add_value = parseFloat(this.getAttribute('data-add_value')).toLocaleString('pt-BR', { minimumFractionDigits: 2 });
                                    let discount = parseFloat(this.getAttribute('data-discount')).toLocaleString('pt-BR', { minimumFractionDigits: 2 });

                                    // Preencha os campos do modal com os valores obtidos
                                    document.getElementById('id').value = id;
                                    document.getElementById('add_value').value = add_value;
                                    document.getElementById('discount').value = discount;
                                });
                            });
                        });
                    </script>
                    
                    @if(isset($payments) && count($payments) > 0)
                        <table class="table table-borded mt-4">
                            <thead class="bg-primary">
                                <tr>
                                    <th><i class="fa fa-exclamation"></i> Pagamento parcelado</th>
                                    <th class="text-right">Nº N/F</th>
                                    <th class="text-right">Nº Boleto</th>
                                    <th class="text-right">Valor pago</th>
                                    
                                </tr>
                            </thead>
                            
                            @php
                                $sumPayments = 0; 
                            @endphp
                            
                            <tbody>
                                @foreach($payments as $payment)
                                    <tr>
                                        <td><i class="fa fa-check"></i> Esse pagamento foi efetuado no dia: <span class="badge badge-secondary" style="font-size:16px;">{{ date('d/m/Y', strtotime($payment->payment_date)) }}</span></td>
                                        <td class="text-right"> <span class="badge badge-secondary" style="font-size:16px;">{{ $payment->number_nf_payment }}</span></td>
                                        <td class="text-right"> <span class="badge badge-secondary" style="font-size:16px;">{{ $payment->ticket_payment }}</span></td> 
                                        <td class="text-right">R$ {{ number_format($payment->value, 2, ',', '.') }}</td> 
                                    </tr>
                                    
                                    @php
                                        $sumPayments += $payment->value;
                                    @endphp
                                @endforeach
                                
                                <tr>
                                    <td colspan="4" class="text-right"><strong>Débito:</strong> <span class="badge badge-danger" style="font-size:16px;">R$ {{ number_format($totalValue - $sumPayments, 2, ',', '.') }}</span></td>
                                </tr>
                        
                            </tbody>
                        </table>
                    @endif

                </div>
            </div>
        </div>
    </div>
    
    <div class="row mt-3 mb-4" style='background: #eee;'>
        <div class="col-md-12">
            <div class="card-primary card-outline">
                <div class="car-body">
                    <form action="{{ route('autorization.issued', $autorization->autorization ) }}" method="post">

                        @csrf

                        <div class='row mt-4'>
                            <div class='col-md-2'>
                                <label>Nº da N/F:</label>
                                <input type='text' name='number_nf' class='form-control' value='{{ $autorization->number_nf ?? old('number_nf') }}' placeholder='Insira o nº da N/F...'>
                            </div>

                            <div class='col-md-2'>
                                <label><i class="fas fa-calendar"></i> Data de Vencimento:</label>
                                <input type='text' name='maturity' class='form-control datepicker' value='{{ isset($autorization->maturity) ? date('d/m/Y', strtotime($autorization->maturity)) : old('maturity') }}' placeholder='Insira a data de vencimento...'>
                            </div>

                            <div class='col-md-2'>
                                <label>Nº Boleto:</label>
                                <input type='text' name='ticket' class='form-control' value='{{ $autorization->ticket ?? old('ticket') }}' placeholder='Insira o nº do Boleto...'>
                            </div>
                            {{--
                            <div class='col-md-2'>
                                <label class="control-label">R$ Desconto:</label>
                                <input type="text" name="billing_discount" class="form-control money" value="">
                            </div>

                            <div class='col-md-2'>
                                <label class="control-label">R$ Acréscimo:</label>
                                <input type="text" name="add_billing_value" class="form-control money" value="">
                            </div>
                            --}}
                        </div>

                        <div class='row mt-3'>
                            <div class="col-md-12">
                                <label>Observação</label>
                                <textarea name="notes" class="form-control border text-danger" rows="5" placeholder='Se necessário deixe uma observação...'>{{ $autorization->notes }}</textarea>
                            </div>
                        </div>

                        <div class='modal-footer'>
                            <button type="submit" class="btn btn-success"><i class="fas fa-print"></i> Salvar / Visualizar relatório</button>
                        </div>
                    </form>
                </div> 
            </div> 
        </div>
        
        <div class="col-md-12">
            <div class='modal-footer'>
                <a href="#" class="btn btn-outline-primary me-1 edit-btn"
                    data-bs-toggle="modal" data-bs-target="#payment"
                    data-autorization_id="{{ $autorization->id }}"
                    data-autorization="{{ $autorization->autorization }}"
                    data-customer_id="{{ $autorization->customer_id }}"><i class="fas fa-edit"></i> Pagamento parcelado
                </a>
            </div>
        </div>
    </div>
    
    <!--MODAL UPDATE-->
    <div class="modal fade" id="payment" tabindex="-1" role="dialog" aria-labelledby="formUpdate">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                
                <div class="modal-header bg-warning">
                    <h5 class="modal-title" id="formUpdate">Pagamento parcelado pelo cliente</h5>
                </div>
                
                <div class="modal-body">

                    <form id="editForm" action="{{ route('payment_installment.store') }}" method="POST">

                        @csrf
                        
                        <input type="hidden" name="autorization" id="autorization" class="form-control" value="" required>
                        <input type="hidden" name="autorization_id" id="autorization_id" class="form-control" value=""required>
                        <input type="hidden" name="customer_id" id="customer_id" class="form-control" value="" required>
                        
                        <div class="row">
                            <div class="col-sm-6">
                                <label class="control-label"> R$ Valor pago</label>
                                <input type="text" name="value" class="form-control money" value="" required>
                            </div>

                            <div class="col-sm-6">
                                <label class="control-label"> Data do pagamento</label>
                                <input type="text" name="payment_date" class="form-control datepicker" value="" required>
                            </div>
                        </div>
                            
                        <div class="row mt-2">
                            <div class="col-sm-6">
                                <label class="control-label"> Nº N/F</label>
                                <input type="text" name="number_nf_payment" class="form-control" value="">
                            </div>
                            
                            <div class="col-sm-6">
                                <label class="control-label"> Nº Boleto</label>
                                <input type="text" name="ticket_payment" class="form-control" value="">
                            </div>
                        </div>

                        <div class="modal-footer">
                            <div class="col-sm-12">
                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Fechar</button>
                                <input type="submit" class="btn btn-success" value="Salvar" />
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    
    <script>
        // Aguarde o documento estar completamente carregado
        document.addEventListener('DOMContentLoaded', function () {
            // Adicione um ouvinte de evento de clique a todos os botões de edição
            var editButtons = document.querySelectorAll('.edit-btn');
            editButtons.forEach(function (button) {
                button.addEventListener('click', function () {
                    // Obtenha os valores dos atributos de dados do botão de edição clicado
                    var autorization_id = this.getAttribute('data-autorization_id');
                    var autorization = this.getAttribute('data-autorization');
                    var customer_id = this.getAttribute('data-customer_id');
        
                    // Preencha os campos do modal com os valores obtidos
                    document.getElementById('autorization_id').value = autorization_id;
                    document.getElementById('autorization').value = autorization;
                    document.getElementById('customer_id').value = customer_id;
                });
            });
        });
    </script>
  
</div>
@stop