@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>
                <h4 class="alert alert-danger text-center">Tener en cuenta que por cualquier cambio al valor o la cantidad del Servicio/Producto debera recalcular de nuevo las cuotas de la orden</h4>
            </div>
            <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="" 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' => ['servicios_funerarios/editar-producto/' . $orden->orden_producto_id .'/' . $servicio->servicio_id ],
                                                        'method' => 'put',
                                                        'id' => 'frmFiltros',
                                                    ]) !!}
                                                    <div class="row">
                                                        <input type="hidden" name="servicio"
                                                            value="{{ $servicio->servicio_id }}">
                                                        <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"
                                                                autofocus
                                                                >
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <label for="">Cantidad</label>
                                                            {!! Form::number('cantidad', $orden->orden_producto_detalle_cantidad, ['id' => 'cantidad', 'class' => 'form-control', 'placeholder' => 'cantidad', 'onchange' => 'calculate_valor()' ,'required']) !!}
                                                        </div>
                                                    </div>
                                                    <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" 
                                                                value="{{ $orden->orden_producto_detalle_valor_total }}"
                                                                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">{{ $orden->orden_producto_detalle_observacion }}</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) {
                let 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');
                    }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');
                       /*  console.log((valor_cuota * 0.13) + valor_cuota) */
                    }
                }else{
                   
                    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');
                }


            })

        }

        function calculate_valor() {
            /* console.log('hole') */
            let cantidad = document.getElementById('cantidad').value;
            /* let valor =  document.getElementById("valor").value; */
            let valor = $('#valor').val().replaceAll('₡', '');
            valor = parseFloat(valor.replaceAll('.', ''));
            
      
                
            document.getElementById('valor_impuesto').value = (cantidad * valor).toFixed(2); 
            $("#valor_impuesto").focus()
        }

        $(document).ready(function() {

            $("#valor_impuesto").maskMoney();
            $("#valor").maskMoney();
            
        })
    </script>
@endsection