@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->

    {{-- @dump($data) --}}

    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:1200px">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                            <div class="page-title text-danger">Sin Sucursal</div>
                        </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Agregar Detalle</li>
                    </ol>
                </div>
            </div>


            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Agregar Detalle</header>
                        </div>

                        <section>
                            <div class="orden-producto-detalle-create">

                                <div class="orden-producto-detalle-form">
                                    <div class="row col-md-12">
                                        <div class="col-md-4">
                                            <div class="box box-success">
                                                <div class="box-body">
                                                    <table id="w0"
                                                        class="table table-striped table-bordered detail-view">
                                                        <tbody>
                                                            <tr>
                                                                <th>Orden #</th>
                                                                <td>{{ $orden->orden_producto_numero }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Servicio/Producto</th>
                                                                <td>{{ $servicio->servicio_nombre }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Tipo Servicio/Producto</th>
                                                                <td>{{ $servicio->servicio_tipo_nombre }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Valor Servicio/producto</th>
                                                                <td>₡ {{ $servicio->servicio_valor }}</td>
                                                                <input type="hidden" name="impuesto" id="servicio" value="{{ $servicio->servicio_id }}">
                                                            </tr>
                                                            <tr>
                                                                <th>Impuesto</th>
                                                                <td>{{ $servicio->impuesto_nombre }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>¿Impuesto Incluido?</th>
                                                                @if ($servicio->servicio_impuesto_incluido == 1)
                                                                    <td>Si</td>
                                                                @else
                                                                    <td>No</td>
                                                                @endif

                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="box box-success card p-2">
                                                <div class="box-body ">
                                                    {!! Form::open([
                                                        'url' => ['orden-servicios_funerarios/servicios/' . $servicio->servicio_id . '/' . $orden->orden_producto_id],
                                                        'method' => 'patch',
                                                        'id' => 'frmFiltros',
                                                    ]) !!}
                                                    <div class="row">
                                                        <input type="hidden" name="impuesto" id="servicio" value="{{ $servicio->impuesto_porcentaje }}">
                                                        <input type="hidden" name="servicio" value="{{ $servicio->servicio_id }}">
                                                        <input type="hidden" name="valor_pago" id="valor_pago">
                                                        <input type="hidden" name="servicio_tipo"
                                                            value="{{ $servicio->servicio_tipo_id }}">
                                                        <input type="hidden" name="servicio_valor"
                                                            value="{{ $servicio->servicio_valor }}">
                                                        <input type="hidden" name="orden_numero"
                                                            value="{{ $orden->orden_producto_numero }}">
                                                        <div class="col-sm-6">
                                                            <label for="">Valor sin impuesto</label>
                                                            {{-- {!! Form::text('valor', null, [
                                                                'id' => 'valor',
                                                                'class' => 'form-control',
                                                                'placeholder' => 'Valor sin impuesto',
                                                                
                                                            ]) !!} --}}
                                                            <input 
                                                            type="text" 
                                                                name="valor" 
                                                                id="valor" 
                                                                class="form-control"  
                                                                data-thousands="." 
                                                                data-decimal="," 
                                                                data-prefix="₡ "
                                                                placeholder="Valor sin impuesto"
                                                                onchange="calculate_valor()"
                                                                >
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <label for="">Cantidad</label>
                                                          {{--   {!! Form::number('cantidad', null, '1',['id' => 'cantidad', 'class' => 'form-control', 'placeholder' => 'cantidad', 'onchange' => 'calculate_valor()' ,'required']) !!} --}}
                                                            <input 
                                                                type="number" 
                                                                name="cantidad" 
                                                                id="cantidad" 
                                                                onchange="calculate_valor()"
                                                                value="1"
                                                                class="form-control"
                                                                >
                                                        </div>
                                                    </div>
                                                    <input type="hidden" name="orden_producto_detalle_valor_total" id="orden_producto_detalle_valor_total">
                                                    <div class="row my-1">
                                                        <div class="col-sm-6">
                                                            <label for="">Bodega</label>
                                                            {!! Form::select('bodega', $bodegas, null, [
                                                                'id' => 'bodega',
                                                                'class' => 'form-control select2',
                                                                'placeholder' => 'Seleccionar',
                                                            ]) !!}
                                                        </div>

                                                        <div class="col-sm-6">
                                                            <label for="valor_impuesto">Valor + Impuesto</label>
                                                            <input 
                                                                type="text" 
                                                                name="valor_impuesto" 
                                                                id="valor_impuesto" 
                                                                class="form-control" 
                                                                placeholder="Valor + impuesto"
                                                                data-thousands="." 
                                                                data-decimal="," 
                                                                data-prefix="₡ "
                                                                    
                                                                >
                                                            
                                                        </div>
                                                    </div>

                                                    <label for="">Observación</label>
                                                    <textarea class="form-control" name="observacion" style="resize: none"></textarea>

                                                    <div class="row mt-2">
                                                        <div class="col-12 text-center">
                                                            <button class="btn btn-success" type="submit">
                                                                Aceptar
                                                            </button>
                                                            <a href="{{ url('servicios_funerarios/productos/' . $orden->orden_producto_id) }}"
                                                                class="btn btn-danger" type="submit">
                                                                Cancelar
                                                            </a>
                                                        </div>
                                                    </div>
                                                    {!! Form::close() !!}

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

                            </div>
                        </section>
                    </div>

                </div>

            </div>

            
        </div>

    </div>
@endsection

@section('script')
<script>
        
               
        consultar_valor()
     
        function consultar_valor() {

            let id_servicio = $("#servicio").val();

            var url ="{{ URL::asset('pagos/asociacion/manual/cobros/ajax') }}" + "/" + id_servicio;

            $.get(url, function(res) {
                var obj = JSON.parse(res);
                console.log(obj);
                var valor_cuota = obj[0].servicio_valor;

                if(obj[0].servicio_impuesto_id === 1){
                    if(obj[0].servicio_impuesto_incluido === 1){
                        document.getElementById("valor").value = Number(valor_cuota).toFixed(2);
                        document.getElementById("valor_impuesto").value = Number(valor_cuota).toFixed(2);
                        $("#valor_impuesto").maskMoney().maskMoney('mask');
                        $("#valor").maskMoney().maskMoney('mask');
                        $("#orden_producto_detalle_valor_total").val(valor_cuota);
                        $("#valor_pago").val(Number(valor_cuota).toFixed(2))
                    }else{
                        let valor_impuesto  = ((parseFloat(valor_cuota  * 0.13 ))  + parseFloat(valor_cuota))
                       
                        document.getElementById("valor").value = Number(valor_cuota).toFixed(2);
                        document.getElementById("valor_impuesto").value =  Number(valor_impuesto).toFixed(2);
                        $("#valor_impuesto").maskMoney().maskMoney('mask');
                        $("#valor").maskMoney().maskMoney('mask');
                        $("#orden_producto_detalle_valor_total").val(valor_impuesto);
                        $("#valor_pago").val(Number(valor_cuota).toFixed(2))
                    }
                }else{
                   
                    document.getElementById("valor").value = Number(valor_cuota).toFixed(2);
                    document.getElementById("valor_impuesto").value = Number(valor_cuota).toFixed(2);
                    $("#orden_producto_detalle_valor_total").val(valor_cuota);
                    $("#valor_impuesto").maskMoney().maskMoney('mask');
                    $("#valor").maskMoney().maskMoney('mask');
                    $("#valor_pago").val(Number(valor_cuota).toFixed(2));
                }

            })

        }

        

        function calculate_valor() {

            let id_servicio = $("#servicio").val();

            let cantidad = document.getElementById('cantidad').value;
         
            var url ="{{ URL::asset('pagos/asociacion/manual/cobros/ajax') }}" + "/" + id_servicio;

            $.get(url, function(res) {
                var obj = JSON.parse(res);
                /* console.log(obj); */

                let valor_cuota = document.getElementById('valor').value;
                 valor_cuota = $('#valor').val().replaceAll('₡', '');

                valor_cuota = parseFloat(valor_cuota.replaceAll('.', ''));

             
               /*  let valor_total = valor_cuota * cantidad; */
                if(obj[0].servicio_impuesto_id){

                    if(obj[0].servicio_impuesto_incluido == 1){
                        let valor_servicio_sin_impuesto = valor_cuota;
                        let valor_servicio_con_impuesto = valor_cuota;
                       /*  document.getElementById('valor').value = valor_cuota; */
                        document.getElementById('valor_impuesto').value = Number(valor_total).toFixed(2); 
                        $("#valor_impuesto").maskMoney().maskMoney('mask');
                    }else{

                        let valor_impuesto = ( (valor_cuota * cantidad) * 13 ) / 100;
                        
                      /*   valor_total += parseFloat(valor_impuesto) */
                        valor_total = (valor_cuota * cantidad) + valor_impuesto;
                        console.log(valor_total)
                        document.getElementById('valor_impuesto').value = Number(valor_total).toFixed(2)
                        $("#valor_impuesto").maskMoney().maskMoney('mask');

                    }
                    let val = document.getElementById('valor').value
                   
                    $("#valor_pago").val(Number(val).toFixed(2));
                }
                else{
                    let valor_servicio_sin_impuesto = valor_cuota;
                    let valor_servicio_con_impuesto = valor_cuota;
                    /*  document.getElementById('valor').value = valor_cuota; */
                    let val = document.getElementById('valor').value
                    val = $('#valor').val().replaceAll('₡', '');
                    val = parseFloat(val.replaceAll('.', ''));
                    document.getElementById('valor_impuesto').value = Number(val * cantidad).toFixed(2);
                    $("#valor_impuesto").maskMoney().maskMoney('mask');
                    $("#valor_pago").val(Number(val).toFixed(2));
                }
                
            })

         
            $("#valor_impuesto").focus()

        }

     
        
         
    </script>
@endsection