@extends('layouts.vertical', ['title' => 'Modificar Reclamo - Gastos Médicos'])


@section('content')
<div class="card">
    <div class="card-body">
        <div class="col wrapper">
            <div class="row">
                <div class="col-12 mtop16 mb-5">
                    <div class="row">
                        <div class="col-12">
                            <div class="panel myshadow">
                                <div class="mypanel">
                                    <div class="title mb-3">
                                        <p><i class="bi bi-pencil-square"></i> Modificar Reclamo Gastos Médicos</p>
                                    </div>
                                    <form action="{{ url('/claims/1/edit/' . $claim->id) }}" method="POST" class="my-forms" enctype="multipart/form-data">
                                        @csrf
                                        <div class="row">
                                            <!-- Grupo: Información del Reclamo -->
                                            <small class="my-2">Información del Reclamo</small>

                                            <div class="col-lg-4 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Estado del Reclamo</p>
                                                <p class="text-muted font-13">Cambie el estado de el reclamo.</p>
                                                <select class="form-select"  name="status">
                                                    @foreach(medicalClaimsStatuses() as $key => $value)
                                                        <option value="{{ $key }}" @selected($claim->status == $key)>{{ $value }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-lg-4 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Número de reclamo</p>
                                                <p class="text-muted font-13">Escriba el numero del reclamo.</p>
                                                <input type="text" class="form-control"  name="claim_number" value="{{ old('claim_number', $claim->claim_number) }}">
                                            </div>

                                            <div class="col-lg-4 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Valor Total del Reclamo</p>
                                                <p class="text-muted font-13">Cambie el valor total del reclamo.</p>
                                                <input type="text" class="form-control"  name="valor_total_reclamo" value="{{ old('valor_total_reclamo', $claim->valor_total_reclamo) }}">
                                            </div>

                                            <!-- Cliente, Póliza, Aseguradora -->
                                            <small class="my-2">Información del Cliente y Seguro</small>
                                            <div class="col-lg-3 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Cliente</p>
                                                <p class="font-15"> {{rvfj( json_encode(personIdentifier()), $claim->client_title)}} {{getClientName($claim->getClient)}}</p>
                                            </div>
                                            <div class="col-lg-3 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Póliza</p>
                                                <p> {{ $claim->policy?->policy_id }} </p>
                                            </div>
                                            <div class="col-lg-3 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Aseguradora</p>
                                                <p> {{ $claim->insurance?->name }} </p>
                                            </div>
                                            <div class="col-lg-3 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Ramo</p>
                                                <p> {{ $claim->insuranceInsurer?->name }} </p>
                                            </div>
                                            <div class="col-lg-3 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Asegurado</p>
                                                <p> {{rvfj( json_encode(personIdentifier()), $claim->client_title)}} {{$claim->policyInsurer?->name}}</p>
                                            </div>
                                            <div class="col-lg-3 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Dependiente</p>
                                                <p>{{$claim->policyInsurerDependient?->name ?? 'N/A'}}</p>
                                            </div>

                                            <!-- Fechas importantes -->
                                            <small class="my-2">Fechas</small>
                                            <div class="col-lg-4 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Fecha de gasto</p>
                                                <p class="text-muted small">Cliente realiza el gasto médico.</p>
                                                <input type="date" class="form-control" name="date_claim_cost" value="{{ $claim->date_claim_cost }}">
                                            </div>

                                            <div class="col-lg-4 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Fecha de reclamo</p>
                                                <p class="text-muted small">Infinity recibe la solicitud.</p>
                                                <input type="date" class="form-control" name="date_infinity_recive" value="{{ $claim->date_infinity_recive }}">
                                            </div>

                                            <div class="col-lg-4 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Fecha de ingreso a compañía</p>
                                                <p class="text-muted small">Infinity envía el reclamo a la aseguradora.</p>
                                                <input type="date" class="form-control" name="date_claim" value="{{ $claim->date_claim }}">
                                            </div>

                                            <div class="col-lg-4 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Reingreso</p>
                                                <p class="text-muted small">Corrección y reenvío del reclamo.</p>
                                                <input type="date" class="form-control" name="date_cia_recived" value="{{ $claim->date_cia_recived }}">
                                            </div>

                                            <div class="col-lg-4 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Fecha de liquidación</p>
                                                <p class="text-muted small">Aprobación y pago por parte de la aseguradora.</p>
                                                <input type="date" class="form-control" name="date_liquidacion_credito" value="{{ $claim->date_liquidacion_credito }}">
                                            </div>

                                            <div class="col-lg-4 col-md-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Fecha de crédito</p>
                                                <p class="text-muted small">Pago al cliente. {{ $claim->date_credito }}</p>
                                                <input type="date" class="form-control" name="date_credito" value="{{ $claim->date_credito }}">
                                            </div>

                                            @php
                                                $hasReturn = !empty($claim->date_cia_recived);
                                            @endphp

                                            <div class="col-12 block-new-camps" id="return-fields" style="{{ $hasReturn ? '' : 'display: none;' }}; background-color: rgba(109, 157, 60, 0.8);" >

                                                <div class="row">
                                                <small class="my-2" style="color: #000000">Obervaciones del reingreso</small>
                                                <div class="col-lg-3 col-md-3 mb-3" >
                                                    <p class="mb-1 fw-bold" style="color: #000000">Observación de devolución</p>
                                                    <p class="small" style="color: #000000">Escriba las observaciones de la devolución.</p>
                                                    <textarea class="form-control" name="return_observation">{{ old('return_observation', $claim->return_observation) }}</textarea>
                                                </div>

                                                <div class="col-lg-3 col-md-3 mb-3">
                                                    <p class="mb-1 fw-bold" style="color: #000000">Fecha de notificación al cliente</p>
                                                    <p class="small" style="color: #000000">Escriba la fecha en la que se le notificara el cliente.</p>
                                                    <input type="date" class="form-control" name="return_notify_date" value="{{ old('return_notify_date', $claim->return_notify_date) }}">
                                                </div>

                                                <div class="col-lg-3 col-md-3 mb-3">
                                                    <p class="mb-1 fw-bold " style="color: #000000">Encargado de reingreso</p>
                                                    <p class="small" style="color: #000000">Escriba a el encargado del reingreso.</p>
                                                    <input type="text" class="form-control" name="reentry_responsible" value="{{ old('reentry_responsible', $claim->reentry_responsible) }}">
                                                </div>

                                                <div class="col-lg-3 col-md-3 mb-3">
                                                    <p class="mb-1 fw-bold" style="color: #000000">Fecha de reingreso confirmada</p>
                                                    <p class="small" style="color: #000000">Seleccione la fecha de confirmación de reingreso.</p>
                                                    <input type="date" class="form-control" name="reentry_confirmed_date" value="{{ old('reentry_confirmed_date', $claim->reentry_confirmed_date) }}">
                                                </div>
                                                </div>
                                            </div>

                                            @php
                                                $hasLiquidation = !empty($claim->date_liquidacion_credito);
                                            @endphp
                                            <div class="col-12 mt-3 block-new-camps" id="liquidation-fields" style="{{ $hasLiquidation ? '' : 'display: none;' }}; background-color: rgba(109, 157, 60, 0.8);">
                                                <div class="row">
                                                    <small  class="my-2" style="color: #000000">Observaciones de liquidación</small>
                                                    <div class="col-lg-4 col-md-4 mb-3">
                                                        <p class="mb-1 fw-bold" style="color: #000000">Observación de liquidación</p>
                                                        <p class="small" style="color: #000000">Escriba la obsevación de liquidación.</p>
                                                        <textarea class="form-control" name="liquidation_observation">{{ old('liquidation_observation', $claim->liquidation_observation) }}</textarea>
                                                    </div>
                                                </div>
                                            </div>


                                            <!-- Diagnósticos -->
                                            <small class="mt-4 mb-1">Diagnósticos</small>
                                            <div class="col-lg-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Diagnóstico Principal</p>
                                                <p class="text-muted small">Escriba el diagnóstico principal para el reclamo.</p>
                                                <textarea class="form-control" name="principal_diagnost">{{ $claim->principal_diagnost }}</textarea>
                                            </div>
                                            <div class="col-lg-6 mb-3">
                                                <p class="mb-1 fw-bold text-muted">Diagnóstico Secundario</p>
                                                <p class="text-muted small">Escriba un diagnóstico adicional para el reclamo.</p>
                                                <textarea class="form-control" name="second_diagnost">{{ $claim->second_diagnost }}</textarea>
                                            </div>


                                            <!-- Medicamentos -->
                                            <small class="my-2">Medicamentos de Uso Continuo</small>
                                            @for ($i = 1; $i <= 3; $i++)
                                                @if ($i == 1)
                                                    <div class="row">
                                                        <div class="col-md-4 mb-3">
                                                            <p class="mb-1 fw-bold text-muted">Medicamento {{ $i }}</p>
                                                            <p class="text-muted small">Escriba el medicamento.</p>
                                                            <input type="text" class="form-control" name="medicament_continual_{{ $i }}" value="{{ $claim['medicament_continual_'.$i] }}">
                                                        </div>

                                                        <div class="col-md-4 mb-3">
                                                            <p class="mb-1 fw-bold text-muted">Detalle Medicamento {{ $i }}</p>
                                                            <p class="text-muted small">Escriba los detalles del medicamento.</p>
                                                            <input type="text" class="form-control" name="detail_medicament_continual_{{ $i }}" value="{{ $claim['detail_medicament_continual_'.$i] }}">
                                                        </div>

                                                        <div class="col-md-4 mb-3">
                                                            <p class="mb-1 fw-bold text-muted">Fecha Final Medicamento {{ $i }}</p>
                                                            <p class="text-muted small">Indique la fecha final de uso del medicamento.</p>
                                                            <input type="date" class="form-control" name="date_final_medicament_continual_{{ $i }}" value="{{ $claim['date_final_medicament_continual_'.$i] }}">
                                                        </div>
                                                    </div>
                                                @else
                                                    <div class="row">
                                                        <div class="col-md-6 mb-3">
                                                            <p class="mb-1 fw-bold text-muted">Detalle Medicamento {{ $i }}</p>
                                                            <p class="text-muted small">Escriba los detalles del medicamento.</p>
                                                            <input type="text" class="form-control" name="detail_medicament_continual_{{ $i }}" value="{{ $claim['detail_medicament_continual_'.$i] }}">
                                                        </div>

                                                        <div class="col-md-6 mb-3">
                                                            <p class="mb-1 fw-bold text-muted">Fecha Final Medicamento {{ $i }}</p>
                                                            <p class="text-muted small">Indique la fecha final de uso del medicamento.</p>
                                                            <input type="date" class="form-control" name="date_final_medicament_continual_{{ $i }}" value="{{ $claim['date_final_medicament_continual_'.$i] }}">
                                                        </div>
                                                    </div>
                                                @endif
                                            @endfor


                                            <div class="row">
                                                <small class="mt-3 mb-2">Agregar Documentos</small>
                                                <!-- Contenedor dinámico para los documentos -->
                                                <div id="document-container" class="col-12 mb-2">
                                                    <div class="row document-entry">
                                                        <!-- Tipo de Documento -->
                                                        <div class="col-lg-4 col-md-4 col-sm-6 col-12 mb-2">
                                                            <p class="mb-1 fw-bold text-muted">Documento</p>
                                                            <p class="text-muted small">Seleccione el tipo de documentoo a subir.</p>
                                                            <div class="form-floating">
                                                                <select class="form-select" name="document_type[]" aria-label="Tipo de Documento">
                                                                    <option value=""> Seleccionar tipo de documento</option>
                                                                    @foreach (ClaimDocumentTypeList() as $cdtl_id => $cdtl_name)
                                                                        <option @if(old('ticket_id') == $cdtl_id) selected @endif value="{{$cdtl_id}}"> {{$cdtl_name}} </option>
                                                                    @endforeach
                                                                </select>
                                                                <label for="document_type">Tipo de Documento</label>
                                                            </div>
                                                        </div>

                                                        <!-- Selección de Archivo -->
                                                        <div class="col-lg-4 col-md-4 col-sm-6 col-12 mb-2">
                                                            <div class="row">
                                                                <div class="col-6">
                                                                 <p class="mb-1 fw-bold text-muted">Archivos</p>
                                                                    <p class="text-muted small">Adjunte los archivos de el reclamo.</p>

                                                                    <button type="button" class="btn btn-light w-100 mb-10" style="min-height: 60px" onclick="document.getElementById('customFileInput').click()">
                                                                        <i class="bi bi-paperclip"></i> Adjuntar archivos
                                                                    </button>
                                                                </div>

                                                                <div class="col-6">
                                                                    <!-- Nombre de los archivos subidos-->
                                                                    <div id="fileList" class="small text-muted" style="margin-top: 59px"></div>
                                                                </div>
                                                            </div>


                                                            <!-- Campo oculto para subir archivos -->
                                                            <input type="file" class="d-none" id="customFileInput" name="document_file[]" onchange="updateFileList(this)">

                                                        </div>

                                                        <!-- Input de valor -->
                                                        <div class="col-lg-4 col-md-4 col-sm-6 col-12 mb-2">
                                                            <p class="mb-1 fw-bold text-muted">Valor</p>
                                                            <p class="text-muted small">Escriba el valor.</p>
                                                            <div class="form-floating">
                                                                <input type="number" step="0.01" class="form-control document-value" name="document_value[]" placeholder="Valor">
                                                                <label for="document_value">Valor</label>
                                                            </div>
                                                        </div>

                                                        <!-- Botón de Eliminar Documento -->
                                                        <div class="col-12 mb-2 text-end">
                                                            <button type="button" class="btn btn-danger remove-document">Eliminar</button>
                                                        </div>
                                                    </div>

                                                </div>

                                                <!-- Botón para añadir más documentos -->
                                                <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                                                    <button type="button" class="btn btn-primary" id="add-document">Agregar más documentos</button>
                                                </div>

                                                <!-- Variable JSON para almacenar los documentos -->
                                                <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                                                    <input type="hidden" id="documents_json" name="documents_json">
                                                </div>

                                                </div>
                                            </div>

                                            <!-- Input oculto para guardar el JSON -->
                                            <input type="hidden" id="documents_json" name="documents_json">

                                            <!-- Documentos existentes -->
                                            <small class="my-3">Documentación Adjunta</small>
                                                <div class="col-12 mb-3">
                                                    <p class="mb-1 fw-bold text-muted">Documentos</p>
                                                    <div class="document-selection-container">
                                                        @foreach ($claim->ClaimDocs as $doc)
                                                            @php
                                                                $url = $doc->path ? getFileUrl($doc->path) : '#';
                                                            @endphp

                                                            <a href="{{ $url }}" target="_blank" class="document-selection-box text-decoration-none text-reset">
                                                                <div class="document-selection-img">
                                                                    <i class="fas fa-file-alt"></i>
                                                                </div>
                                                                <p class="document-selection-name">
                                                                    {{ ClaimDocumentTypeList()[$doc->type] ?? 'Documento' }}
                                                                </p>
                                                                <p class="document-selection-value">valor: {{ $doc->value }}</p>
                                                            </a>
                                                        @endforeach
                                                    </div>
                                                </div>


                                            <!-- Botón enviar -->
                                            <div class="col-12 mt-4">
                                                <button class="btn btn-success" type="submit">Actualizar Reclamo</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
    @vite([
        'resources/js/pages/form-advanced.init.js',
        'resources/js/pages/form-validation.init.js'
    ])
    <script src="{{url('/static/js/claim_creation.js?v='.time())}}"></script>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const reingresoInput = document.querySelector('input[name="date_cia_recived"]');
            const returnFields = document.getElementById('return-fields');
            const liquidationInput = document.querySelector('input[name="date_liquidacion_credito"]');
            const liquidationFields = document.getElementById('liquidation-fields');

            if (reingresoInput && returnFields) {
                function toggleReturnFields() {
                    if (reingresoInput.value) {
                        returnFields.style.display = 'block';
                    } else {
                        returnFields.style.display = 'none';
                    }
                }

                // Inicial
                toggleReturnFields();

                // On change
                reingresoInput.addEventListener('change', toggleReturnFields);
            }

            if (liquidationInput && liquidationFields) {
                function toggleLiquidationFields() {
                    if (liquidationInput.value) {
                        liquidationFields.style.display = 'block';
                    } else {
                        liquidationFields.style.display = 'none';
                    }
                }

                // Inicial
                toggleLiquidationFields();

                // On change
                liquidationInput.addEventListener('change', toggleLiquidationFields);
            }


        });


    </script>

@endsection