@extends('layouts.lo_app_dashboard')
@section('titulo')
FHOI Dashboard

@endsection
@section('content')

<div>
    <style>
    @media all and (max-width:480px) {
        .container-movil {
            padding-left: 0px;
            padding-right: 0px;
            margin: 0px;
        }
    }
    </style>


    <div class="container container-movil my-3"> 
        <x-form_basic titulo="Editar un nuevo registro de paciente" btn="Actualizar registro" method="POST"  action="{{route('actualizar_registro',$registro)}}">
            <div class="row">
                <x-input_text col="col-md-4" type="text" identificador="codigo" titulo="Numero de Historia:" value="{{old('codigo',$registro->codigo)}}" />
                <x-input_text col="col-md-4" type="text" identificador="numero_factura" titulo="Numero de factura:" value="{{old('fecha_factura',$registro->numero_factura)}}" />
                <x-input_text col="col-md-4" type="date" identificador="fecha_factura" titulo="Fecha de la factura:" value="{{old('fecha_factura',$registro->fecha_factura)}}"/>
            </div>
            <div class="row">
                <div class="col-12">
                    <hr>
                </div>
            </div>
            <div class="row">
                <x-input_text col="col-md-6" type="text" identificador="primer_apellido" titulo="Primer apellido:" value="{{old('primer_apellido',$registro->primer_apellido)}}" />
                <x-input_text col="col-md-6" type="text" identificador="segundo_apellido" titulo="Segundo apellido:" value="{{old('segundo_apellido',$registro->segundo_apellido)}}" />
                <x-input_text col="col-md-6" type="text" identificador="primer_nombre" titulo="Primer nombre:" value="{{old('primer_nombre',$registro->primer_nombre)}}"/>
                <x-input_text col="col-md-6" type="text" identificador="segundo_nombre" titulo="Segundo nombre:" value="{{old('segundo_nombre',$registro->segundo_nombre)}}" />
                <x-input_text col="col-md-6" type="number" identificador="edad" titulo="Edad:" value="{{old('edad',$registro->edad)}}"/>
                <x-select-basic col="col-md-6" identificador="genero" titulo="Genero:">
                     @if( old('genero',$registro->genero) == "Masculino")
                     <option value="Masculino" selected="selected">Masculino</option>
                     <option value="Femenino">Femenino</option>
                     @else
                     <option value="Masculino">Masculino</option>
                     <option value="Femenino" selected="selected">Femenino</option>
                     @endif
                </x-select-basic>
                <x-select-basic col="col-md-6" identificador="cirujano" titulo="Cirujano:">
                    @foreach($select_cirujanos as $select_cirujano)
                        @if($select_cirujano->id = old('cirujano',$registro->cirujano) )
                        <option value="{{$select_cirujano->id}}" selected="selected"> 
                        {{$select_cirujano->primer_nombre}}&nbsp;{{$select_cirujano->primer_apellido}}</option>
                        @else
                        <option value="{{$select_cirujano->id}}">
                        {{$select_cirujano->primer_nombre}}&nbsp;{{$select_cirujano->primer_apellido}}</option>
                        @endif
                    @endforeach
                </x-select-basic>
                <x-select-basic col="col-md-6" identificador="responsable_pago" titulo="Responsable de pago:">

                @if( old('responsable_pago',$registro->responsable_pago) == "Hospital")
                     <option value="Hospital" selected="selected">Hospital</option>
                     <option value="Otros">Otros</option>
                     @else
                     <option value="Hospital">Hospital</option>
                     <option value="Otros" selected="selected" >Otros</option>
                     @endif
                    
                </x-select-basic>
                <x-select-basic col="col-md-6" identificador="intervencion" titulo="Intervencion:">
                    @foreach($select_intervencions as $select_intervencion)
                        @if($select_intervencion->id = old('intervencion',$registro->intervencion) )
                        <option value="{{$select_intervencion->id}}" selected="selected"> 
                        {{$select_intervencion->nombre}}</option>
                        @else
                    <option value="{{$select_intervencion->id}}">
                        {{$select_intervencion->nombre}}</option>
                        @endif
                    @endforeach
                </x-select-basic>
                <x-input_text col="col-md-6" type="date" identificador="fecha_intervencion" titulo="Fecha de intervencion:"  value="{{old('fecha_intervencion',$registro->fecha_intervencion)}}"/>
                <x-select-basic col="col-md-6" identificador="tipo_paciente" titulo="Tipo paciente:">
                    <option value="Fundacional">Fundacional</option>
                    <option value="No Fundacional">No Fundacional </option>
                </x-select-basic>
            </div>
            <div class="row">
                <div class="col-12">
                    <hr>
                </div>
            </div>
            <div class="row">
                <x-input-monto-basic col="col-md-7" titulo="Honorarios anestesiolgo:" identificador="format_honorarios_anestesiologo" onblur="formatear_monto_honorarios_anestesiologo()" value="{{old('format_honorarios_anestesiologo',$registro->honorarios_anestesiologo)}}" />
                <x-input-hidden col="col-md-7" type="hidden" identificador="honorarios_anestesiologo"  value="{{old('honorarios_anestesiologo',$registro->honorarios_anestesiologo)}}" />

                <x-input-monto-basic col="col-md-7" titulo="Honorarios anestesiolgo 15%:" identificador="format_honorarios_anestesiologo_p" value="{{old('format_honorarios_anestesiologo_p',$registro->honorarios_anestesiologo_p)}}" readonly/>
                <x-input-hidden col="col-md-7" type="hidden"  identificador="honorarios_anestesiologo_p" value="{{old('honorarios_anestesiologo_p',$registro->honorarios_anestesiologo_p)}}"/>

                <x-input-monto-basic col="col-md-7" titulo="Honorarios anestesiolgo total:" identificador="format_honorarios_anestesiologo_total" value="{{old('format_honorarios_anestesiologo_total',$registro->honorarios_anestesiologo_total)}}" readonly />
                <x-input-hidden col="col-md-7" type="hidden"  identificador="honorarios_anestesiologo_total" value="{{old('honorarios_anestesiologo_total',$registro->honorarios_anestesiologo_total)}}" />

                <x-input-monto-basic col="col-md-7" titulo="Evaluacion Preanestesica:"  identificador="format_evaluacion_preanestesica" onblur="formatear_monto_evaluacion_preanestesica()"  value="{{old('format_evaluacion_preanestesica',$registro->evaluacion_preanestesica)}}"/>
                <x-input-hidden col="col-md-7" type="hidden" identificador="evaluacion_preanestesica"  value="{{old('evaluacion_preanestesica',$registro->evaluacion_preanestesica)}}"/> 

                <x-input-monto-basic col="col-md-7" titulo="Evaluacion Preanestesica 15%:" identificador="format_evaluacion_preanestesica_p"  value="{{old('format_evaluacion_preanestesica_p',$registro->evaluacion_preanestesica_p)}}" readonly />
                <x-input-hidden col="col-md-7" type="hidden" identificador="evaluacion_preanestesica_p" value="{{old('evaluacion_preanestesica_p',$registro->evaluacion_preanestesica_p)}}"/>

                <x-input-monto-basic col="col-md-7" titulo="Evaluacion Preanestesica total:" identificador="format_evaluacion_preanestesica_total" value="{{old('format_evaluacion_preanestesica_total',$registro->honorarios_anestesiologo)}}" readonly />
                <x-input-hidden col="col-md-7" type="hidden" identificador="evaluacion_preanestesica_total" value="{{old('evaluacion_preanestesica_total',$registro->honorarios_anestesiologo)}}" />

                <x-input-monto-basic col="col-md-7" titulo="Monto a pagar:" identificador="format_monto_a_pagar" value="{{old('format_monto_a_pagar',$registro->monto_a_pagar)}}" readonly />
                <x-input-hidden col="col-md-7" type="hidden" identificador="monto_a_pagar"  value="{{old('monto_a_pagar',$registro->monto_a_pagar)}}" />

                <x-input-monto-basic col="col-md-7" titulo="Monto pagado:" identificador="format_monto_pagado" value="{{old('format_monto_pagado',$registro->monto_pagado)}}"  onblur="calculo_total()"/>
                <x-input-hidden col="col-md-7" type="hidden"  identificador="monto_pagado" value="{{old('monto_pagado',$registro->monto_pagado)}}" />

                <x-input-monto-basic col="col-md-7" titulo="Diferencia:" identificador="format_diferencia" value="{{old('format_diferencia',$registro->diferencia)}}" />
                <x-input-hidden col="col-md-7" type="hidden" identificador="diferencia"  value="{{old('diferencia',$registro->diferencia)}}" />
            </div>
            <div class="row">
                <div class="col-12">
                    <hr>
                </div>
            </div>
            <div class="row">
                <x-select-basic col="col-md-6" identificador="tipo_pago" titulo="Tipo de pago:">
                  @if( old('tipo_pago',$registro->tipo_pago) == "Pago con Trasferencia")
                     <option value="Pago con Trasferencia" selected="selected">Pago con Trasferencia</option>
                     <option value="Pago en Divisas">Pago en Divisas </option>
                     <option value="Pago en Dolares">Pago en Dolares</option>
                     <option value="Pago mixto">Pago mixto</option>
                     <option value="Pago movil">Pago movil</option>
                  @elseif( old('tipo_pago',$registro->tipo_pago) == "Pago en Divisas")
                     <option value="Pago con Trasferencia">Pago con Trasferencia</option>
                     <option value="Pago en Divisas" selected="selected">Pago en Divisas </option>
                     <option value="Pago en Dolares">Pago en Dolares</option>
                     <option value="Pago mixto">Pago mixto</option>
                     <option value="Pago movil">Pago movil</option>
                  @elseif( old('tipo_pago',$registro->tipo_pago) == "Pago en Dolares")
                     <option value="Pago con Trasferencia">Pago con Trasferencia</option>
                     <option value="Pago en Divisas">Pago en Divisas </option>
                     <option value="Pago en Dolares" selected="selected">Pago en Dolares</option>
                     <option value="Pago mixto">Pago mixto</option>
                     <option value="Pago movil">Pago movil</option>   
                  @elseif( old('tipo_pago',$registro->tipo_pago) == "Pago mixto")
                     <option value="Pago con Trasferencia">Pago con Trasferencia</option>
                     <option value="Pago en Divisas">Pago en Divisas </option>
                     <option value="Pago en Dolares">Pago en Dolares</option>
                     <option value="Pago mixto" selected="selected">Pago mixto</option>
                     <option value="Pago movil">Pago movil</option>
                  @eslse
                     <option value="Pago con Trasferencia">Pago con Trasferencia</option>
                     <option value="Pago en Divisas">Pago en Divisas </option>
                     <option value="Pago en Dolares">Pago en Dolares</option>
                     <option value="Pago mixto">Pago mixto</option>
                     <option value="Pago movil" selected="selected">Pago movil</option>
                  @endif
                </x-select-basic>
                <x-select-basic col="col-md-6" identificador="estado" titulo="Estado:">
                  @if( old('estado',$registro->estado) == "Ninguno")
                     <option value="Ninguno" selected="selected">Ninguno</option>
                     <option value="Cancelado">Cancelado</option>
                     <option value="Cancelado Parcial">Cancelado Parcial</option>
                     <option value="Pendiente">Pendiente</option>
                  @elseif( old('estado',$registro->estado) == "Cancelado")
                     <option value="Ninguno" >Ninguno</option>
                     <option value="Cancelado" selected="selected">Cancelado</option>
                     <option value="Cancelado Parcial">Cancelado Parcial</option>
                     <option value="Pendiente">Pendiente</option>
                  @elseif( old('estado',$registro->estado) == "Cancelado Parcial<")
                     <option value="Ninguno" >Ninguno</option>
                     <option value="Cancelado" >Cancelado</option>
                     <option value="Cancelado Parcial" selected="selected">Cancelado Parcial</option>
                     <option value="Pendiente">Pendiente</option> 
                   @else
                     <option value="Ninguno" >Ninguno</option>
                     <option value="Cancelado" >Cancelado</option>
                     <option value="Cancelado Parcial" >Cancelado Parcial</option>
                     <option value="Pendiente" selected="selected">Pendiente</option> 
                  @endif
                </x-select-basic>
                <x-input_text col="col-md-6" type="date" identificador="fecha_pago" titulo="Fecha de Pago:" value="{{old('format_honorarios_anestesiologo',$registro->fecha_pago)}}" />
                <x-input_text col="col-md-6" type="date" identificador="fecha_iq" titulo="Fecha de IQx:" value="{{old('format_honorarios_anestesiologo',$registro->fecha_iq)}}" />
                <x-textarea-basic col="col-md-12" rows="8" type="date" identificador="comentario" titulo="Comentario:">{{old('fecha_factura',$registro->comentario)}}</x-textarea-basic >
            </div>
        </x-form_basic>
    </div>
</div>

<script>

var total_format_honorarios_anestesiologo = 0;

var total_format_evaluacion_preanestesica = 0;

var total_pagar = 0;


function formatear_monto_honorarios_anestesiologo() {

    var numero = document.getElementById('format_honorarios_anestesiologo').value;
    //campo oculto para guardar
    var numero = document.getElementById('honorarios_anestesiologo').value = numero;

    //para formatear el numero 
    const formatter = new Intl.NumberFormat('en-EU', {
        style: 'currency',
        currency: 'USD'
    })

    document.getElementById('format_honorarios_anestesiologo').value = formatter.format(numero).replace('$', '');

    var porcentaje_total = numero * 0.15;
    //campo oculto para guardar
    document.getElementById('honorarios_anestesiologo_p').value = porcentaje_total;

    document.getElementById('format_honorarios_anestesiologo_p').value =  formatter.format(porcentaje_total).replace('$', '');

    var total = parseFloat(numero) - parseFloat(porcentaje_total);

    //campo oculto para guardar
    document.getElementById('honorarios_anestesiologo_total').value = total;

    document.getElementById('format_honorarios_anestesiologo_total').value = formatter.format(total).replace('$', '');

    total_format_honorarios_anestesiologo = total

    total_pagar = parseFloat(total_format_honorarios_anestesiologo) + parseFloat(total_format_evaluacion_preanestesica);
    //campo oculto para guardar
    document.getElementById('monto_a_pagar').value = total_pagar;

    document.getElementById('format_monto_a_pagar').value = formatter.format(total_pagar).replace('$', '');

    document.getElementById('format_monto_pagado').value = '0.00';

    //campo oculto para guardar
    document.getElementById('monto_pagado').value = 0;

    document.getElementById('format_monto_pagado').value = '0.00';

    //campo oculto para guardar
    document.getElementById('diferencia').value = 0;

    document.getElementById('format_diferencia').value = '0.00';

}

function formatear_monto_evaluacion_preanestesica() {

    var numero = document.getElementById('format_evaluacion_preanestesica').value;

    const formatter = new Intl.NumberFormat('en-EU', {
        style: 'currency',
        currency: 'USD'
    })

    //campo oculto para guardar
    document.getElementById('evaluacion_preanestesica').value = numero;

    document.getElementById('format_evaluacion_preanestesica').value =  formatter.format(numero).replace('$', '');

    var porcentaje_total = numero * 0.15;

    //campo oculto para guardar
    document.getElementById('evaluacion_preanestesica_p').value = porcentaje_total;

    document.getElementById('format_evaluacion_preanestesica_p').value = formatter.format(porcentaje_total).replace('$', '');

    var total = parseFloat(numero) - parseFloat(porcentaje_total);

    //campo oculto para guardar
    document.getElementById('evaluacion_preanestesica_total').value = total;

    document.getElementById('format_evaluacion_preanestesica_total').value = formatter.format(total).replace('$', '');

    total_format_evaluacion_preanestesica = total;

    total_pagar = parseFloat(total_format_honorarios_anestesiologo) + parseFloat(total_format_evaluacion_preanestesica);

    //campo oculto para guardar
    document.getElementById('format_monto_a_pagar').value = formatter.format(total_pagar).replace('$', '');

    document.getElementById('monto_a_pagar').value = total_pagar;

    //campo oculto para guardar
    document.getElementById('monto_pagado').value = 0;

    document.getElementById('format_monto_pagado').value = '0.00';

    //campo oculto para guardar
    document.getElementById('diferencia').value = 0;

    document.getElementById('format_diferencia').value = '0.00';

}

function calculo_total() {

    var numero = document.getElementById('format_monto_pagado').value;

    const formatter = new Intl.NumberFormat('en-EU', {
        style: 'currency',
        currency: 'USD'
    })

    //campo oculto para guardar
    document.getElementById('monto_pagado').value = numero;

    document.getElementById('format_monto_pagado').value = formatter.format(numero).replace('$', '');

    var diferencia = parseFloat(total_pagar) - parseFloat(numero);

    //campo oculto para guardar
    document.getElementById('diferencia').value = diferencia;

    document.getElementById('format_diferencia').value = formatter.format(diferencia).replace('$', '')

}
</script>

@endsection