@extends('master')
@section('title')
Pagos de cuotas
@endsection
@section('breadcrumb')
    <li class="breadcrumb-item">
        <a href="#">
            <i class="bi bi-credit-card"></i>
            Pagos de polizas
        </a>
    </li>
@endsection
@section('link')
<link rel="stylesheet" href="{{url('/static/css/select2.min.css?v='.time())}}">
@endsection
@section('body')
    <div class="col wrapper  ">
        <div class="row">
            <div class=" col-12 mtop16">
                <div class="row justify-content-end">
                    <div class=" col-12 mtop16">
                        <div class="panel myshadow">
                            <div class="mypanel">
                                <form action="{{url('/payments/list')}}" method="GET" enctype="multipart/form-data" class="my-forms form-users">
                                    <div class="row">
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-12 mb-2 mt-2">
                                            <div class="form-floating">
                                                <input value="{{request('search')}}" type="text" class="form-control" id="search"  name="search">
                                                <label for="search">Buscar por No de Póliza</label>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="submit" class="send-form btn btn-success mt-3">Buscar</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-12 mtop16">
                <div class="panel myshadow">
                    <div class="mypanel p-0">
                        <table class="table table-hover align-middle table-bordered" >
                            <thead>
                                <th>Póliza</th>
                                <th>Cliente</th>
                                <th>Fecha inicio -  Fecha fin</th>
                                <th>Ramo</th>
                                <th>Total</th>
                            </thead>
                            <tbody>
                                @if ($policyCuote != "")
                                    <tr>
                                        <td>
                                            {{ $policy->policy_id }}
                                        </td>
                                        <td>
                                            <a target="_blank" href="{{url('/clients/profile/'.optional($policy->getClient)->id)}}">
                                                {{ getClientName($policy->getClient) }}
                                            </a>
                                        </td>
                                        <td>
                                            {{date('d/m/Y', strtotime($policy->start_date))}} - {{date('d/m/Y', strtotime($policy->final_date))}}
                                        </td>
                                        <td>
                                            <small>
                                                <span class="badge rounded-pill text-bg-primary">
                                                    {{ optional($policy->getInsurance)->name }}
                                                </span> <br>
                                                </small>
                                            {{optional($policy->getBranch)->name}}
                                        </td>
                                        <td>
                                            {{$policy->currency}} {{number_format($policy->total, 2, '.', ',')}}
                                        </td>
                                        <td>
                                            <div class="dropdown">
                                                <a class="dropdown-toggle" type="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
                                                    <i class="bi bi-three-dots-vertical"></i>
                                                </a>
                                                <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                                                    @if(getPermission( Auth::user()->permissions , 'policy_renovation') && $policy->status == 2)
                                                        <li>
                                                            <a href="{{url('/policy/renovation/list/'.$policy->policy_group)}}"  class="dropdown-item">
                                                                <i class="bi bi-node-plus"></i> Historial de polizas
                                                            </a>
                                                        </li>
                                                    @endif
                                                    @if(getPermission( Auth::user()->permissions , 'policy_insurers'))
                                                        <li>
                                                            <a href="{{url('/policy/insurers/'.$policy->id)}}"  class="dropdown-item">
                                                                <i class="bi bi-list-check"></i> Lista de asegurados
                                                            </a>
                                                        </li>
                                                    @endif
                                                    @if(getPermission( Auth::user()->permissions , 'policy_edit'))
                                                        <li>
                                                            <a href="{{url('/policy/edit/'.$policy->id)}}"  class="dropdown-item">
                                                                <i class="bi bi-pencil-square"></i> Editar póliza
                                                            </a>
                                                        </li>
                                                    @endif
                                                    @if(getPermission( Auth::user()->permissions , 'policy_covers') && $policy->status == 2)
                                                        <li>
                                                            <a href="{{url('/policy/covers/'.$policy->id)}}"  class="dropdown-item">
                                                                <i class="bi bi-shield"></i> Listado de coberturas
                                                            </a>
                                                        </li>
                                                    @endif
                                                    @if(getPermission( Auth::user()->permissions , 'policy_delete')  )
                                                            @php
                                                            if ($policy->status == 2 || $policy->status == 3) {
                                                                $newStatus = ($policy->status == 2) ? 3 : 2;
                                                                $url = url("/policy/change-status/{$policy->id}/$newStatus");
                                                                $actionText = ($policy->status == 2)
                                                                    ? '<i class="bi bi-trash3"></i> Desactivar póliza'
                                                                    : '<i class="bi bi-check-square" ></i> Activar póliza';

                                                                echo
                                                                "
                                                                <li>
                                                                    <a href=\"$url\" class=\"dropdown-item\">
                                                                        $actionText
                                                                    </a>
                                                                </li>
                                                                ";
                                                            }
                                                        @endphp
                                                    @endif
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            @if ($policyCuote != "")
            <div class="col-lg-12 col-md-12 col-sm-12 col-12 mtop16">
                <div class="panel myshadow">
                    <div class="mypanel p-0">

                        <table class="table table-hover align-middle table-bordered" >
                            <thead>
                                <th>Cuota</th>
                                <th>Fecha pago</th>
                                <th>Prima proyectada</th>
                                <th>Cuota</th>
                                <th>Pagado</th>
                                <th>Saldo pendiente</th>
                                <th></th>
                                <th></th>
                            </thead>
                            <tbody>
                            @foreach ($policyCuote as $cuote)
                                <tr>
                                    <td>
                                        # {{ $cuote->cuote_number }} <br>
                                        @foreach(statusPayments() as $key => $value)
                                            @if($key == $cuote->status)
                                                   @if($cuote->status == 0)
                                                        <span class="badge bg-secondary">{{$value}}</span>
                                                   @endif
                                                   @if($cuote->status == 1)
                                                       <span class="badge bg-info">{{$value}}</span>
                                                   @endif
                                                   @if($cuote->status == 2)
                                                       <span class="badge bg-success">{{$value}}</span>
                                                   @endif
                                                   @if($cuote->status == 3)
                                                       <span class="badge bg-success">{{$value}}</span>
                                                   @endif
                                                   @if($cuote->status == 4)
                                                       <span class="badge bg-danger">{{$value}}</span>
                                                   @endif
                                            @endif
                                        @endforeach
                                    </td>
                                    <td>
                                        {{ \Carbon\Carbon::parse($cuote->payment_date_assumption)->format('d-m-Y') }}
                                    </td>
                                    <td>
                                        @if($loop->first)
                                            {{$policy->currency}} {{number_format($policy->first_quote, 2, '.', ',')}}
                                        @else
                                            {{$policy->currency}} {{number_format($policy->mensual_quote, 2, '.', ',')}}
                                        @endif
                                    </td>
                                    <td>
                                        @php
                                            $paymentDetails = json_decode($cuote->getPaymentDetail, true);
                                        @endphp

                                        @if (!empty($paymentDetails) && isset($paymentDetails[0]))
                                            @php
                                                $paymentDetail = $paymentDetails[0];
                                            @endphp

                                            @if($paymentDetail['payment_status'] == 2)
                                                {{$policy->currency}} {{number_format($cuote->total_paid, 2, '.', ',')}}
                                            @else
                                                <!-- Calcular -->
                                                {{$policy->currency}} {{number_format($policy->total, 2, '.', ',')}}
                                            @endif
                                        @endif
                                    </td>
                                    <td>
                                        @if ($cuote->status != 0)
                                            {{$policy->currency}} {{number_format($cuote->total_paid, 2, '.', ',')}}
                                        @endif
                                    </td>
                                    <td>
                                        <!-- Calcular2 -->
                                        @if ($cuote->status != 0)
                                            {{$policy->currency}} {{number_format($cuote->total_paid - $policy->total, 2, '.', ',')}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($cuote->status == 0 && getPermission( Auth::user()->permissions , 'payment_cuotes_create') )
                                            <a type="button" href="{{url('/payments/emision/prefactura/'.$cuote->id.'/policy/'.$policy->policy_id)}}" class="btn btn-warning sl">Generar pre-factura</a>
                                        @endif
                                        @if($cuote->status == 1 && getPermission( Auth::user()->permissions , 'payment_cuotes_create') )
                                            <button data-bs-toggle="modal" data-bs-target="#emisionPayments{{ $cuote->id }}" type="button" class="btn btn-warning">Emitir pago</button>
                                        @endif
                                        @if($cuote->status == 2)
                                            <a href="{{url('/payments/updatestatus/'.$cuote->id.'/3')}}"  class="sl btn btn-primary">Aplicado en CIA</a>
                                        @endif
                                    </td>
                                    <td>
                                        <div  data-bs-toggle="modal" data-bs-target="#historyPayment{{ $cuote->id }}" >
                                            <i style="font-size: 20px;" class="bi bi-info-circle"></i>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            @endif

        </div>
    </div>


@endsection
<input type="hidden" id="totalActualCuote" value="{{$totalinsurer = 0 ? $cuote->total_assumption : $totalinsurer}}">

@if ($policyCuote != "")
@foreach ($policyCuote as $cuote)
<!-- Modal emision de pagos -->
<div class="modal fade" id="emisionPayments{{ $cuote->id }}" tabindex="-1" aria-labelledby="emisionPayments{{ $cuote->id }}Label" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <form action="{{url('/payments/emision')}}" method="POST" enctype="multipart/form-data" class="my-forms form-users">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="emisionPayments{{ $cuote->id }}Label">Emision de pago de cuota #{{$cuote->cuote_number}}  </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                    @csrf
                    <input type="hidden" name="policy_id" value="{{$policy->id}}">
                    <input type="hidden" name="cuote_id" value="{{$cuote->id}}">
                    <input type="hidden" name="policy_identifier" value="{{$policy->policy_id}}">
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                    Pago esperado:
                                </td>
                                <td>
                                    {{$policy->currency}} {{number_format($totalinsurer = 0 ? $cuote->total_assumption : $totalinsurer, 2, '.', ',')}}
                                </td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="row mtop16">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-12 mb-2 mt-2">
                            <div class="form-check">
                                <input type="radio" class="form-check-input" id="payment_status1" name="payment_status" value="2" >Pago Completo
                                <label class="form-check-label" for="payment_status1"></label>
                            </div>
                            <div class="form-check">
                                <input type="radio" class="form-check-input" id="payment_status2" name="payment_status" value="1">Pago Parcial
                                <label class="form-check-label" for="payment_status2"></label>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-4 col-sm-4 col-12 mb-2 mt-2">
                            <div class="form-floating">
                                <input  type="number" class="form-control" id="amount"  name="amount">
                                <label for="search">Cuota</label>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-12 mb-2 mt-2">
                            <div class="form-floating">
                                <input  type="date" class="form-control" id="payment_date"  name="payment_date">
                                <label for="search">Fecha de pago</label>
                            </div>
                        </div>

                        <div class="col-md-4 col-12">
                            <div class="form-floating mt-2">
                                <select class="form-select" id="payment_type" name="payment_type">
                                    @foreach(getPaymentTypes() as $key => $value )
                                        <option value="{{$key}}">{{$value}}</option>
                                    @endforeach
                                </select>
                                <label for="users">Tipo de pago</label>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-12 mb-2 mt-2">
                            <div class="form-floating">
                                <input  type="text" class="form-control" id="payment_reference"  name="payment_reference">
                                <label for="search">Numero de referencia</label>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2 mt-2">
                            <div >
                                <input  type="file" class="form-control" id="cuote_documents"  name="cuote_documents[]" multiple>
                            </div>
                            <ul id="listaDeArchivos"></ul>
                        </div>

                        <div class="col-12 mtop16">
                            <div class="form-floating">
                                <textarea class="form-control" placeholder="Comentarios" id="description" name="description"></textarea>
                                <label for="floatingTextarea">Comentarios</label>
                            </div>
                        </div>
                    </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary send-form ">Emitir pago</button>
            </div>
        </div>
        </form>
    </div>
</div>

<!-- Modal emision de pagos -->
<div class="modal fade" id="historyPayment{{ $cuote->id }}" tabindex="-1" aria-labelledby="historyPayment{{ $cuote->id }}Label" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <h5 class="modal-title" id="emisionPayments{{ $cuote->id }}Label">Historial de pagos cuota #{{$cuote->cuote_number}} </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <table class="table table-hover align-middle table-bordered" >
                    <thead>
                        <th>Fecha pago</th>
                        <th>Tipo de pago</th>
                        <th>Estado de pago</th>
                        <th>Referencia</th>
                        <th>Total</th>
                        <th>Descripción</th>
                        <th>Adjuntos</th>
                    </thead>
                    <tbody>
                        @foreach($cuote->getPaymentDetail as $detail)
                            <tr>
                                <td>
                                    {{optional($detail->payment_date)->format('d-m-Y')}}
                                </td>
                                <td>
                                    {{ rvfj(json_encode(getPaymentTypes()),  $detail->payment_type)}}
                                </td>
                                <td>
                                    @switch($detail->payment_status)
                                        @case(1)
                                            Pago parcial
                                            @break
                                        @case(2)
                                            Pago Completo
                                            @break
                                        @case(3)
                                            Prefactura generada
                                            @break
                                    @endswitch
                                </td>
                                <td>
                                    {{$detail->payment_reference}}
                                </td>
                                <td>
                                    {{$policy->currency}} {{number_format($detail->amount, 2, '.', ',')}}
                                </td>
                                <td>
                                    {{$detail->description}}
                                </td>
                                <td>
                                    <div>
                                        @php
                                            $start = 1;
                                        @endphp
                                        <div class="d-flex " >
                                            @foreach ($detail->getPaymentDetailFiles as $filess)
                                            <span class="badge rounded-pill bg-secondary text-white mx-4">
                                            <a style="cursor: pointer" class=" text-white" target="_blank" href="{{ getFileUrl($filess->url_file) }}" >
                                                <h6 class="m-0" ><i class="bi bi-paperclip"></i> ADJUNTO {{$start}}</h6>
                                            </a>
                                            </span>
                                            @php
                                                $start++;
                                            @endphp
                                            @endforeach
                                        </div>
                                      </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>
        </div>
    </div>
</div>
@endforeach
@endif
@section('script')
<script src="{{url('/static/js/select2.min.js?v='.time())}}"></script>
<script>
    document.getElementById('cuote_documents').addEventListener('change', function(event) {
        var archivos = event.target.files; // Obtienes los archivos seleccionados
        var lista = document.getElementById('listaDeArchivos'); // Obtienes el contenedor de la lista
        lista.innerHTML = ''; // Limpias la lista para asegurarte de que está vacía antes de añadir los nuevos nombres de archivos

        for (var i = 0; i < archivos.length; i++) {
            var li = document.createElement('li'); // Creas un nuevo elemento de lista para cada archivo
            li.textContent = archivos[i].name; // Estableces el nombre del archivo como el contenido del elemento de lista
            lista.appendChild(li); // Añades el elemento de lista al contenedor de la lista
        }
    });

    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
    const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
    $(document).ready(function() {
        $('.clients-list').select2();
        $('.users-list').select2();
    });

    document.addEventListener('DOMContentLoaded', function () {
    let totalActualCuote = document.getElementById('totalActualCuote').value;
        document.querySelectorAll('input[name="payment_status"]').forEach((elem) => {
            elem.addEventListener("change", function(event) {
                var item = event.target.value;
                console.log(item)
                // Si el radio button seleccionado es el de "rellenar"
                if (item == 2) {
                    console.log(totalActualCuote)
                    console.log(document.getElementById("amount").value)
                    // Aquí asignas el valor que quieras al input
                    document.querySelectorAll('input[id="amount"]').forEach((elem) => {
                        elem.value = totalActualCuote;
                    });
                } else if (item == 1) {
                    // Si el radio button seleccionado es el de "limpiar", se limpia el input
                    document.querySelectorAll('input[id="amount"]').forEach((elem) => {
                        elem.value = "";
                    });
                }
            });
        });
    });

</script>
@endsection