@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <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><i class="fa fa-users"></i>&nbsp;<a class="parent-item" href="{{ url('/contratos') }}">Listado de Contratos</a>
                        &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Contrato Recaudo - {{isset($edit) ? 'Actualizar' : 'Nuevo'}}</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Contrato Recaudo - {{isset($edit) ? 'Actualizar' : 'Nuevo'}}</header>
                        </div>
                         @if(isset($edit))
                            {!! Form::model($edit,['url' => ['contrato/actualizar/'.$edit->cli_en_con_rec_id],'method'=>'PATCH','enctype'=>'multipart/form-data','id'=>'frmClientes']) !!}
                        @else
                            {!! Form::open(['url' => 'contrato','method'=>'POST','enctype'=>'multipart/form-data','role'=>'form','id'=>'frmContratos']) !!}
                        @endif
                        <div class="card-body">
                            @if(!isset($edit))
                            <div class="row mb-3 col-md-12">
                                <label for="foto" class="form-label">Adjunto Contrato Recaudado</label>
                                <input type="file" class="form-control" name="foto" id="foto">
                            </div>
                            @endif
                            <div class="row mb-3 col-md-12">
                                {!! Form::mselect('entidad_solidarista',$entidades,isset($edit) ? $edit->cli_en_con_rec_cliente_entidad_id :null,'Entidad Solidarista',$errors,6,true) !!}

                                {!! Form::mtext('codigo_contato',isset($edit) ? $edit->cli_en_con_rec_codigo_contrato : null,'Código Contrato',$errors,6) !!}
                            </div>
                            <div class="row mb-3 col-md-12">
                                {!! Form::mDate('inicio',isset($edit) ? $edit->cli_en_con_rec_fecha_inicio : null,'Fecha Inicio',$errors,6,false) !!}

                                {!! Form::mDate('fin',isset($edit) ? $edit->cli_en_con_rec_fecha_final : null,'Fecha Final',$errors,6,false) !!}
                            </div>
                            <div class="row mb-3 col-md-12">
                                {!! Form::mNumber('dia_corte',isset($edit) ? $edit->cli_en_con_rec_dia_corte : null,'Día de Corte',$errors,6,true) !!}

                                {!! Form::mNumber('dia_pago',isset($edit) ? $edit->cli_en_con_rec_dia_pago : null,'Día de Pago',$errors,6,true) !!}
                            </div>
                            <div class="row mb-3 col-md-12">
                                {!! Form::mselect('modalidad',$modalidades,isset($edit) ? $edit->cli_en_con_rec_modalidad : null,'Modalidad',$errors,12,true,true,false,'fModalidad()') !!}
                            </div>
                            <div id="UnicoPorcentaje" {{ isset($edit) ? ($edit->cli_en_con_rec_modalidad == 'UnicoPorcentaje' ? print_r('') : print_r('style="display:none"')) : print_r('style="display:none"') }}>
                                {!! Form::mNumber('procentaje',
                                isset($edit) ? $edit->cli_en_con_rec_modalidad == 'UnicoPorcentaje' ? ($edit->parametro->cli_ent_con_rec_det_porcentaje): null :null
                                ,'Procentaje',$errors,6,false,true,null,'%') !!}
                            </div>
                            <div id="UnicoValor" {{ isset($edit) ? ($edit->cli_en_con_rec_modalidad == 'UnicoValor' ? print_r('') : print_r('style="display:none"')) : print_r('style="display:none"') }}>
                                {!! Form::mTextFormato('valor',
                                isset($edit) ? $edit->cli_en_con_rec_modalidad == 'UnicoValor' ? str_pad(($edit->parametro->cli_ent_con_rec_det_valor),12,0,STR_PAD_LEFT):null : null
                                ,'Valor',$errors,6,false,true,null,'₡ 999.999.999,99') !!}
                            </div>
                            <div id="PorcentajeNiveles" {{ isset($edit) ? ($edit->cli_en_con_rec_modalidad == 'PorcentajeNiveles' ? print_r('') : print_r('style="display:none"')) : print_r('style="display:none"') }}>
                                <div class="row mb-3 col-md-12">
                                      {!! Form::mTextFormato('valor_minimo',
                                      isset($edit) ? $edit->cli_en_con_rec_modalidad == 'PorcentajeNiveles' ? str_pad(($edit->parametro->cli_ent_con_rec_det_valor_min),12,0,STR_PAD_LEFT) :null : null
                                      ,'Valor Mínimo',$errors,3,false,true,null,'₡ 999.999.999,99') !!}

                                    {!! Form::mTextFormato('valor_maximo',
                                    isset($edit) ? $edit->cli_en_con_rec_modalidad == 'PorcentajeNiveles' ? str_pad(($edit->parametro->cli_ent_con_rec_det_valor_max),12,0,STR_PAD_LEFT) :null : null
                                    ,'Valor Máximo',$errors,3,false,true,null,'₡ 999.999.999,99') !!}

                                    {!! Form::mNumber('valor_procentaje',
                                    isset($edit) ? $edit->cli_en_con_rec_modalidad == 'PorcentajeNiveles' ? ( $edit->parametro->cli_ent_con_rec_det_porcentaje ) : null : null
                                    ,'Procentaje',$errors,3,false,true,null,'%') !!}

                                    {!! Form::mTextFormato('valor_adicional',isset($edit) ? $edit->cli_en_con_rec_modalidad == 'PorcentajeNiveles' ? str_pad(($edit->parametro->cli_ent_con_rec_det_valor_adicional),12,0,STR_PAD_LEFT) : null : null
                                    ,'Valor Adicional',$errors,3,false,true,null,'₡ 999.999.999,99') !!}
                                </div>
                            </div>
                            <div id="ValorNiveles" {{ isset($edit) ? ($edit->cli_en_con_rec_modalidad == 'ValorNiveles' ? print_r('') : print_r('style="display:none"')) : print_r('style="display:none"') }}>
                                <div class="row mb-3 col-md-12">
                                     {!! Form::mTextFormato('valor_niveles',isset($edit) ? $edit->cli_en_con_rec_modalidad == 'ValorNiveles' ? str_pad(($edit->parametro->cli_ent_con_rec_det_valor),12,0,STR_PAD_LEFT) : null : null,'Valor Mínimo',$errors,6,false,true,null,'₡ 999.999.999,99') !!}

                                    {!! Form::mTextFormato('adicional_niveles',isset($edit) ? $edit->cli_en_con_rec_modalidad == 'ValorNiveles' ? str_pad(($edit->parametro->cli_ent_con_rec_det_valor_adicional),12,0,STR_PAD_LEFT) : null : null,'Valor  Adicional',$errors,6,false,true,null,'₡ 999.999.999,99') !!}
                                </div>
                            </div>
                            <div id="PorcentajeServicios" {{ isset($edit) ? ($edit->cli_en_con_rec_modalidad == 'PorcentajeServicios' ? print_r('') : print_r('style="display:none"')) : print_r('style="display:none"') }}>
                                <div class="row mb-3 col-md-12">
                                {!! Form::mselect('servicio',$servicios,null,'Servicio',$errors,3,false) !!}

                                {{-- {!! Form::mTextFormato('servicio_minimo',null,'Valor Mínimo',$errors,3,false,true,null,'₡ 999.999.999,99') !!} --}}
                                <div class="col-3">
                                    <label for="">Valor Mínimo</label>
                                    <input class="form-control" type="text" name="servicio_minimo" id="servicio_minimo" data-thousands="." data-decimal="," data-prefix="₡ "  />

                                </div>

                                {{-- {!! Form::mTextFormato('servicio_maximo',null,'Valor Máximo',$errors,3,false,true,null,'₡ 999.999.999,99') !!} --}}
                                <div class="col-3">
                                    <label for="">Valor Máximo</label>
                                    <input class="form-control" type="text" name="servicio_maximo" id="servicio_maximo" data-thousands="." data-decimal="," data-prefix="₡ "  />

                                </div>

                                {!! Form::mNumber('servicio_procentaje',null,'Procentaje',$errors,3,false,true,null,'%') !!}
                                </div>
                                <div class="text-center mb-3">
                                    <a onclick="addProcentaje()" class="btn bg-success text-white"><i class="fa fa-plus"></i>Agregar Parametro</a>
                                </div>
                                <div class="row mb-3 col-md-12">
                                    <table class="table mb-3" id="tbl_parametros_procentaje">
                                        <thead>
                                            <tr>
                                                <th>Servicio</th>
                                                <th>Valor Mínimo</th>
                                                <th>Valor Máximo</th>
                                                <th>Porcentaje</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(isset($edit))
                                                @if($edit->cli_en_con_rec_modalidad == 'PorcentajeServicios')
                                                    @foreach($edit->detalle as $item)
                                                    @php $idFila = (rand(1,99999)* rand(1,99999))+ rand(1,99999);  @endphp
                                                    <tr id="fila_{{$idFila}}">
                                                        <td><input type="hidden" name="idRegistro[]" value="{{$item->cli_ent_con_rec_det_id}}">{{$item->servicio != '' ? $item->servicio->servicio_nombre : ''}}</td>
                                                        <td>₡{{$item->cli_ent_con_rec_det_valor_min != '' ? (number_format($item->cli_ent_con_rec_det_valor_min,2,',','.')) : '0'}}</td>
                                                        <td>₡{{$item->cli_ent_con_rec_det_valor_max != '' ? (number_format($item->cli_ent_con_rec_det_valor_max,2,',','.')) : '0'}}</td>
                                                        <td>{{$item->cli_ent_con_rec_det_porcentaje != '' ? ($item->cli_ent_con_rec_det_porcentaje) : '0'}}%</td>
                                                        <td><a class="btn btn-danger" 
                                                           {{--  onclick="eliminar('{{$idFila}}')" --}}
                                                            onclick="eliminar('{{$idFila}}',{{$item->cli_ent_con_rec_det_id}})"
                                                            >
                                                            <i class="fa fa-trash"></i> Eliminar</a>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                @endif
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div id="ValorServicios" {{ isset($edit) ? ($edit->cli_en_con_rec_modalidad == 'ValorServicios' ? print_r('') : print_r('style="display:none"')) : print_r('style="display:none"') }} >
                                <div class="row mb-3 col-md-12">
                                {!! Form::mselect('servicio2',$servicios,null,'Servicio',$errors,3,false) !!}

                                {!! Form::mTextFormato('servicio_minimo2',null,'Valor Mínimo',$errors,3,false,true,null,'₡ 999.999.999,99') !!}

                                {!! Form::mTextFormato('servicio_maximo2',null,'Valor Máximo',$errors,3,false,true,null,'₡ 999.999.999,99') !!}

                                {!! Form::mTextFormato('servicio_valor',null,'Valor',$errors,3,false,true,null,'₡ 999.999.999,99') !!}
                                </div>
                                <div class="text-center mb-3">
                                    <a onclick="addValor()" class="btn bg-success text-white"><i class="fa fa-plus"></i>Agregar Parametro</a>
                                </div>
                                <div class="row mb-3 col-md-12">
                                    <table class="table mb-3" id="tbl_parametros_valor">
                                        <thead>
                                            <tr>
                                                <th>Servicio</th>
                                                <th>Valor Mínimo</th>
                                                <th>Valor Máximo</th>
                                                <th>Valor</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                             @if(isset($edit))
                                                @if($edit->cli_en_con_rec_modalidad == 'ValorServicios')
                                                    @foreach($edit->detalle as $item)
                                                    @php $idFila = (rand(1,99999)* rand(1,99999))+ rand(1,99999);  @endphp
                                                    <tr id="fila_{{$idFila}}">
                                                        <td><input type="hidden" name="idRegistro2[]" value="{{$item->cli_ent_con_rec_det_id}}">
                                                            {{$item->servicio->servicio_nombre}}</td>
                                                        <td>₡{{$item->cli_ent_con_rec_det_valor_min != '' ? (number_format($item->cli_ent_con_rec_det_valor_min,2,',','.')) : '0'}}</td>
                                                        <td>₡{{$item->cli_ent_con_rec_det_valor_max != '' ? (number_format($item->cli_ent_con_rec_det_valor_max,2,',','.')) : '0'}}</td>
                                                        <td>₡{{$item->cli_ent_con_rec_det_valor != '' ? (number_format($item->cli_ent_con_rec_det_valor,2,',','.')) : '0'}}</td>
                                                        <td><a class="btn btn-danger" onclick="eliminar('{{$idFila}}')"><i class="fa fa-trash"></i> Eliminar</a></td>
                                                    </tr>
                                                    @endforeach
                                                @endif
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-center">
                            <div class="text-center">
                                <button type="submit" class="btn bg-success">Aceptar</button>
                                <a class="btn bg-danger" href="{{url('asociaciones')}}">Cancelar</a>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        function fModalidad(){
            var tipo = ['UnicoPorcentaje','UnicoValor','PorcentajeNiveles','ValorNiveles','PorcentajeServicios','ValorServicios','NoAplica'];
            var valTipo = '';
            var otros = 0;
            var valModalidad = $('#modalidad').val();
            for(var i = 0 ; i < (tipo.length) ; i++){
                console.log('valor de '+i);
                if(valModalidad == tipo[i]){
                    if(tipo[i] != 'NoAplica'){
                        document.getElementById(tipo[i]).style.display = 'block';
                    }

                }else{
                    if(tipo[i] != 'NoAplica'){
                        document.getElementById(tipo[i]).style.display = 'none';
                    }

                }
            }
        }
        function addProcentaje(){
            var idFila = Math.floor(Math.random() * (99999 - 99)) + 6;
            var combo_servicio = document.getElementById("servicio");
            var text_servicio = combo_servicio.options[combo_servicio.selectedIndex].text;
            var servicio_minimo = $('#servicio_minimo').val();
            var servicio_maximo = $('#servicio_maximo').val();
            var servicio_procentaje = $('#servicio_procentaje').val();
            var textAlerta = '';
            if(combo_servicio.value == ''){
                textAlerta = 'Por favor seleccione un servicio.';
            }
            if(textAlerta.length == 0 && servicio_maximo == ''){
                textAlerta = 'Por favor ingrese un valor máximo.';
            }
            if(textAlerta.length == 0 && servicio_maximo == ''){
                textAlerta = 'Por favor ingrese un valor máximo.';
            }
            if(textAlerta.length == 0 && servicio_procentaje == ''){
                textAlerta = 'Por favor ingrese el porcentaje.';
            }

            if(textAlerta.length == 0){
                var html ='';
                html += `<tr id="fila_${idFila}">
                        <td><input type="hidden" name="idRegistro[]" value="0">
                        <input type="hidden" name="servicio[]" value="${combo_servicio.value}">${text_servicio}</td>
                        <td><input type="hidden" name="servicio_minimo[]" value="${servicio_minimo}">${servicio_minimo == '' ? '₡ 0' : servicio_minimo}</td>
                        <td><input type="hidden" name="servicio_maximo[]" value="${servicio_maximo}">${servicio_maximo}</td>
                        <td><input type="hidden" name="servicio_porcentaje[]" value="${servicio_procentaje}">${servicio_procentaje}%</td>
                        <td><a class="btn btn-danger" onclick="eliminar('${idFila}')"><i class="fa fa-trash"></i> Eliminar</a></td>
                        </tr>`;

                $('#tbl_parametros_procentaje tbody').append(html);

                $('#servicio_minimo').val('');
                $('#servicio_maximo').val('');
                $('#servicio_procentaje').val('');
                $('#servicio').val('').change();
            }else{
                Swal.fire({
                      icon: 'warning',
                      title: 'Advertencia.',
                      text: textAlerta,
                      confirmButtonText: 'Aceptar',
                      customClass: {
                        confirmButton: 'btn btn-default'
                      },
                });
            }
        }

        function addValor(){
            var idFila2 = Math.floor(Math.random() * (99999 - 99)) + 6;

            var combo_servicio2 = document.getElementById("servicio2");
            var text_servicio2 = combo_servicio2.options[combo_servicio2.selectedIndex].text;
            var servicio_minimo2 = $('#servicio_minimo2').val();
            var servicio_maximo2 = $('#servicio_maximo2').val();
            var servicio_valor = $('#servicio_valor').val();
            var textAlerta2 = '';
            if(combo_servicio2.value == ''){
                textAlerta2 = 'Por favor seleccione un servicio.';
            }
            if(textAlerta2.length == 0 && servicio_maximo2 == ''){
                textAlerta2 = 'Por favor ingrese un valor máximo.';
            }
            if(textAlerta2.length == 0 && servicio_maximo2 == ''){
                textAlerta2 = 'Por favor ingrese un valor máximo.';
            }
            if(textAlerta2.length == 0 && servicio_valor == ''){
                textAlerta2 = 'Por favor ingrese el valor.';
            }

            if(textAlerta2.length == 0){
                var html ='';
                html += `<tr id="fila_${idFila2}">
                        <td><input type="hidden" name="idRegistro2[]" value="0">
                        <input type="hidden" name="servicio2[]" value="${combo_servicio2.value}">${text_servicio2}</td>
                        <td><input type="hidden" name="valor_minimo2[]" value="${servicio_minimo2}">${servicio_minimo2}</td>
                        <td><input type="hidden" name="valor_maximo2[]" value="${servicio_maximo2}">${servicio_maximo2}</td>
                        <td><input type="hidden" name="valor2[]" value="${servicio_valor}">${servicio_valor}</td>
                        <td><a class="btn btn-danger" onclick="eliminar('${idFila2}')"><i class="fa fa-trash"></i> Eliminar</a></td>
                        </tr>`;

                $('#tbl_parametros_valor tbody').append(html);

                $('#servicio2').val('').change();;
                $('#servicio_minimo2').val('');
                $('#servicio_maximo2').val('');
                $('#servicio_valor').val('');
            }else{
                Swal.fire({
                      icon: 'warning',
                      title: 'Advertencia.',
                      text: textAlerta2,
                      confirmButtonText: 'Aceptar',
                      customClass: {
                        confirmButton: 'btn btn-default'
                      },
                });
            }
        }

        function eliminar(id,cli_ent_con_rec_det_id){
            console.log(id);
            $('#fila_'+id).remove();

            /* delete  */
            console.log(cli_ent_con_rec_det_id)

            $.ajax({
                url: '{{url('contrato/eliminar/detalle_asociacion')}}',
                type: 'DELETE',
                data: {
                    _token: '{{csrf_token ()}}',
                    id: cli_ent_con_rec_det_id
                },
                success: function (data) {
                   Swal.fire({
                      icon: 'success',
                      title: 'Eliminado',
                      text: 'Registro eliminado correctamente.',
                      confirmButtonText: 'Aceptar',
                      customClass: {
                        confirmButton: 'btn btn-default'
                      },
                    }).then((result) => {
                        if (result.isConfirmed) {
                            location.reload();
                        }
                    });
                
                }
            })

        }

        $(document).ready(function () {

             //Initialize Select2 Elements
            $('.select2').select2()

            //Initialize Select2 Elements
            $('.select2bs4').select2({
              theme: 'bootstrap4'
            });

          $('#frmContratos').validate({
                rules: {
                  entidad_solidarista: {
                    required: true
                  },
                  dia_corte: {
                    required: true
                  },
                  dia_pago: {
                    required: true
                  },
                  modalidad: {
                    required: true
                  },
                },
                messages: {
                  entidad_solidarista: {
                    required: "Campo entidad solidarista es requerido"
                  },
                  dia_corte: {
                    required: "Campo día de corte es requerido"
                  },
                  dia_pago: {
                    required: "Campo día de pago es requerido"
                  },
                  modalidad: {
                    required: "Campo modalidad es requerido"
                  }
                },
                errorElement: 'span',
                errorPlacement: function (error, element) {
                  error.addClass('invalid-feedback');
                  element.closest('.form-group').append(error);
                },
                highlight: function (element, errorClass, validClass) {
                  $(element).addClass('is-invalid');
                },
                unhighlight: function (element, errorClass, validClass) {
                  $(element).removeClass('is-invalid');
                },
                submitHandler: function(form){
                    var celular = $('#celular').val();
                    var telefonos = $('#telefonos').val();
                    var html = '';

                    if(celular == '' && telefonos == '' ){
                        validacion = 'Debe ingresar alguno de los campos celular o teléfonos.';
                    }

                    if(celular != '' && validacion == ''){
                        if(celular.length < 8){
                            validacion = 'El campo celular solo debe contener 8 caracteres de tipo numerico.';
                        }
                    }

                    if(telefonos != '' && validacion == '' && celular == ''){
                        var arrayTelefonos =  telefonos.split(',');

                        for(var i = 0 ; i < arrayTelefonos.length; i++){
                            if(arrayTelefonos[i].length < 8 || isNaN(arrayTelefonos[i]*1)){
                                validacion += 'El teléfono ('+arrayTelefonos[i]+') debe contener 8 caracteres de tipo numerico.'+"<br/>"
                            }
                        }
                        html = validacion;
                    }

                    if(validacion != ''){
                        Swal.fire({
                          icon: 'error',
                          title: 'Advertencia',
                          text: html == '' ? validacion : '',
                          html: html
                        });
                    }else{
                        form.submit();
                    }
                }
              });
            });


           // $("#servicio_minimo").maskmoney;
            $("#servicio_minimo").maskMoney().maskMoney('mask');
            $("#servicio_maximo").maskMoney().maskMoney('mask');

    </script>
@endsection