@extends('layouts.master_panel')
@section('title', trans('titles.diligenciar'))
@section('card-icon')<i class="icofont-document-folder"></i>@endsection
@section('card-title', strtoupper(trans('titles.diligenciar')))
<!-- DatePicker -->
<link href="{{ asset('plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet">

<link href="{{ asset('bower_components/toastr/toastr.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/general_tooltip.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/configuration_collapse.css') }}" rel="stylesheet" type="text/css" />
<style>

    .card-body{
        padding-left: 1rem !important;
    }

    .table-responsive input, .table-responsive select {
        width: 160px;
    }

    .btn {
        color: white;

    }

    .btn:hover {
        border: 1px solid rgba(100, 100, 100, 0.1);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
        color: black;
    }

    #container_pozos {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-gap: 10px;
    }

    .error_input {
        border: 1px solid #fd7c7c;
        background: #ff1010;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .checkbox {
        transform: scale(2.0);
        transform: scale(2.0);
        vertical-align: middle;
        border-radius: 4px;
        margin-right: 15px !important;
    }

    option.line1 {
        color: #FFBF00;
    }

    input:required:focus {
        border: 1px solid red;
        outline: none;
    }

    select:required:focus {
        border: 1px solid red;
        outline: none;
    }

    .form-control-sm-che {
        display: flex;
        align-items: center;
        /* Espacio entre los elementos */
    }

    .checkbox-pozo {
        transform: scale(2.0);
        transform: scale(2.0);
        margin: 0px 10px 5px 10px;
        vertical-align: middle;
        border-radius: 4px;
        margin-right: 15px !important;
    }

</style>
@section('content')
    @php
        if ($brocas_numero_serie != 1) {
            $width = '16%;';
        } else {
            $width = '16%;';
        }
    @endphp
    <div class="col-md-12" id="main-url" data-url="{{ URL::to('/') }}">
        @include('sections.validation.messages')
        @include('sections.forms.components.messages')


        <div class="row">
            @include('sections.forms.components.global-buttons')

            <div class="col py-2">
                <button id="download-format" class="btn btn-danger">
                    <i class="fa fa-download" aria-hidden="true"></i> {!! trans('buttons.descargar') !!}
                </button>
            </div>

        </div>
        <div id="capture">
            <a href="{{ route('forms.index') }}" class="btn btn-warning btn-xs pull-left pull-down mt-1 ml-1"
                role="button">
                <i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
                {!! trans('buttons.regresar') !!}
            </a>
            <div class="jumbotron">
                <div class="col-12 text-center">
                    <h4 id="format-name"> <b> {{ strtoupper($form->name) }} </b></h4>
                </div>
            </div>

            <div class="row">
                <a id="mensajes_marcador"></a>
                <div id="mensajes"></div>
                <div class="col-12">
                    {!! Form::open([
                        'method' => 'POST',
                        'role' => 'form',
                        'url' => url('answeredForms/save'),
                        'id' => 'format',
                        'enctype' => 'multipart/form-data',
                    ]) !!}

                    {!! Form::hidden('id', isset($answeredFormat) ? $answeredFormat->id : null, ['id' => 'id']) !!}
                    {!! Form::hidden('fk_id_format', isset($form) ? $form->id : null, ['id' => 'fk_id_format']) !!}
                    {!! Form::hidden('fk_id_user', $idUser, ['id' => 'fk_id_user']) !!}
                    {!! Form::hidden('valorHorasEditar', $valorHorasEditar, ['id' => 'valorHorasEditar']) !!}
                    {!! Form::hidden('fk_id_country', $id_pais, ['id' => 'fk_id_country']) !!}


                   <div class="col-lg-12 col-md-12 col-xs-12 bg-warning mb-2">
                        <div class="form-group text-dark">
                            <label for="fk_id_person" class=" text-dark">{!! trans('labels.personaQueDiligencia') !!}</label>
                            {!! Form::select('fk_id_person', $persons, isset($idPerson) ? $idPerson : null, [
                                'class' => 'form-control selectpicker especialdrop is_required',
                                'title' => trans('labels.personaQueDiligencia'),
                                'data-actions-box' => 'true',
                                'id' => 'fk_id_person',
                                'required' => 'true',
                                'data-live-search' => 'true',
                            ]) !!}
                            <span class="help-block pb-1" style="color: red;"></span>
                        </div>

                    </div>

                    <div class="col-12">
                        <div class="row justify-content-center align-items-center">
                            <div class="col-12">
                                <div class="card" style="background-color:rgba(255,255,255,0.95);">
                                    <div class="card-header" style="background-color: #275FA9;">
                                        <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Reporte de producción diaria') !!}</h5>
                                    </div>
                                    <div class="">
                                        <div class="card-body" style="color:#275FA9;">
                                            <div class="row">
                                                <div class="form-group col-md-4">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="maquina" style="text-align:center;"
                                                        value="{{ $titulo }}" disabled>
                                                    <input type="hidden" name="id_proyecto" id="id_proyecto"
                                                        value="{{ $id_proyecto }}">
                                                    <!--input type="hidden" name="id_maquina" id="id_maquina"
                                                        value="{{-- $id_maquina --}}"-->
                                                    <input type="hidden" name="brocas_numero_serie"
                                                        id="brocas_numero_serie"value="{{ $brocas_numero_serie }}">
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <select name="id_maquina" class="form-control form-control-sm" id="id_maquina" required>
                                                        <option value="">{!! trans('labels.maquina') !!}</option>
                                                        @foreach ($maquinas as $maquina)
                                                            <option value="{{ $maquina->id }}">{{ $maquina->nombre }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="maquina" style="text-align:center;"
                                                        value="{{ $titulo_3 }}" disabled>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <!--div class="form-group col-12">
                                                    <label>{!! trans('reporte_produccion_diaria/create.Seleccione el pozo o pozos a registrar en el timesheet') !!}</label><i id="addPozos" data-count="0"
                                                        class="fas fa-plus-square add-item" title="Adicionar pozos"></i>
                                                </div-->
                                            </div>
                                            <div class="row" id="grupo_add_pozo" style="display: none;">
                                                <div class="col-12">
                                                    <label for="add_pozo"> {!! trans('reporte_produccion_diaria/create.Pozo') !!}:</label>
                                                    <input type="text" name="add_pozo" id="add_pozo"
                                                        class="form-control-sm">
                                                    <button type="button" class="btn btn-primary btn-sm"
                                                        onclick="agregar_pozo()">Agregar</button>
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                        onclick="hideAddPozo()">Cancelar</button>
                                                </div>
                                            </div>
                                            <div class="row" id="container_pozos">
                                                @foreach ($pozos as $pozo)
                                                    <div class="form-control-sm-che">
                                                        <input type="checkbox"
                                                            data_id="{{ $pozo->id }}"name="pozo[{{ $pozo->id }}]"
                                                            id="pozo_{{ $pozo->id }}" value="1"
                                                            class="checkbox-pozo" />
                                                        <label for="pozo_{{ $pozo->id }}">{{ $pozo->hoyo }}</label>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="card-body" style="color:#275FA9;">
                                            <div class="row">
                                                <div class="form-group col-md-4">
                                                    <label for="fecha">{!! trans('reporte_produccion_diaria/create.Fecha') !!} *</label>
                                                    <input type="date" class="form-control form-control-sm"
                                                        id="fecha_registro" name="fecha_registro"
                                                        value="{{ old('fecha_registro') }}" max="{{ date('Y-m-d') }}"
                                                        required>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label for="turno">{!! trans('reporte_produccion_diaria/create.Turno') !!} *</label>
                                                    <select name="id_param_turno" class="form-control form-control-sm"
                                                        id="id_param_turno" {{--onchange="changePerson(); changeInfoOld() "--}}
                                                        required>
                                                        <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione Turno') !!}</option>
                                                        @foreach ($turnos as $turno)
                                                            <option
                                                                value="{{ $turno->id }}"{{ old('id_param_turno') == $turno->id ? 'selected' : '' }}>
                                                                {{ $turno->text }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label for="supervisor"> @choice('reporte_produccion_diaria/create.Residente', $id_pais) *</label>
                                                    <select name="id_persona_supervisor"
                                                        class="form-control form-control-sm" id="" required>
                                                        <option value="{{ $usuariopersona[0]->id_persona }}" selected>
                                                            {{ $usuariopersona[0]->primer_nombre }}
                                                            {{ $usuariopersona[0]->segundo_nombre }}
                                                            {{ $usuariopersona[0]->primer_apellido }}
                                                            {{ $usuariopersona[0]->segundo_apellido }}</option>
                                                        @foreach ($usuarios_reporte as $Persona)
                                                            <option
                                                                value="{{ $Persona->id_persona }}"{{ old('id_persona_supervisor') == $Persona->id ? 'selected' : '' }}>
                                                                {{ $Persona->primer_nombre }}
                                                                {{ $Persona->segundo_nombre }}
                                                                {{ $Persona->primer_apellido }}
                                                                {{ $Persona->segundo_apellido }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <!-- /.Linea de agua -->
                                                <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Linea de agua') !!}
                                                </h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <label for="descripcion">{!! trans('reporte_produccion_diaria/create.Agregar Linea de agua') !!}</label><i
                                                    id="addElementlineaAgua"
                                                    data-count="{{ old('id_linea_agua') == null ? 0 : count(old('id_linea_agua')) }}"
                                                    class="fas fa-plus-square add-item"></i>
                                                <table class="table table-bordered" id="tbl_lineas_de_agua">
                                                    <thead>
                                                        <tr>
                                                            <th rowspan="2" class="col-sm-12 col-md-2">
                                                                {!! trans('reporte_produccion_diaria/create.Pozo') !!}</th>
                                                            <th rowspan="2" class="col-sm-12 col-md-1">
                                                                {!! trans('reporte_produccion_diaria/create.Linea de agua') !!}</th>
                                                            <th rowspan="2" class="col-sm-12 col-md-1">
                                                                {!! trans('reporte_produccion_diaria/create.Elevacion') !!}</th>
                                                            <th rowspan="2" class="col-sm-12 col-md-1">
                                                                {!! trans('reporte_produccion_diaria/create.Mangueras extra') !!}</th>
                                                            <th rowspan="2" class="col-sm-12 col-md-1">
                                                                {!! trans('reporte_produccion_diaria/create.Bombas Extras') !!}</th>
                                                            <th colspan="2" class="col-sm-12 col-md-2">
                                                                {!! trans('reporte_produccion_diaria/create.Suministro de agua desde') !!}</th>
                                                            <th colspan="2" class="col-sm-12 col-md-2">
                                                                {!! trans('reporte_produccion_diaria/create.Recirculación de agua desde') !!}</th>
                                                            <th rowspan="2" class="col-sm-12 col-md-2">
                                                                {!! trans('reporte_produccion_diaria/create.Acción') !!}</th>
                                                        </tr>
                                                        <tr>
                                                            <th class="col-sm-12 col-md-1">{!! trans('reporte_produccion_diaria/create.Desde') !!}</th>
                                                            <th class="col-sm-12 col-md-1">{!! trans('reporte_produccion_diaria/create.Hasta') !!}</th>
                                                            <th class="col-sm-12 col-md-1">{!! trans('reporte_produccion_diaria/create.Desde') !!}</th>
                                                            <th class="col-sm-12 col-md-1">{!! trans('reporte_produccion_diaria/create.Hasta') !!}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody></tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <!-- /.card-body -->
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Personal -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Personal') !!}
                                                </h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <label for="descripcion">{!! trans('reporte_produccion_diaria/create.Agregar Personal') !!}</label><i
                                                    id="addElementPersonal"
                                                    data-count="{{ old('id_param_cargo') == null ? 0 : count(old('id_param_cargo')) }}"
                                                    class="fas fa-plus-square add-item"></i><br>
                                                <table class="table table-bordered" id="tblPersonal">
                                                    <thead>
                                                        <tr>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Pozo') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Cargo') !!}</th>
                                                            <th class="col-sm-12 col-md-4">{!! trans('reporte_produccion_diaria/create.Personal') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Horas') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Acción') !!}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (old('id_param_cargo'))
                                                            @for ($i = 0; $i < count(old('id_param_cargo')); $i++)
                                                                <tr>
                                                                    <td>
                                                                        <input type='hidden' name=IdPersonal[]>

                                                                        @include('sections.forms.components.select_pozo', ['name' => 'personal_pozo','id' => 'personal_pozo', 'list' => $pozos, 'idpozo' => $pozo_selected ])

                                                                    </td>
                                                                    <td>
                                                                        <div class="form-group ">
                                                                            <select name="id_param_cargo[]"
                                                                                id="id_param_cargo_{{ $i }}"
                                                                                class="form-control form-control-sm"
                                                                                required
                                                                                onchange="llenaPersonal({{ $i }})">
                                                                                <option value="">
                                                                                    {!! trans('reporte_produccion_diaria/create.Seleccione cargo') !!}</option>
                                                                                @foreach ($cargos as $cargo)
                                                                                    <option value="{{ $cargo->id }}"
                                                                                        {{ old('id_param_cargo.' . $i) == $cargo->id ? 'selected' : '' }}>
                                                                                        {{ $cargo->text }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="form-group ">
                                                                            <select name="id_persona[]"
                                                                                id="id_persona_{{ $i }}"
                                                                                class="form-control form-control-sm select2"
                                                                                required>
                                                                                @foreach ($personas as $persona)
                                                                                    <option
                                                                                        value="{{ $persona->id_persona }}"
                                                                                        {{ old('id_persona.' . $i) == $persona->id_persona ? 'selected' : '' }}>
                                                                                        {{ $persona->primer_nombre }}
                                                                                        {{ $persona->segundo_nombre }}
                                                                                        {{ $persona->primer_apellido }}
                                                                                        {{ $persona->segundo_apellido }}
                                                                                    </option>
                                                                                @endforeach
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="form-group">
                                                                            <input type="text" maxlength="20"
                                                                                name="horas[]"
                                                                                class="form-control form-control-sm"
                                                                                id="horas_{{ $i }}"
                                                                                min="0" step='0.01'
                                                                                value="{{ old('horas.' . $i) }}"
                                                                                style="text-align:right;">
                                                                            <input type="hidden" maxlength="20"
                                                                                name="id_horas[]" class="textbox"
                                                                                id="id_horas_`+$i+`"
                                                                                value="{{ old('id_horas.' . $i) }}">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <button type="button"
                                                                            class="btn btn-danger btn-sm  delete-cell"
                                                                            onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
                                                                    </td>
                                                                </tr>
                                                            @endfor
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Detalle perforación -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Detalle perforación') !!}
                                                </h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <label for="descripcion">{!! trans('reporte_produccion_diaria/create.Agregar detalle perforación') !!}</label><i
                                                    id="addDetallePerforacion" data-count="0"
                                                    class="fas fa-plus-square add-item"></i>
                                                <span id="mensaje_recobro_cero"></span>
                                                <table class="table table-bordered" id="tblDetallePerforacion">
                                                    <tbody>
                                                                                                            </tbody>
                                                </table>
                                                <table class="table table-bordered">
                                                    <tbody>
                                                        <tr>
                                                            <th style="width: 20%;text-align:right;">
                                                                {!! trans('reporte_produccion_diaria/create.Total metros') !!}</th>
                                                            <td style="width:80%;">
                                                                <input type="text" class="form-control form-control-sm"
                                                                    name="TotalMetrosN" id="TotalMetros"
                                                                    style="width: 50%;" value="{{ old('TotalMetrosN') }}"
                                                                    readonly>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table><br>
                                                <div class="alert alert-warning alert-dismissible" role="alert"
                                                    style="display:none;" id="id_alerta_detalle_perforacion">
                                                    <button type="button" class="close" data-dismiss="alert"
                                                        aria-label="Close"><span
                                                            aria-hidden="true">&times;</span></button>
                                                    <span id="id_alerta_detalle_perforacion_message"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Medidas de desviación -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">@choice('reporte_produccion_diaria/create.Resultados de pruebas de orientación', $id_pais)</h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <label for="descripcion">{!! trans('reporte_produccion_diaria/create.Agregar resultados') !!}</label><i
                                                    id="addElementMedidasDesviacion" data-count="0"
                                                    class="fas fa-plus-square add-item"></i>
                                                <table class="table table-bordered" id="tblMedidasDesviacion">
                                                    <thead>
                                                        <tr>
                                                            <th class="col-sm-12 col-md-4">{!! trans('reporte_produccion_diaria/create.Pozo') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Profundidad') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Azimut') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Inclinación') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Acción') !!}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (old('profundidad'))
                                                            @for ($i = 0; $i < count(old('profundidad')); $i++)
                                                                <tr>
                                                                    <input type='hidden' name=IdMedidasDesviacion[]>
                                                                    <td>
                                                                        <div class="form-group">
                                                                            <select name="hoyo_Desviacion[]"
                                                                                id="hoyo_Desviacion_{{ $i }}"
                                                                                class="form-control form-control-sm"
                                                                                required>
                                                                                <option value="">
                                                                                    {!! trans('reporte_produccion_diaria/create.Seleccione hoyo') !!}</option>
                                                                                @if (old('hoyo'))
                                                                                    @for ($l = 0; $l < count(old('hoyo')); $l++)
                                                                                        <option
                                                                                            value="{{ old('hoyo.' . $l) }}"
                                                                                            {{ old('hoyo_Desviacion.' . $i) == old('hoyo.' . $l) ? 'selected' : '' }}>
                                                                                            {{ old('hoyo.' . $l) }}
                                                                                        </option>
                                                                                    @endfor
                                                                                @endif
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="form-group">
                                                                            <input type="number" step='0.01'
                                                                                class="form-control form-control-sm"
                                                                                id="profundidad_{{ $i }}"
                                                                                name="profundidad[]"
                                                                                value="{{ old('profundidad.' . $i) }}"
                                                                                style="text-align:right;">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="form-group">
                                                                            <input type="number" step='0.01'
                                                                                class="form-control form-control-sm"
                                                                                id="azimut_{{ $i }}"
                                                                                name="azimut[]"
                                                                                value="{{ old('azimut.' . $i) }}"
                                                                                style="text-align:right;">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="form-group">
                                                                            <input type="number" step='0.01'
                                                                                class="form-control form-control-sm"
                                                                                id="inclinacion_{{ $i }}"
                                                                                name="inclinacion[]"
                                                                                value="{{ old('inclinacion.' . $i) }}"
                                                                                style="text-align:right;">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <button type="button"
                                                                            class="btn btn-danger btn-sm  delete-cell"
                                                                            onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
                                                                    </td>
                                                                </tr>
                                                            @endfor
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <!-- /.card-body -->
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Actividad -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Actividad') !!}
                                                </h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <label for="descripcion">{!! trans('reporte_produccion_diaria/create.Agregar actividad') !!}</label><i
                                                    id="addActividad" data-count="0"
                                                    class="fas fa-plus-square add-item"></i>
                                                <table class="table table-bordered" id="tblActividad">
                                                    <thead>
                                                        <tr>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Pozo') !!}</th>
                                                            <th class="col-sm-12 col-md-3">{!! trans('reporte_produccion_diaria/create.Actividad') !!}</th>
                                                            <th class="col-sm-12 col-md-3">{!! trans('reporte_produccion_diaria/create.Horas cargables') !!}</th>
                                                            <th class="col-sm-12 col-md-3">{!! trans('reporte_produccion_diaria/create.Horas no cargables') !!}</th>
                                                            <th class="col-sm-12 col-md-1">{!! trans('reporte_produccion_diaria/create.Acción') !!}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (old('id_param_actividad'))
                                                            @for ($i = 0; $i < count(old('id_param_actividad')); $i++)
                                                                <tr>
                                                                    <input type='hidden' name=IdActividadn[]>
                                                                    <td>
                                                                        <div class="form-group ">
                                                                            <select name="id_param_actividad[]"
                                                                                id="id_param_actividad_{{ $i }}"
                                                                                class="form-control form-control-sm"
                                                                                onchange="mostrarInput({{ $i }});validar_campos_horometros({{ $i }})"
                                                                                required>
                                                                                <option value="">
                                                                                    {!! trans('reporte_produccion_diaria/create.Seleccione actividad') !!}</option>
                                                                                @foreach ($actividades as $actividad)
                                                                                    <option
                                                                                        value="{{ $actividad->id }}"{{ old('id_param_actividad.' . $i) == $actividad->id ? 'selected' : '' }}>
                                                                                        {{ $actividad->text }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                            @if (old('nombre_actividad.' . $i) != null)
                                                                                <input type="text"
                                                                                    name="nombre_actividad[]"
                                                                                    id="traer_input_{{ $i }}"
                                                                                    value="{{ old('nombre_actividad.' . $i) }}"
                                                                                    placeholder="Cual"
                                                                                    class="form-control form-control-sm"
                                                                                    style="display:block">
                                                                            @else
                                                                                <input type="text"
                                                                                    name="nombre_actividad[]"
                                                                                    id="traer_input_{{ $i }}"
                                                                                    value="{{ old('nombre_actividad.' . $i) }}"
                                                                                    placeholder="Cual"
                                                                                    class="form-control form-control-sm"
                                                                                    style="display:none">
                                                                            @endif
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="form-group row">
                                                                            <input type="text"
                                                                                oninput="numberOnly(this.id,24,0);"
                                                                                class="form-control form-control-sm"
                                                                                maxlength="2" name="horas_act1[]"
                                                                                id="horas_act1_{{ $i }}"
                                                                                placeholder="Horas"
                                                                                onchange="SumarHorasActividades()"
                                                                                style="width: 45%;text-align:right;"
                                                                                value="{{ old('horas_act1.' . $i) }}">
                                                                            <input type="text"
                                                                                oninput="numberOnly(this.id,59,0);"
                                                                                class="form-control form-control-sm"
                                                                                maxlength="2" name="minutos_act1[]"
                                                                                id="minutos_act1_{{ $i }}"
                                                                                placeholder="Minutos"
                                                                                onchange="SumarHorasActividades()"
                                                                                style="width: 45%;text-align:right;"
                                                                                value="{{ old('minutos_act1.' . $i) }}">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="form-group row">
                                                                            <input type="text"
                                                                                oninput="numberOnly(this.id,24,0);"
                                                                                class="form-control form-control-sm"
                                                                                maxlength="2" name="horas_klu1[]"
                                                                                id="horas_klu1_{{ $i }}"
                                                                                placeholder="Horas"
                                                                                onchange="SumarHorasActividades()"
                                                                                style="width: 45%;text-align:right;"
                                                                                value="{{ old('horas_klu1.' . $i) }}">
                                                                            <input type="text"
                                                                                oninput="numberOnly(this.id,59,0);"
                                                                                class="form-control form-control-sm"
                                                                                maxlength="2" name="minutos_klu1[]"
                                                                                id="minutos_klu1_{{ $i }}"
                                                                                placeholder="Minutos"
                                                                                onchange="SumarHorasActividades()"
                                                                                style="width: 45%;text-align:right;"
                                                                                value="{{ old('minutos_klu1.' . $i) }}">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <button type="button"
                                                                            class="btn btn-danger btn-sm  delete-cell"
                                                                            onclick="deletesCellActividad(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
                                                                    </td>
                                                                </tr>
                                                            @endfor
                                                        @endif
                                                    </tbody>
                                                </table>
                                                <table class="table table-bordered">
                                                    <tbody>
                                                        <th style="width: 35%;text-align:right;">{!! trans('reporte_produccion_diaria/create.Total horas') !!}
                                                        </th>
                                                        <td style="width: 22%;"><input type="text" id="TotalCliente"
                                                                disabled="disabled" value="{{ old('TotalClienteHI') }}"
                                                                class="form-control form-control-sm"
                                                                style="text-align:right;">
                                                            <input type="hidden" name ="TotalClienteHI"
                                                                id="TotalClienteHI" value="{{ old('TotalClienteHI') }}">
                                                        </td>
                                                        <th style="width: 3%;">+</th>
                                                        <td style="width: 22%;"><input type="text" id="TotalKluane"
                                                                disabled="disabled" value="{{ old('TotalKluaneHI') }}"
                                                                class="form-control form-control-sm"
                                                                style="text-align:right;">
                                                            <input type="hidden" name="TotalKluaneHI" id="TotalKluaneHI"
                                                                value="{{ old('TotalKluaneHI') }}">
                                                        </td>
                                                        <th style="width: 3%;">=</th>
                                                        <td style="width: 15%;"><input type="text" id="TotalHoras"
                                                                disabled="disabled" value="{{ old('TotalHorasHI') }}"
                                                                class="form-control form-control-sm"
                                                                style="text-align:right;">
                                                            <input type="hidden" name="TotalHorasHI" id="TotalHorasHI"
                                                                value="{{ old('TotalHorasHI') }}">
                                                        </td>
                                                        <input type="hidden" name="Totalminutos_cliente"
                                                            id="Totalminutos_cliente"
                                                            value="{{ old('Totalminutos_cliente') }}">
                                                        <input type="hidden" name="Totalminutos_Kluane"
                                                            id="Totalminutos_Kluane"
                                                            value="{{ old('Totalminutos_Kluane') }}">
                                                        <input type="hidden" name="TotalminutosActividad"
                                                            id="TotalminutosActividad"
                                                            value="{{ old('TotalminutosActividad') }}">
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <!-- /.card-body -->
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Reporte de brocas -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Reporte de brocas') !!}
                                                </h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <label for="descripcion">{!! trans('reporte_produccion_diaria/create.Agregar broca') !!}</label><i id="addBrocas"
                                                    data-count="0" class="fas fa-plus-square add-item"></i>
                                                <table class="table table-bordered" id="tblBrocas">
                                                    <!--<thead >
                                                                <tr>
                                                                  <th style="width:10%">{!! trans('reporte_produccion_diaria/create.Pozo') !!}</th>
                                                                  <th style="width:10%">{!! trans('reporte_produccion_diaria/create.Tipo') !!}</th>
                                                                  <th style="width:10%">{!! trans('reporte_produccion_diaria/create.Diámetro') !!}</th>
                                                                  <th style="width:10%">{!! trans('reporte_produccion_diaria/create.Número serie') !!}</th>
                                                                  <th style="width:5%">{!! trans('reporte_produccion_diaria/create.Entra') !!}</th>
                                                                  <th style="width:10%">{!! trans('reporte_produccion_diaria/create.Nueva / usada') !!}</th>
                                                                  <th style="width:5%">{!! trans('reporte_produccion_diaria/create.Sale') !!}</th>
                                                                  <th style="width:5%">{!! trans('reporte_produccion_diaria/create.Total') !!}</th>
                                                                  <th style="width:10%">{!! trans('reporte_produccion_diaria/create.Buena / terminada') !!}</th>
                                                                  <th style="width:5%">{!! trans('reporte_produccion_diaria/create.Acción') !!}</th>
                                                                </tr>
                                                              </thead>-->
                                                    <tbody></tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <!-- /.card-body -->
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Suministros utilizados -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Suministros utilizados') !!}
                                                </h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <label for="descripcion">{!! trans('reporte_produccion_diaria/create.Agregar suministros') !!}</label><i
                                                    id="addSuministros" data-count="0"
                                                    class="fas fa-plus-square add-item"></i>
                                                <table class="table table-bordered" id="tbSuministros">
                                                    <thead>
                                                        <tr>
                                                            <th class="col-sm-12 col-md-4">{!! trans('reporte_produccion_diaria/create.Pozo') !!}</th>
                                                            <th class="col-sm-12 col-md-4">{!! trans('reporte_produccion_diaria/create.Producto') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Cantidad') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Acción') !!}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (old('RefSuministro'))
                                                            @for ($i = 0; $i < count(old('RefSuministro')); $i++)
                                                                <tr>
                                                                    <input type='hidden' name=IdSuminitro[]>
                                                                    <td>
                                                                        <div class="form-group">
                                                                            <input list="browsersSuministro"
                                                                                name=RefSuministro[]
                                                                                id="RefSuministro_{{ $i }}"
                                                                                onchange='llenarIDReferencai({{ $i }})'
                                                                                class="form-control form-control-sm"
                                                                                value="{{ old('RefSuministro.' . $i) }}">
                                                                            <input type="hidden" name=RefSuministroId[]
                                                                                id="RefSuministroId_{{ $i }}"
                                                                                value="{{ old('RefSuministroId.' . $i) }}">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="form-group">
                                                                            <input type="text"
                                                                                oninput="DecimalOnly(this.id,9999999999,0);"
                                                                                maxlength="10" name="cantidad_consumida[]"
                                                                                id="cantidad_consumida_{{ $i }}"
                                                                                value="{{ old('cantidad_consumida.' . $i) }}"
                                                                                class="form-control form-control-sm"
                                                                                style="text-align:right;">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <button type="button"
                                                                            class="btn btn-danger  delete-cell"
                                                                            onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
                                                                    </td>
                                                                </tr>
                                                            @endfor
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <datalist id="browsersSuministro">
                                            @foreach ($consumiblesSuministro as $consumible)
                                                <option value="{{ $consumible->referencia }} - " data-value="{{ $consumible->id }}">
                                            @endforeach
                                        </datalist>
                                        <!-- /.card-body -->
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Perdidas -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Perdidas') !!}
                                                </h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <label for="descripcion">{!! trans('reporte_produccion_diaria/create.Agregar perdida') !!}</label><i
                                                    id="addPedidas" data-count="0"
                                                    class="fas fa-plus-square add-item"></i>
                                                <table class="table table-bordered" id="tbPerdidas">
                                                    <thead>
                                                        <tr>
                                                            <th class="col-sm-12 col-md-3">{!! trans('reporte_produccion_diaria/create.Pozo') !!}</th>
                                                            <th class="col-sm-12 col-md-4">{!! trans('reporte_produccion_diaria/create.Producto') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Cantidad no cargable') !!}</th>
                                                            <th class="col-sm-12 col-md-2">{!! trans('reporte_produccion_diaria/create.Cantidad cargable') !!}</th>
                                                            <th class="col-sm-12 col-md-1">{!! trans('reporte_produccion_diaria/create.Acción') !!}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (old('perdida'))
                                                            @for ($i = 0; $i < count(old('perdida')); $i++)
                                                                <tr>
                                                                    <input type='hidden' name=IdPerdidas[]>
                                                                    <td>
                                                                        <div class="form-group  ">
                                                                            <input list="browsersPerdida" name=perdida[]
                                                                                id="perdida_{{ $i }}"
                                                                                onchange='llenarIDReferencaPerdida({{ $i }})'
                                                                                class="form-control form-control-sm"
                                                                                value="{{ old('perdida.' . $i) }}">
                                                                            <input type="hidden" name=perdidaId[]
                                                                                id="PerdidaId_{{ $i }}"
                                                                                value="{{ old('perdidaId.' . $i) }}">
                                                                            <input type="hidden" name=indice[]
                                                                                id="PerdidaId_{{ $i }}"
                                                                                value="{{ old('indice.' . $i) }}">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <input type="text"
                                                                            oninput="DecimalOnly(this.id,9999999999,0);"
                                                                            name="cantidad_perdida_kluane[]"
                                                                            id="cantidad_perdida_kluane_{{ $i }}"
                                                                            value="{{ old('cantidad_perdida_kluane.' . $i) }}"
                                                                            class="form-control form-control-sm"
                                                                            style="text-align:right;">
                                                                    </td>
                                                                    <td>
                                                                        <input type="text"
                                                                            oninput="DecimalOnly(this.id,9999999999,0);"
                                                                            name="cantidad_perdida_cliente[]"
                                                                            id="cantidad_perdida_cliente_{{ $i }}"
                                                                            value="{{ old('cantidad_perdida_cliente.' . $i) }}"
                                                                            class="form-control form-control-sm"
                                                                            style="text-align:right;">
                                                                    </td>
                                                                    <td>
                                                                        <button type="button"
                                                                            class="btn btn-danger btn-sm  delete-cell"
                                                                            onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
                                                                    </td>
                                                                </tr>
                                                            @endfor
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <datalist id="browsersPerdida">
                                            @foreach ($consumiblesPerdidas as $consumible)
                                                <option value="{{ $consumible->referencia }} - " data-value="{{ $consumible->id }}">
                                            @endforeach
                                        </datalist>
                                        <!-- /.card-body -->
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Equipos y otros -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Equipos y otros') !!}
                                                </h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <label for="descripcion">{!! trans('reporte_produccion_diaria/create.Agregar Equipos') !!}</label><i
                                                    id="addEquipos" data-count="0"
                                                    class="fas fa-plus-square add-item"></i>
                                                <table class="table table-bordered" id="tbEquipos">
                                                    <thead>
                                                        <tr>
                                                            <th class="col-sm-12 col-md-3">{!! trans('reporte_produccion_diaria/create.Pozo') !!}</th>
                                                            <th class="col-sm-12 col-md-3">{!! trans('reporte_produccion_diaria/create.Descripcion') !!}</th>
                                                            <th class="col-sm-12 col-md-3">{!! trans('reporte_produccion_diaria/create.Número') !!}</th>
                                                            <th class="col-sm-12 col-md-3">{!! trans('reporte_produccion_diaria/create.Acción') !!}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (old('id_maquinaEqui'))
                                                            @for ($i = 0; $i < count(old('id_maquinaEqui')); $i++)
                                                                <tr>
                                                                    <input type='hidden' name=IdEquipos[]>
                                                                    <td>
                                                                        <select name="id_maquinaEqui[]"
                                                                            id="id_maquinaEqui_{{ $i }}"
                                                                            class="form-control form-control-sm" required>
                                                                            <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione equipo') !!}
                                                                            </option>
                                                                            @foreach ($equipos as $equipo)
                                                                                <option value="{{ $equipo->id }}"
                                                                                    {{ old('id_maquinaEqui.' . $i) == $equipo->id ? 'selected' : '' }}>
                                                                                    {{ $equipo->codigo }}</option>
                                                                            @endforeach
                                                                    </td>
                                                                    <td>
                                                                        <input type="text"
                                                                            oninput="numberOnly(this.id,99999999999999999999,0);"
                                                                            name="numero[]"
                                                                            id="numero_{{ $i }}"
                                                                            value="{{ old('numero.' . $i) }}"
                                                                            class="form-control form-control-sm"
                                                                            style="text-align:right;">
                                                                    </td>
                                                                    <td>
                                                                        <button type="button"
                                                                            class="btn btn-danger btn-sm  delete-cell"
                                                                            onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
                                                                    </td>
                                                                </tr>
                                                            @endfor
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <!-- /.card-body -->
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Horometros -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">{!! trans('reporte_produccion_diaria/create.Horometros') !!}
                                                </h5>
                                            </div>
                                            <div class="card-body table-responsive" style="border: 1px solid #cccccc;">
                                                <div class="form-group">
                                                    <span id="mensaje_horometros_validar_campos_vacios"></span>
                                                    <span id="mensaje_horometros_hasta_vacio"></span>
                                                </div>

                                                            <div class="col-lg-3 col-md-3 col-sm-12">
                                                                <b>{!! trans('reporte_produccion_diaria/create.Desde') !!}</b>
                                                                <input type="number" min=0
                                                                    class="form-control form-control-sm" step="0.01"
                                                                    id="horometros_desde" name="horometros_desde"
                                                                    value="{{ old('horometros_desde') }}"
                                                                    maxlength="200" style="text-align:right;"
                                                                    onchange="validar_campo_horometro_hasta()">
                                                            </div>
                                                            <div class="col-lg-3 col-md-3 col-sm-12">
                                                                <b>{!! trans('reporte_produccion_diaria/create.Hasta') !!}</b>
                                                                <input type="number" min=0
                                                                    class="form-control form-control-sm" step="0.01"
                                                                    name="horometros_hasta"
                                                                    value="{{ old('horometros_hasta', 0) }}"
                                                                    maxlength="200" style="text-align:right;">
                                                            </div>
                                                            <div class="col-lg-3 col-md-3 col-sm-12  text-wrap">
                                                                <b>{!! trans('reporte_produccion_diaria/create.Mantenimiento realizado a máquina') !!}</b>
                                                                <input type="number" min=0
                                                                    class="form-control form-control-sm" step="0.01"
                                                                    name="mantenimiento_realizado"
                                                                    value="{{ old('mantenimiento_realizado') }}"
                                                                    maxlength="200" style="text-align:right;">
                                                            </div>
                                                            <div class="col-lg-3 col-md-3 col-sm-12  text-wrap">
                                                                <b>{!! trans('reporte_produccion_diaria/create.mantenimiento 250 horas') !!}</b>
                                                                <input type="checkbox" class="checkbox" name="h_200" value="1">
                                                            </div>
                                                            <div class="col-lg-3 col-md-3 col-sm-12  text-wrap">
                                                                <b>{!! trans('reporte_produccion_diaria/create.mantenimiento 500 horas') !!}</b>
                                                                <input type="checkbox" class="checkbox" name="h_400"
                                                                    value="1">
                                                            </div>
                                                            <div class="col-lg-3 col-md-3 col-sm-12  text-wrap">
                                                                <b></b>{!! trans('reporte_produccion_diaria/create.mantenimiento 1500 horas') !!}
                                                                <input type="checkbox" class="checkbox" name="h_1600" value="1">
                                                            </div>
                                            </div>
                                        </div>
                                        <!-- /.card-body -->
                                        <div class="card-body table-responsive" style="color:#275FA9;">
                                            <!-- /.Observaciones -->
                                            <div class="card-header" style="background-color: #275FA9;">
                                                <h5 class="text-white" style="font-weight: bold;">
                                                    {!! trans('reporte_produccion_diaria/create.Observaciones') !!}</h5>
                                            </div>
                                            <div class="card-body" style="border: 1px solid #cccccc;">

                                                <div class="col-sm-3 col-md-3 col-lg-3 text-center"></div>

                                                <div class="col-sm-3 col-md-3 col-lg-3 text-center" style="border: 1;">
                                                    <b>{!! trans('reporte_produccion_diaria/create.Acta en progreso') !!}</b>
                                                </div>
                                                <div class="col-sm-3 col-md-3 col-lg-3 text-center">
                                                    <input type="checkbox" name="acta_en_proceso" class="checkbox">
                                                </div>
                                                <div class="col-sm-3 col-md-3 col-lg-3 text-center"></div>
                                                @foreach ($Observaciones as $Observacion)
                                                    <div class="col-sm-12 col-md-12 col-lg-12">
                                                        <label for="">{{ $Observacion->text }}</label>
                                                        <textarea name="texto_observacion[{{ $Observacion->id }}]" id="form24" class="md-textarea form-control"
                                                            rows="3">{{ old('texto_observacion.' . $Observacion->id) }}</textarea>
                                                    </div>
                                                @endforeach

                                            </div>
                                        </div>
                                        <!--div class="card-body table-responsive">
                                            <button type="submit" id="guardarAjuste" class="btn btn-primary btn-sm"
                                                onchange="validar_campo_horometro_hasta()">{!! trans('reporte_produccion_diaria/create.Guardar') !!}</button>

                                        </div -->
                                    </div>
                                </div>
                                <!-- /.card-body -->
                            </div>
                            <!-- /.card -->
                        </div>
                    </div>

                    <div class="col-12 bg-white p-3 border border-black">

                        @if (isset($viewMode))
                            <span style="" id="viewMode"></span>
                        @endif

                        @if (!isset($viewMode))
                            @if (!isset($answeredFormat))
                                <button type="button" class="btn btn-success btn-block" id="btn-save-form">
                                    {!! trans('buttons.guardar') !!} <i class="fa fa-save" aria-hidden="true"></i>
                                </button>
                            @else
                                <button type="button" class="btn btn-warning btn-block" id="btn-save-form">
                                    {!! trans('buttons.editar') !!} <i class="fa fa-save" aria-hidden="true"></i>
                                </button>
                            @endif
                        @endif

                    </div>

                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>


@endsection

@push('plugins')
    <script src=" {{ asset('plugins/jquery/jquery.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/sw-utils.js?v=2022-01-17') }}" type="text/javascript"></script>
    <!-- DataTables -->
    <script src=" {{ asset('plugins/datatables/jquery.dataTables.js') }}"></script>
    <script src=" {{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
    <script src=" {{ asset('plugins/datatables-bs4/js/dataTables.buttons.min.js') }}"></script>
    <script src=" {{ asset('plugins/datatables-bs4/js/buttons.flash.min.js') }}"></script>
    <script src=" {{ asset('plugins/datatables-bs4/js/jszip.min.js') }}"></script>
    <script src=" {{ asset('plugins/datatables-bs4/js/vfs_fonts.js') }}"></script>
    <script src=" {{ asset('plugins/datatables-bs4/js/buttons.html5.min.js') }}"></script>
    <script src=" {{ asset('plugins/datatables-bs4/js/buttons.print.min.js') }}"></script>
    <script src="{{ asset('js/utils/html2canvas.min.js?v=2') }}" type="text/javascript"></script>
    <script src="{{ asset('js/utils/jspdf.min.js?v=2') }}" type="text/javascript"></script>

    <script src="{{ asset('bower_components/jquery-loading/dist/jquery.loading.min.js') }}" type="text/javascript">
    </script>
    <script src="{{ asset('plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}" type="text/javascript">
    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>


    <script>
        jQuery(function() {

            if (document.getElementById("viewMode")) {
                var formElements = document.querySelectorAll("input, select, textarea");

                for (var i = 0; i < formElements.length; i++) {
                    formElements[i].disabled = true;
                }
            }

            vURL = $('#main-url').data('url');

            const downloadBtn = document.getElementById('download-format');
            downloadBtn.addEventListener('click', () => {
                generateImage();
            });

            toastr.options = {
                "closeButton": true,
                "newestOnTop": false,
                "progressBar": true,
                "positionClass": "toast-top-center",
                "preventDuplicates": true,
                "onclick": null,
                "showDuration": "300",
                "hideDuration": "1000",
                "timeOut": "5000",
            }


            $(document).on('click', '#btn-save-form', function(e) {

                if ($("#format").valid()) {
                    var validacion = null;
                    var html_list = '';
                    validacion = validarEnvio();

                    if ( validacion !== null) {

                        Object.keys(validacion).forEach(item => {
                            html_list = html_list + `<li>${validacion[item]}<br></li>`;
                        });

                        Swal.fire({
                            title: 'Por favor verifique las siguientes validaciones / Please check the following validations',
                            html: `<ul>${html_list}</ul>`,
                            type: 'warning',
                            showConfirmButton: true
                        });

                    }else{
                        enviarFormulario();
                    }

                } else {
                    Swal.fire({
                        title: 'Hay campos faltantes por diligenciar / There are missing fields to fill out',
                        html: 'Revise los campos resaltados en rojo / Review the fields highlighted in red',
                        type: 'warning',
                        showConfirmButton: true
                    });
                }
            });

            $(document).on('click', '.sincronize-offline-data', function(e) {

                if (navigator.onLine) {

                    syncOfflineFormats().then(response => {

                        if (response.length > 0 && response.some(element => element === 500)) {
                            toastr.error("Intente nuevamente / Try again",
                                "Error al sincronizar / Sync error");
                        } else if (response.length > 0) {

                            toastr.success("Sincronización exitosa / Successful synchronization",
                                "Los datos ingresados sin conexión fueron sincronizados correctamente"
                            );

                        } else {
                            toastr.warning(
                                "No existen datos por sincronizar / There is no data to sync",
                                "No hay datos ingresados sin conexión faltantes por sincronizar"
                            );
                        }

                    });

                } else {
                    toastr.error("No es posible sincronizar / Can't sync",
                        "El dispositivo no está conectado a internet / The device is not connected to the internet"
                    );
                }
            });

            $(document).on('click', '.reload-page', function() {
                location.reload();
            });

            $(document).on('click', '.add-dynamic-question', function() {
                addDynamicQuestion($(this).data('id'));
            });

            // init the state from the input
            $(".image-checkbox").each(function() {
                if ($(this).find('input[type="checkbox"]').first().attr("checked")) {
                    $(this).addClass('image-checkbox-checked');
                } else {
                    $(this).removeClass('image-checkbox-checked');
                }
            });

            // sync the state to the input
            $(".image-checkbox").on("click", function(e) {
                $(this).toggleClass('image-checkbox-checked');
                var $checkbox = $(this).find('input[type="checkbox"]');
                $checkbox.prop("checked", !$checkbox.prop("checked"))

                e.preventDefault();
            });

        });

        function saveForm() {
            let myForm = document.getElementById('format');
            var domData = new FormData(myForm);

            $('body').loading({
                message: $('#msg-loading').val()
            });

            if (!navigator.onLine) {
                generateImage();
            }

            $.ajax({

                url: vURL + '/answeredForms/save',
                type: 'POST',
                dataType: 'json',
                processData: false,
                contentType: false,
                data: domData,
                success: function(data) {
                    if (data.status == 200) {

                        if ($('#format_file').val() != '' && navigator.onLine) {

                            uploadFile(data.form_id);

                        } else {
                            $('body').loading('stop');

                            Swal.fire({
                                title: data.title,
                                html: data.message,
                                type: data.type,
                                showConfirmButton: true,
                            }).then(() => {
                                $('body').loading({
                                    message: $('#msg-loading').val()
                                });

                                location.reload();
                            });
                            domData = getFormFields();
                        }
                    } else if (data.status == 400) {
                        toastr.warning(data.message, data.title);
                    } else {
                        toastr.error(data.message, data.title);
                    }
                },
                error: function(data) {

                    $('body').loading('stop');

                    if (data.status == 419) {
                        Swal.fire({
                            title: $('#msg-something-went-wrong').val(),
                            html: $('#msg-session-expired').val(),
                            type: `error`,
                            showConfirmButton: false,
                            timer: 3000
                        }).then(() => {
                            $('body').loading({
                                message: $('#msg-loading').val()
                            });

                            location.reload();
                        });
                    } else if (data.status == 500) {
                        Swal.fire({
                            title: $('#msg-something-went-wrong').val(),
                            html: $('#msg-contact-support').val(),
                            type: `error`,
                            showConfirmButton: false,
                            timer: 3000
                        });
                    }
                }
            });
        }

        function uploadFile(id) {

            var datos = new FormData(document.getElementById("format"));

            datos.append('id_format', id);

            $.ajax({
                xhr: function() {
                    var xhr = new window.XMLHttpRequest();
                    return xhr;

                },
                url: vURL + '/answeredForms/saveFile',
                type: 'POST',
                dataType: 'json',
                processData: false,
                contentType: false,
                data: datos,
                success: function(data) {
                    $('body').loading('stop');

                    if (data.status == 200) {

                        Swal.fire({
                            title: data.title,
                            html: data.message,
                            type: 'success',
                            showConfirmButton: true,
                        }).then(() => {
                            location.reload();
                        });
                        domData = getFormFields();

                    } else if (data.status == 400) {
                        toastr.warning(data.message, data.title);
                    } else {
                        toastr.error(data.message, data.title);
                    }
                },
                error: function(data) {
                    $('body').loading('stop');

                    if (data.status == 419) {
                        Swal.fire({
                            title: $('#msg-something-went-wrong').val(),
                            html: $('#msg-session-expired').val(),
                            type: `error`,
                            showConfirmButton: false,
                            timer: 3000
                        }).then(() => {
                            location.reload();
                        });
                    } else if (data.status == 500) {
                        Swal.fire({
                            title: $('#msg-something-went-wrong').val(),
                            html: $('#msg-contact-support').val(),
                            type: `error`,
                            showConfirmButton: false,
                            timer: 3000
                        });
                    }
                }
            });

        }

        function validateForm(id, rules, custom_messages) {

            if (id == undefined || $(id).length == 0) {
                return false;
            } else {
                rules = (rules == undefined) ? [] : rules;
                custom_messages = (custom_messages == undefined) ? [] : custom_messages;

                jQuery.validator.addMethod("greaterThan",
                    function(value, element, params) {
                        if (!/Invalid|NaN/.test(new Date(value))) {
                            return new Date(value) > new Date($(params).val());
                        }
                        return isNaN(value) && isNaN($(params).val()) ||
                            (Number(value) > Number($(params).val()));
                    }, $('#msg-final-date-greater').val());

                $.validator.addClassRules("is_required", {
                    required: true,
                });

                $(id).validate().destroy();

                $.validator.addClassRules("vc_max", {
                    maxlength: 25
                });

                $(id).validate({
                    //ignore: [],
                    rules: rules,
                    messages: custom_messages,
                    errorPlacement: function(error, element) {
                        $(element).closest('.form-group').find('.help-block').html(error.html());
                        $(element).closest('tr').find('.error-subtotal .help-block').html(error.html());

                    },
                    highlight: function(element) {
                        $(element).closest('.form-group').removeClass('has-info').addClass('has-error');
                        $(element).closest('tr').find('.error-subtotal .form-group').removeClass('has-info')
                            .addClass('has-error');
                        $(element).closest('div').find('.alert').removeClass('alert-note').addClass(
                            'alert-danger');
                    },
                    unhighlight: function(element, errorClass, validClass) {
                        $(element).closest('.form-group').removeClass('has-error').addClass('has-info');
                        $(element).closest('.form-group').find('.help-block').html('');

                        $(element).closest('tr').find('.error-subtotal .form-group').removeClass('has-error')
                            .addClass('has-info');
                        $(element).closest('tr').find('.error-subtotal .help-block').html('');

                        $(element).closest('div').find('.alert').removeClass('alert-danger').addClass(
                            'alert-note');
                    }

                });

                if ($("#end_date").length > 0) {
                    $("#end_date").rules('add', {
                        greaterThan: "#initial_date"
                    });
                }
            }
        }

        function getFormFields() {
            id_area = $('#id_area').val();
            year = $('#year').val();

            var domData = {
                'id_area': id_area,
                'year': year
            };

            return domData;
        }
    </script>

    <script>
        function generateImage() {

            const elements = document.querySelectorAll('*');

            elements.forEach(element => {
                element.classList.remove('text-center');
                if (element.style.overflowY === 'scroll') {
                    element.removeAttribute('style');
                }
            });

            $('body').loading({
                message: $('#msg-loading').val()
            });

            const element = document.getElementById('capture');
            var dateElement = document.querySelector('input[type="date"]');
            const now = new Date();
            var image_name = "";
            var date = now.toLocaleDateString();
            var time = now.toLocaleTimeString();

            image_name = $('#format-name').text().trim() + ' - ' + dateElement.value;

            html2canvas(element, {
                allowTaint: true,
                useCORS: true,
                scale: 2,
                scrollY: -window.scrollY,
                windowWidth: document.documentElement.clientWidth,
                windowHeight: document.documentElement.clientHeight,
                logging: true,
                autoPaging: true,
                onclone: function(doc) {
                    const style = doc.createElement('style');
                    style.innerHTML = `
                    body {
                    margin: 0;
                    padding: 0;
                    }
                    .page-break {
                    page-break-after: always;
                    }
                `;
                    doc.head.appendChild(style);
                }
            }).then(function(canvas) {
                $('body').loading('stop');
                const imgData = canvas.toDataURL('image/png');

                const link = document.createElement('a');
                link.download = image_name + '.png';
                link.href = imgData;

                // Add the link element to the page and click it to download the image
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
            });
        }
    </script>

    <script type="text/javascript">
        var lista = [];
        $(document).ready(function() {
            $("#addElementlineaAgua").click(function() {
                adcionarlineaAgua()
            });
            $("#addElementPersonal").click(function() {
                adcionarPersonal()
            });
            $("#addDetallePerforacion").click(function() {
                addDetallePerforacion()
            });
            $("#addElementMedidasDesviacion").click(function() {
                addElementMedidasDesviacion();
            });
            $("#addActividad").click(function() {
                addActividad()
            });
            $("#addBrocas").click(function() {
                addBroca()
            });
            $("#addSuministros").click(function() {
                addSuministro()
            });
            $("#addPedidas").click(function() {
                addPerdidas()
            });
            $("#addEquipos").click(function() {
                addEquipo()
            });
            $("#addPozos").click(function() {
                showAddPozo()
            });
            $("#container_pozos input[type='checkbox']").change(function() {
                actualizarListaPozos()
            })
            $("#format").submit(function(event) {
                event.preventDefault();
                enviarFormulario();
            })

            addItemsCheckDePozos();
            addItemsADetallePerforacion();

            DifenciaDetallePerforacion();
            CalculoPorcentaje(0);

            mostrarInput();

            var i = 0;
            var j = 0;

            while (j < 1) {
                if (document.getElementById("hoyo_" + i)) {
                    var id = "hoyo_" + i;
                    var hoy = new Hoyo(lista.length + 1, obtenerNombre(id));
                    lista.push(hoy);
                    i = i + 1;
                } else {
                    j = j + 1;
                }
            }

            addItemsAReporteBrocas();
            cargar_datoslineaAgua();
            cargarBrocas();
            cargarEquipos();

        });

        function deletesCell(e) {
            e.closest('tr').remove();
        }

        function deletesCellBrocas(grupo) {
            $('.' + grupo).remove();
        }

        function deletesCellActividad(e) {
            e.closest('tr').remove();
            SumarHorasActividades();

        }

        function deletesCellPerforacion(e) {
            e.closest('tr').remove();
            //TotalDifenciaDetallePerforacion();
            DifenciaDetallePerforacion()
        }

        function deletesCellPerforacionNew(grupo) {
            $('.' + grupo).remove();
            //TotalDifenciaDetallePerforacion();
            DifenciaDetallePerforacion()
        }

        function adcionarlineaAgua() {
            var total = $("#addElementlineaAgua").attr('data-count');
            var cell =
                `
          <tr>
              <input type='hidden' name=Idlineaagua[]>
              <td>
                <select name="linea_agua_pozo[]" id="linea_agua_pozo_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                        <option value=""></option>
                        @foreach($pozos as $pozo)
                            <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                        @endforeach
                </select>
              </td>
              <td><input type="text" name="distancia[]" id="distancia_` + total + `" maxlength="20" class="form-control form-control-sm" ></td>
              <td><input type="text" name="elevacion[]" id="elevacion_` + total + `" maxlength="20"  class="form-control form-control-sm text-right" ></td>
              <td><input type="text" name="mangueras_extras[]" id="mangueras_extras_` + total + `" maxlength="20"  class="form-control form-control-sm text-right" > </td>
              <td><input type="text" name="bombas_extras[]" id="bombas_extras_` + total + `" maxlength="20"  class="form-control form-control-sm text-right"  ></td>
              <td><input type="number" min = 0   step="0.01" id="litros_desde_` + total + `" name="litros_desde[]" maxlength="20"  class="form-control form-control-sm text-right" </td>
              <td><input type="number" min = 0   step="0.01" id="litros_hasta_` + total +
                `" name="litros_hasta[]" maxlength="20"  class="form-control form-control-sm text-right" onchange="validar_campos_suministros_agua(` +
                total + `)"></td>
              <td><input type="number" min = 0   step="0.01" id="litros_tratados_desde_` + total + `" name="litros_tratados_desde[]" maxlength="20"  class="form-control form-control-sm text-right" > </td>
              <td><input type="number"  min = 0  step="0.01" id="litros_tratados_hasta_` + total + `" name="litros_tratados_hasta[]" maxlength="20"  class="form-control form-control-sm text-right"></td>
              <td><button type="button" class="btn btn-danger btn-sm  delete-cell" onclick="deletesCellActividad(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button></td>
            </tr>
         `;
            $("#tbl_lineas_de_agua tbody").append(cell);
            actualizarListadeUnPozo('linea_agua_pozo_' + total)
            total++;
            $("#addElementlineaAgua").attr('data-count', total);
            $('.select2').select2();

        }

        function adcionarPersonal() {


            var total = $("#addElementPersonal").attr('data-count');
            var cell =
                `
          <tr class="fila-personal">
              <input type='hidden' name=IdPersonal[]>
                <td>
                    <select name="personal_pozo[]" id="personal_pozo_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                            <option value=""></option>
                            @foreach($pozos as $pozo)
                                <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                            @endforeach
                    </select>
                </td>
                <td>
                    <div class="form-group ">
                    <select name="id_param_cargo[]"  id="id_param_cargo_` + total + `"  class="form-control form-control-sm" required onchange="llenaPersonal(` + total + `)">
                        <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione cargo') !!}</option>
                        @foreach ($cargos as $cargo)
                        <option value="{{ $cargo->id }}" >{{ $cargo->text }}</option>
                        @endforeach
                        </select>
                    </div>
                </td>
                <td>
                    <div class="form-group ">
                    <select name="id_persona[]"  id="id_persona_` + total + `"  class="form-control form-control-sm select2"  required>
                    </div>
                </td>
                <td>
                    <div class="form-group">
                    <input  type="text" maxlength="20" name="horas[]" class="form-control form-control-sm" id="horas_` +
                    total + `" value="{{ old('horas.') }}"   min="1" step='0.01' style="text-align:right;">
                    <input  type="hidden" maxlength="20" name="id_horas[]" class="" id="id_horas_` + total + `"  value="{{ old('id_horas.') }}"  >
                    </div>
                </td>
                <td>
                    <button type="button" class="btn btn-danger btn-sm  delete-cell" onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
                </td>
            </tr>
         `;
            $("#tblPersonal tbody").append(cell);


            actualizarListadeUnPozo('personal_pozo_' + total)
            total++;
            $("#addElementPersonal").attr('data-count', total);
            $('.select2').select2();

        }

        function addItemsCheckDePozos() {
            @if (isset($pozosOld))
                @foreach ($pozosOld as $pozo12)
                    @if ($pozo12->is_selected == '1')
                        $("#pozo_{{ $pozo12->id }}").prop("checked", true);
                    @endif
                @endforeach
            @endif
        }

        var pozos = [];

        function addItemsADetallePerforacion() {

            @if (old('hoyo'))
                let pozo = {};
                let total = 0
                @foreach (session()->getOldInput()['hoyo'] as $key => $hoyo)
                    //Agrega los pozos que vienen desde la fecha anterior
                    pozo = {
                        "IdDetallePerforacion": '{{ old('IdDetallePerforacion.' . $key) ?? '0' }}',
                        "hoyo": '{{ old('hoyo.' . $key) ?? 'nd' }}',
                        "angulo": '{{ old('angulo.' . $key) ?? 'nd' }}',
                        "azumit": '{{ old('azumit.' . $key) ?? 'nd' }}',
                        "id_param_diametro": '{{ old('id_param_diametro.' . $key) ?? 'nd' }}',
                        "suma": '{{ old('suma.' . $key) ?? 'nd' }}',
                        "desde": '{{ old('desde.' . $key) ?? 'nd' }}',
                        "hasta": '{{ old('hasta.' . $key) ?? 'nd' }}',
                        "total": '{{ old('Id_totalPer.' . $key) ?? 'nd' }}',
                        "recobro": '{{ old('recobro.' . $key) ?? 'nd' }}',
                        "eoh": '{{ old('eoh.' . $key) ?? 'nd' }}',
                        "observaciones_": '{{ old('eoh.' . $key) ?? 'nd' }}',
                    };
                    pozos.push(pozo);
                    total = $("#addDetallePerforacion").attr('data-count');
                    addDetallePerforacion();
                    $('#IdDetallePerforacion_' + total).val(pozo.IdDetallePerforacion);
                    $('#hoyo_' + total).val(pozo.hoyo);
                    $('#angulo_' + total).val(pozo.angulo);
                    $('#azimut_perforacion_' + total).val(pozo.azimut);
                    $('#id_param_diametro_' + total).val(pozo.id_param_diametro);
                    $('#suma_' + total).val(pozo.suma);
                    $('#desde_' + total).val(pozo.desde);
                    $('#hasta_' + total).val(pozo.hasta);
                    $('#totalPer_' + total).val(pozo.total);
                    $('#recobro_' + total).val(pozo.recobro);
                    $('#eoh_' + total).val(pozo.eoh);
                @endforeach
            @elseif ($informacionPozos)
                let pozo = {};
                let total = 0
                @foreach ($informacionPozos as $informacionPozo)
                    //Agrega los pozos que vienen desde la fecha anterior
                    pozo = {
                        "IdDetallePerforacion": '{{ $informacionPozo->id ?? '0' }}',
                        "id_prod_registro_diario": '{{ $informacionPozo->id_prod_registro_diario ?? '0' }}',
                        "hoyo": '{{ $informacionPozo->id_pozo ?? '0' }}',
                        "angulo": '{{ $informacionPozo->angulo ?? '0' }}',
                        "azumit": '{{ $informacionPozo->azumit ?? '0' }}',
                        "id_param_diametro": '{{ $informacionPozo->id_param_diametro ?? '0' }}',
                        "desde": '{{ $informacionPozo->desde ?? 'null' }}',
                        "hasta": '{{ $informacionPozo->hasta ?? 'null' }}',
                        "total": '{{ $informacionPozo->total ?? 'null' }}',
                        "recobro": '{{ $informacionPozo->recobro ?? 'null' }}',
                        "eoh": '{{ $informacionPozo->eoh ?? 'null' }}',
                        "profundidad": '{{ $informacionPozo->profundidad ?? '0' }}',
                        "azimut": '{{ $informacionPozo->azimut ?? '0' }}',
                        "inclinacion": '{{ $informacionPozo->inclinacion ?? '0' }}',
                        "state": '{{ $informacionPozo->state ?? '0' }}',
                        "diametro": '{{ $informacionPozo->diametro ?? '0' }}',
                        "description": '{{ $informacionPozo->description ?? '0' }}',
                    };
                    pozos.push(pozo);
                    total = $("#addDetallePerforacion").attr('data-count');
                    addDetallePerforacion();
                    $('#IdDetallePerforacion_' + total).val(pozo.IdDetallePerforacion);
                    $('#hoyo_' + total).val(pozo.hoyo);
                    $('#angulo_' + total).val(pozo.angulo);
                    $('#azimut_perforacion_' + total).val(pozo.azimut);
                    $('#id_param_diametro_' + total).val(pozo.id_param_diametro);
                    $('#suma_' + total).val(pozo.description);
                    $('#desde_' + total).val(pozo.hasta);
                    $('#totalPer_' + total).val(0);
                    $('#recobro_' + total).val(0);
                    $('#hasta_' + total).val(pozo.hasta);
                @endforeach
            @endif
        }
        var brocas_old = [];

        function addItemsAReporteBrocas() {

            @if (old('id_param_tipo_broca'))
                let pozo = {};
                let total = 0
                @foreach (session()->getOldInput()['id_param_tipo_broca'] as $key => $hoyo)

                    broca = {
                        "nombre_pozo": '{{ old('nombre_pozo.' . $key) ?? '0' }}',
                        "id_param_tipo_broca": '{{ old('id_param_tipo_broca.' . $key) ?? 'nd' }}',
                        "id_param_diametroBro": '{{ old('id_param_diametroBro.' . $key) ?? 'nd' }}',
                        "num_serieL": '{{ old('num_serieL.' . $key) ?? 'nd' }}',
                        "num_serieID": '{{ old('num_serieID.' . $key) ?? 'nd' }}',
                        "id_broca": '{{ old('id_broca.' . $key) ?? 'nd' }}',
                        "desde_bro": '{{ old('desde_bro.' . $key) ?? 'nd' }}',
                        "tipo_serie": '{{ old('tipo_serie.' . $key) ?? 'nd' }}',
                        "id_param_estado_boca": '{{ old('id_param_estado_boca.' . $key) ?? 'nd' }}',
                        "hasta_bro": '{{ old('hasta_bro.' . $key) ?? 'nd' }}',
                        "totalbro": '{{ old('totalbro.' . $key) ?? 'nd' }}',
                        "total_bro": '{{ old('total_bro.' . $key) ?? 'nd' }}',
                        "id_param_dada_de_baja": '{{ old('id_param_dada_de_baja.' . $key) ?? 'nd' }}',
                    };

                    brocas_old.push(broca);
                    total = $("#addBrocas").attr('data-count');
                    addBroca();
                    $('#nombre_pozo_' + total).val(broca.nombre_pozo);
                    $('#id_param_tipo_broca_' + total).val(broca.id_param_tipo_broca);
                    $('#id_param_diametroBro_' + total).val(broca.id_param_diametroBro);
                    llenaNumeroSerie(total);
                    $('#num_serie_' + total).val(broca.num_serieL);
                    $('#num_serieID_' + total).val(broca.num_serieID);
                    $('#num_serie_text_' + total).val(broca.num_serieL);
                    $('#id_broca_' + total).val(broca.id_broca);
                    $('#desde_bro_' + total).val(broca.desde_bro);
                    $('#tipo_serie_' + total).val(broca.tipo_serie);
                    $('#id_param_estado_boca_' + total).val(broca.id_param_estado_boca);
                    $('#hasta_bro_' + total).val(broca.hasta_bro);
                    $('#totalbro_' + total).val(broca.totalbro);
                    $('#total_bro_' + total).val(broca.total_bro);
                    $('#id_param_dada_de_baja_' + total).val(broca.id_param_dada_de_baja);
                @endforeach
            @elseif ($brocasInfoOld)
                @foreach ($brocasInfoOld as $brocaOld)

                    broca = {
                        "nombre_pozo": '{{ $brocaOld->id_pozo ?? '' }}',
                        "id_param_tipo_broca": '{{ $brocaOld->id_param_tipo_broca ?? '0' }}',
                        "id_param_diametroBro": '{{ $brocaOld->id_param_diametro ?? '0' }}',
                        "num_serieL": '{{ $brocaOld->num_serie ?? '0' }}',
                        "num_serieID": '{{ $brocaOld->num_serie ?? '0' }}',
                        "id_broca": '{{ $brocaOld->id_broca ?? '0' }}',
                        "desde_bro": '{{ $brocaOld->desde ?? '0' }}',
                        "tipo_serie": '{{ $brocaOld->tipo_serie ?? '' }}',
                        "id_param_estado_boca": '{{ $brocaOld->id_param_estado_boca ?? '0' }}',
                        "hasta_bro": '{{ $brocaOld->hasta_broca ?? '0' }}',
                        "totalbro": '{{ $brocaOld->total ?? '0' }}',
                        "total_bro": '{{ $brocaOld->total ?? '0' }}',
                        "id_param_dada_de_baja": '{{ $brocaOld->id_param_dada_de_baja ?? '0' }}',

                    };

                    brocas_old.push(broca);
                    total = $("#addBrocas").attr('data-count');
                    addBroca();
                    $('#nombre_pozo_' + total).val(broca.nombre_pozo);
                    $('#id_param_tipo_broca_' + total).val(broca.id_param_tipo_broca);
                    $('#id_param_diametroBro_' + total).val(broca.id_param_diametroBro);
                    llenaNumeroSerie(total);
                    $('#num_serie_' + total).val(broca.id_broca);
                    $('#num_serie_text_' + total).val(broca.num_serieL);
                    $('#num_serieID_' + total).val(broca.num_serieID);
                    $('#id_broca_' + total).val(broca.id_broca);
                    $('#desde_bro_' + total).val(broca.hasta_bro);
                    $('#tipo_serie_' + total).val(broca.tipo_serie);
                    $('#id_param_estado_boca_' + total).val(broca.id_param_estado_boca);
                    $('#hasta_bro_' + total).val(broca.hasta_bro);
                    $('#totalbro_' + total).val(0);
                    $('#total_bro_' + total).val(0);
                    $('#id_param_dada_de_baja_' + total).val(broca.id_param_dada_de_baja);
                @endforeach
            @endif
        }

        function addDetallePerforacion() {
            var total = $("#addDetallePerforacion").attr('data-count');
            // @foreach ($informacionPozos as $informacionPozo)
            //   total++;
            // @endforeach

            // if(total > 0){
            //      var total = total - 1;
            // }
            var cell = `

          <tr class="fila-detalle-perforacion grupo_per_` + total + `">
              <input type='hidden' name=IdDetallePerforacion[] id='IdDetallePerforacion_` + total +`'>
                <td>
                    <div class="form-group">
                        <label for="hoyo">{!! trans('reporte_produccion_diaria/create.Pozo') !!}</label>
                        <select name="hoyo[]" id="id="hoyo_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                                <option value=""></option>
                                @foreach($pozos as $pozo)
                                    <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                                @endforeach
                        </select>
                    </div>
                </td>

              </td>
              <td>
                <div class="form-group">
                <label for="angulo">{!! trans('reporte_produccion_diaria/create.Ángulo') !!}</label>
                  <input type="text" oninput="NumeroGradoOnly(this.id,360,-360);"    maxlength="20" class="form-control form-control-sm" id="angulo_` +
                total + `"  name="angulo[]"  min="-360" required style="text-align:right;">
                </div>
                </td>
                <td>
                  <div class="form-group">
                  <label for="angulo">{!! trans('reporte_produccion_diaria/create.Azimut') !!}</label>
                  <input type="number" step='0.01' class="form-control form-control-sm" id="azimut_perforacion_` +
                total + `"  name="azimut_perforacion[]" style="text-align:right;">
                  </div>
                </td>
                <td>
                <div class="form-group">
                <label for="id_param_diametro">{!! trans('reporte_produccion_diaria/create.Diámetro') !!}</label>
                  <select name="id_param_diametro[]"  id="id_param_diametro_` + total +
                `"  class="form-control form-control-sm" style="width:180px"  required onchange="CambiaDiametro(` + total +
                `);validar_recobro_cero(` + total + `)">
                    <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione Diámetro') !!}</option>
                    <option value="-1">*</option>
                    @foreach ($diametros as $diametro)
                      @if ($diametro->ref1_valor == '1')
                        <option class="line1" value="{{ $diametro->id }}" {{ old('id_param_diametro') == $diametro->id ? 'selected' : '' }} >{{ $diametro->text }}</option>
                      @else
                        <option value="{{ $diametro->id }}" {{ old('id_param_diametro') == $diametro->id ? 'selected' : '' }} >{{ $diametro->text }}</option>
                      @endif
                     @endforeach
                    <input type="hidden" name="suma[]" id="suma_` + total +
                `" value="">
                </div>
              </td>
              <td>
                <div class="form-group">
                <label for="desde">{!! trans('reporte_produccion_diaria/create.Desde') !!}</label>
                  <input type="text" oninput="DecimalOnly(this.id,9999999999,0);" value="0.00" class="form-control form-control-sm"  id="desde_` + total +
                `"  name="desde[]"  required onchange="DifenciaDetallePerforacion(` + total +
                `)" style="text-align:right;">
                </div>
              </td>
              <td>
                <div class="form-group">
                <label for="hasta">{!! trans('reporte_produccion_diaria/create.Hasta') !!}</label>
                  <input type="text" oninput="DecimalOnly(this.id,9999999999,0);" value="0.00" class="form-control form-control-sm" id="hasta_` + total +
                `"  name="hasta[]"  required onchange="DifenciaDetallePerforacion(` + total + `)" style="text-align:right;">
                </div>
              </td>
              <td>
                <div class="form-group">
                <label for="total">{!! trans('reporte_produccion_diaria/create.Total') !!}</label>
                  <input type="number" maxlength="10" class="form-control form-control-sm" id="totalPer_` + total + `"  name="total[]"  readonly required style="text-align:right;">
                  <input type="hidden"  id="Id_totalPer_` + total + `"  name="Id_totalPer[]"  >
                </div>
              </td>
        </tr>
        <tr  class="grupo_per_` + total +
                `">
          <td>
            <div class="form-group">
                <div class="row">
                <label for="recobro" style="width: 100%">{!! trans('reporte_produccion_diaria/create.Recobro') !!}</label><br>
                  <input type="text" class="form-control form-control-sm" oninput="DecimalOnly(this.id,9999999999,0);"  id="recobro_` + total +
                `"  name="recobro[]"  style="width: 70%;text-align:right;" required value="0.00" onchange="CalculoPorcentaje(` +
                total + `),validar_recobro_cero(` + total + `)">
                  <input type="text" maxlength="5" class="form-control form-control-sm" id="Porcentajerecobro_` +
                total + `"  name="Porcentajerecobro[]"  style="width: 30%;text-align:right;"  value="0.00" disabled="disabled">
                  <input type="hidden" id="PorcentajerecobroH_` + total + `"  name="PorcentajerecobroH[]">
                </div>
            </div>
          </td>
          <td>
              <div class="form-group">
              <label for="eoh">{!! trans('reporte_produccion_diaria/create.FDP') !!}</label>
              <select name="eoh[]" class="form-control form-control-sm" id="eoh_` + total + `"  required>
                  <option value="" selected>Seleccione...</option>
                  <option value="1">Si</option>
                  <option value="0">No</option>
              </select>
              </div>
          </td>
          <td colspan="4" >
              @if ($value_param_time_sheet == 1)
                <label for="observaciones_perforacion_` + total + `"> CONDICIÓN DEL BARRENO / HERRAMIENTA DE ENCAMISADO U OTRAS OPERACIONES </label>
                <input type="text" class="form-control form-control-sm" id="observaciones_perforacion_` + total +
                `"  name="observaciones_perforacion[]">
                @endif
          </td>
          <td>
              <br>
                <button type="button" class="btn btn-danger btn-sm  delete-cell" onclick="deletesCellPerforacionNew('grupo_per_` + total + `')">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
          </td>
          </tr>
         `;
            $("#tblDetallePerforacion").append(cell);
            actualizarListadeUnPozo('hoyo_' + total)
            total++;
            $("#addDetallePerforacion").attr('data-count', total);

        }

        function addElementMedidasDesviacion() {
            var total = $("#addElementMedidasDesviacion").attr('data-count');
            var cell =
                `
          <tr>
              <input type='hidden' name=IdMedidasDesviacion[]>
            <td>
                <select name="hoyo_Desviacion[]" id="hoyo_Desviacion_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                        <option value=""></option>
                        @foreach($pozos as $pozo)
                            <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                        @endforeach
                </select>
            </td>
              <td>
                <div class="form-group">
                  <input  type="number" step='0.01' class="form-control form-control-sm" id="profundidad_` + total + `"  name="profundidad[]"  style="text-align:right;" >
                </div>
              </td>
              <td>
                <div class="form-group">
                  <input type="number" step='0.01' class="form-control form-control-sm" id="azimut_` + total + `"  name="azimut[]"  style="text-align:right;" >
                </div>
              </td>
              <td>
                <div class="form-group">
                  <input type="number" step='0.01'  class="form-control form-control-sm" id="inclinacion_` + total + `"  name="inclinacion[]"  style="text-align:right;" >
                </div>
              </td>
              <td>
                <center>
                <button type="button" class="btn btn-danger btn-sm   delete-cell" onclick="deletesCellPerforacion(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
              </center>
              </td>
            </tr>
         `;

            $("#tblMedidasDesviacion").append(cell);
            actualizarListadeUnPozo('hoyo_Desviacion_' + total)
            //cargar_pozosDesviacion(total);
            total++;
            $("#addElementMedidasDesviacion").attr('data-count', total);
        }



        function addActividad() {

            var total = $("#addActividad").attr('data-count');
            var cell =
                `
          <tr class="fila-actividad">
              <input type='hidden' name=IdActividadn[] >
                <td>
                    <select name="hoyo_actividad[]" id="hoyo_actividad_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                            <option value=""></option>
                            @foreach($pozos as $pozo)
                                <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                            @endforeach
                    </select>
                </td>
              <td>
                <div class="form-group">
                  <select name="id_param_actividad[]"  id="id_param_actividad_` + total +
                `"  class="form-control form-control-sm"  required onchange="mostrarInput(` + total +
                `);validar_campos_horometros(` + total + `)">
                    <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione actividad') !!}</option>
                    @foreach ($actividades as $actividad)
                      <option value="{{ $actividad->id }}" {{ old('id_param_actividad[]') == $actividad->id ? 'selected' : '' }} >{{ $actividad->text }}</option>
                    @endforeach
                    </select>
                    <input type="text"   name="nombre_actividad[]" id="traer_input_` + total +
                `" value="" placeholder="Cual"   class="form-control form-control-sm" style="display:none">
                    </div>
              </td>
              <td>
              <div class="row">
                  <input type="text" oninput="numberOnly(this.id,24,0);" maxlength="2"  name="horas_act1[]" id="horas_act1_` + total +
                `" value="" placeholder=" {!! trans('reporte_produccion_diaria/create.Horas') !!}" onchange="SumarHorasActividades()" style="width: 50%;text-align:right;"  class="form-control form-control-sm" >
                  <input type="text" oninput="numberOnly(this.id,59,0);" maxlength="2"  name="minutos_act1[]" id="minutos_act1_` + total +
                `" value="" placeholder="{!! trans('reporte_produccion_diaria/create.Minutos') !!}" onchange="SumarHorasActividades()" style="width: 50%;text-align:right;"  class="form-control form-control-sm">
                  </div>
              </td>
              <td>
              <div class="row">
                  <input type="text" oninput="numberOnly(this.id,24,0);" maxlength="2"  name="horas_klu1[]" id="horas_klu1_` + total +
                `" value="" placeholder="{!! trans('reporte_produccion_diaria/create.Horas') !!}" onchange="SumarHorasActividades()"  style="width: 50%;text-align:right;"  class="form-control form-control-sm">
                  <input type="text" oninput="numberOnly(this.id,59,0);" maxlength="2"  name="minutos_klu1[]" id="minutos_klu1_` + total + `" value="" placeholder="{!! trans('reporte_produccion_diaria/create.Minutos') !!}" onchange="SumarHorasActividades()" style="width: 50%;text-align:right;"  class="form-control form-control-sm" >
                  </div>
              </td>

              <td>
                <button type="button" class="btn btn-danger btn-sm  delete-cell" onclick="deletesCellActividad(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
              </td>
            </tr>
         `;
            $("#tblActividad tbody").append(cell);
            actualizarListadeUnPozo('hoyo_actividad_' + total)
            total++;
            $("#addActividad").attr('data-count', total);

        }

        function addBroca() {
            var total = $("#addBrocas").attr('data-count');
            var cell = `
          <tr class="grupo_` + total +`" >
                <input type='hidden' name=IdBrocan[]>
                <td style="width:{{ $width }}">
                        <label for="id_param_tipo_broca">{!! trans('reporte_produccion_diaria/create.Pozo') !!}</label>

                        <select name="nombre_pozo[]" id="nombre_pozo_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                                <option value=""></option>
                                @foreach($pozos as $pozo)
                                    <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                                @endforeach
                        </select>
                </td>
              <td style="width:{{ $width }}">
                <div class="form-group">
                <label for="id_param_tipo_broca">{!! trans('reporte_produccion_diaria/create.Tipo') !!}</label>
                  <select name="id_param_tipo_broca[]"  id="id_param_tipo_broca_` + total +
                `"  class="form-control form-control-sm"  required onchange="llenaNumeroSerie(` + total + `)">
                    <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione Tipo') !!}</option>
                    @foreach ($tipoBrocas as $tipoBroca)
                      <option value="{{ $tipoBroca->id }}" {{ old('id_param_tipo_broca[]') == $tipoBroca->id ? 'selected' : '' }} >{{ $tipoBroca->text }}</option>
                    @endforeach
                    </select>
                </div>
              </td>
              <td style="width:{{ $width }}">
                <div class="form-group">
                <label for="id_param_diametroBro">{!! trans('reporte_produccion_diaria/create.Diámetro') !!}</label>
                  <select name="id_param_diametroBro[]"  id="id_param_diametroBro_` + total +
                `"  class="form-control form-control-sm"   required onchange="llenaNumeroSerie(` + total + `)">
                      <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione Diámetro') !!}</option>
                      @foreach ($diametrosBroca as $diametro)
                        <option value="{{ $diametro->id }}" {{ old('id_param_diametro') == $diametro->id ? 'selected' : '' }} >{{ $diametro->text }}</option>
                      @endforeach
                    </select>
                  </div>
              </td>
              <td style="width: {{ $width }}">
                  <div class="form-group">
                    <label for="tipo_serie">{!! trans('reporte_produccion_diaria/create.tipo_serie') !!}</label>
                    <select name="tipo_serie[]"  id="tipo_serie_` + total + `"  class="form-control form-control-sm select2">
                      <option value="">{!! trans('reporte_produccion_diaria/create.seleccione_tipo') !!}</option>
                      @foreach ($series_de_brocas as $tipo)
                        <option value="{{ $tipo->id }}">{{ $tipo->text }}</option>
                      @endforeach
                    </select>
                  </div>
                </td>
              <td style="width: {{ $width }}">
                <div class="form-group">
                <label for="num_serieL">{!! trans('reporte_produccion_diaria/create.Número de serie') !!}</label>
                <div id="select_serie_broca_` + total + `">
                  <select name="num_serieL[]"  id="num_serie_` + total +
                `"  class="form-control form-control-sm select2" required onchange="LLenarCamposbroca(` + total + `)"  ></select>
                </div>
                  <input type="hidden" name="num_serieID[]" id="num_serieID_` + total + `" value="">
                  <input type="hidden" name="id_broca[]" id="id_broca_` + total + `" value="">
                  <input type="text" class="form-control form-control-sm"  name="num_serieL[]" id="num_serie_text_` +
                total +
                `"  value=""   style="display:none">
                  </div>
                </div>
              </td>
              <td style="width: {{ $width }}">
                <div class="form-group">
                <label for="desde_bro">{!! trans('reporte_produccion_diaria/create.Entra') !!}</label>
                  <input type="text" class="form-control form-control-sm" oninput="DecimalOnly(this.id,9999999999,0);" name="desde_bro[]" id="desde_bro_` +
                total + `" onchange="cabiabroca(` + total + `)" value="" required  style="text-align:right;">
                  </div>
              </td>
            </tr>
            <tr class="grupo_` + total + `">
              <td style="width: {{ $width }}">
                <div class="form-group">
                <label for="id_param_estado_boca">{!! trans('reporte_produccion_diaria/create.Nueva / usada') !!}</label>
                  <select name="id_param_estado_boca[]"  id="id_param_estado_boca_` + total +
                `"  class="form-control form-control-sm"   required>
                      <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione estado') !!}</option>
                      @foreach ($estadosBroca as $estadoBroca)
                        <option value="{{ $estadoBroca->id }}" {{ old('id_param_estado_boca') == $estadoBroca->id ? 'selected' : '' }} >{{ $estadoBroca->text }}</option>
                      @endforeach
                </div>
              </td>
              <td style="width: {{ $width }}">
                <div class="form-group">
                <label for="hasta_bro">{!! trans('reporte_produccion_diaria/create.Sale') !!}</label>
                  <input type="text" class="form-control form-control-sm" oninput="DecimalOnly(this.id,9999999999,0);" name="hasta_bro[]" id="hasta_bro_` + total + `" onchange="cabiabroca(` + total + `)" value="" required  style="text-align:right;">
                  </div>
              </td>
              <td style="width: {{ $width }}">
                <div class="form-group">
                <label for="totalbro">{!! trans('reporte_produccion_diaria/create.Total') !!}</label>
                  <input type="number" class="form-control form-control-sm" name="totalbro[]" id="totalbro_` + total + `" readonly value="0"  style="text-align:right;">
                  <input type="hidden" name="total_bro[]" id="total_bro_` + total + `"  value="0" >
                  </div>
              </td>
              <td style="width: {{ $width }}">
                <div class="form-group">
                <label for="id_param_dada_de_baja">{!! trans('reporte_produccion_diaria/create.Buena / terminada') !!}</label>
                  <select name="id_param_dada_de_baja[]"  id="id_param_dada_de_baja_` + total + `"  class="form-control form-control-sm"  required >
                      <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione Buena / terminada') !!}</option>
                      @foreach ($dadasdeBajaBroca as $dadadeBajaBroca)
                        <option value="{{ $dadadeBajaBroca->id }}" {{ old('id_param_dada_de_baja') == $dadadeBajaBroca->id ? 'selected' : '' }} >{{ $dadadeBajaBroca->text }}</option>
                      @endforeach
                  </select>
                </div>
              </td>
              <td style="width: {{ $width }}">
                <br>
                <center>
                  <button type="button" class="btn btn-danger btn-sm delete-cell" onclick="deletesCellBrocas('grupo_` +
                total + `')">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
                </center>
              </td>

                <td style="width: {{ $width }}">
                  <div class="form-group"></div>
                </td>

            </tr>
         `;
            $("#tblBrocas tbody").append(cell);
            actualizarListadeUnPozo('nombre_pozo_' + total)
            //cargar_pozos(total);
            total++;
            $("#addBrocas").attr('data-count', total);
            $('.select2').select2()

        }

        function addSuministro() {
            var total = $("#addSuministros").attr('data-count');
            var cell =
                `
          <tr>
              <input type='hidden' name=IdSuminitro[]>
              <td>
                    <select name="suministro_pozo[]" id="suministro_pozo_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                            <option value=""></option>
                            @foreach($pozos as $pozo)
                                <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                            @endforeach
                    </select>
                </td>
              <td>
                <div class="form-group  ">
                  <input list="browsersSuministro" name=RefSuministro[] id="RefSuministro_` + total +
                `" onchange='llenarIDReferencai(` + total + `)'  class="form-control form-control-sm" required autocomplete="off">
                  <input type="hidden"  name=RefSuministroId[] id="RefSuministroId_` + total +
                `" class="textbox">
                </div>
              </td>
              <td>
                <input type="text" oninput="DecimalOnly(this.id,9999999999,0);" maxlength="10" name="cantidad_consumida[]" id="cantidad_consumida_` + total + `" value="" required class="form-control form-control-sm" style="text-align:right;">
              </td>
              <td>
                <button type="button" class="btn btn-danger btn-sm  delete-cell" onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
              </td>
            </tr>
         `;
            $("#tbSuministros tbody").append(cell);
            actualizarListadeUnPozo('suministro_pozo_' + total)
            total++;
            $("#addSuministros").attr('data-count', total);

        }

        function addPerdidas() {
            var total = $("#addPedidas").attr('data-count');
            var cell =
                `
          <tr>
              <input type='hidden' name=IdPerdidas[]>
                <td>
                    <select name="perdidas_pozo[]" id="perdidas_pozo_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                            <option value=""></option>
                            @foreach($pozos as $pozo)
                                <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                            @endforeach
                    </select>
                </td>
              <td>
                <div class="form-group  ">
                  <input list="browsersPerdida" name=perdida[] id="perdida_` + total +
                `" onchange='llenarIDReferencaPerdida(` + total + `)'  class="form-control form-control-sm" style="width: 100%" required >
                  <input type="hidden"  name=perdidaId[] id="PerdidaId_` + total + `" class="textbox">
                  <input type="hidden"  name=indice[] id="PerdidaId_` + total + `" class="textbox" Value="` + total +
                `">
                </div>
              </td>
              <td>
                <input type="text" oninput="DecimalOnly(this.id,9999999999,0);" name="cantidad_perdida_kluane[]" id="cantidad_perdida_kluane_` + total +
                `" value="" required class="form-control form-control-sm" style="text-align:right;">
              </td>
              <td>
                <input type="text" oninput="DecimalOnly(this.id,9999999999,0);" name="cantidad_perdida_cliente[]" id="cantidad_perdida_cliente_` + total + `" value="" required class="form-control form-control-sm" style="text-align:right;">
              </td>
              <td>
                <button type="button" class="btn btn-danger btn-sm  delete-cell" onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
              </td>
            </tr>
         `;

            $("#tbPerdidas tbody").append(cell);
            actualizarListadeUnPozo('perdidas_pozo_' + total)

            total++;
            $("#addPedidas").attr('data-count', total);

        }

        function addEquipo() {
            var total = $("#addEquipos").attr('data-count');
            var cell =
                `
          <tr>
              <input type='hidden' name=IdEquipos[]>
                <td>
                    <select name="equipos_pozo[]" id="equipos_pozo_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                            <option value=""></option>
                            @foreach($pozos as $pozo)
                                <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                            @endforeach
                    </select>
                </td>
              <td>
                  <select name="id_maquinaEqui[]"  id="id_maquinaEqui_` + total + `"  class="form-control form-control-sm" required>
                    <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione equipo') !!}</option>
                    @foreach ($equipos as $equipo)
                      <option value="{{ $equipo->id }}" {{ old('id_maquinaEqui[]') == $equipo->id ? 'selected' : '' }} >{{ $equipo->codigo }}</option>
                    @endforeach
              </td>
              <td>
                <input type="text" oninput="numberOnly(this.id,99999999999999999999,0);" name="numero[]" id="numero_` +
                total + `" value="" required class="form-control form-control-sm" style="text-align:right;">
              </td>
              <td>
                <button type="button" class="btn btn-danger btn-sm  delete-cell" onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
              </td>
            </tr>
         `;

            $("#tbEquipos tbody").append(cell);
            actualizarListadeUnPozo('equipos_pozo_' + total)
            total++;
            $("#addEquipos").attr('data-count', total);

        }


        function llenarIDReferencai(id) {
            var valor = $('#RefSuministro_' + id).val()
            $('#RefSuministroId_' + id).val($('#browsersSuministro [value="' + valor + '"]').data('value'))
        }

        function llenarIDReferencaPerdida(id) {
            var valor = $('#perdida_' + id).val()
            $('#PerdidaId_' + id).val($('#browsersPerdida [value="' + valor + '"]').data('value'))


        }

        var personas = [
            @foreach ($personas as $persona)
                {
                    "id_param_cargo": "{{ $persona->id_param_cargo }}",
                    "id_persona": "{{ $persona->id_persona }}",
                    "NombresApellidos": "{{ $persona->primer_nombre }} {{ $persona->segundo_nombre }} {{ $persona->primer_apellido }} {{ $persona->segundo_apellido }} ",
                    "Horas": "{{ $HorasTurno[0]->text }}"
                },
            @endforeach

        ];

        function llenaPersonal(id) {

            var selectedProyecto = $("#id_param_cargo_" + id).children("option:selected").val();

            nuevo = $.grep(personas, function(n, i) {
                return n.id_param_cargo === selectedProyecto
            });

            $('#id_persona_' + id).empty()
            $('#id_persona_' + id).append($('<option></option>').val('').html('Seleccione...'));
            $.each(nuevo, function(key, value) {

                $('#id_persona_' + id).append($('<option></option>').val(value.id_persona).html(value
                    .NombresApellidos));
                $('#horas_' + id).val(value.Horas);
                $('#id_horas_' + id).val(value.Horas);

            });

        }

        function Hoyo(id, name) {
            this.id = id;
            this.name = name;
        }

        function obtenerNombre(id) {
            var nombreHoyo = document.getElementById(id).value;
            return nombreHoyo;
        }

        function cargaHoyo(id) {
            var hoy = new Hoyo(lista.length + 1, obtenerNombre(id));
            lista.push(hoy);
        }

        // function cargar_pozos(val)
        // {
        //   for(var i in lista)
        //   {
        //     document.getElementById("nombre_pozo_"+val).innerHTML += "<option value='"+lista[i].name+"'>"+lista[i].name+"</option>";
        //   }
        // }

        // function cargar_pozosDesviacion(val)
        // {
        //   for(var i in lista)
        //   {
        //       document.getElementById("hoyo_Desviacion_"+val).innerHTML += "<option value='"+lista[i].name+"'>"+lista[i].name+"</option>";
        //   }
        // }


        function SumarHorasActividades() {

            var Actividades = document.getElementsByName('id_param_actividad[]');

            var Horas_act = document.getElementsByName('horas_act1[]');
            var minutos_act = document.getElementsByName('minutos_act1[]');

            TotalCliente = document.getElementById('TotalCliente');
            TotalClienteHI = document.getElementById('TotalClienteHI');

            var Horas_klu = document.getElementsByName('horas_klu1[]');
            var minutos_klu = document.getElementsByName('minutos_klu1[]');

            TotalKluaneHI = document.getElementById('TotalKluaneHI');
            TotalKluane = document.getElementById('TotalKluane');

            TotalHoras = document.getElementById('TotalHoras');
            TotalHorasHI = document.getElementById('TotalHorasHI');

            Totalminutos_cliente = document.getElementById('Totalminutos_cliente');
            Totalminutos_Kluane = document.getElementById('Totalminutos_Kluane');

            TotalminutosActividad = document.getElementById('TotalminutosActividad');

            let sum_minutos_act = 0;
            let sum_minutos_klu = 0;

            Actividades.forEach(function(valor, indice, array) {
                sum_minutos_act += (parseInt((Horas_act[indice].value === '') ? 0 : Horas_act[indice].value)) * 60 +
                    (parseInt((minutos_act[indice].value === '') ? 0 : minutos_act[indice].value));
                sum_minutos_klu += (parseInt((Horas_klu[indice].value === '') ? 0 : Horas_klu[indice].value)) * 60 +
                    (parseInt((minutos_klu[indice].value === '') ? 0 : minutos_klu[indice].value));
            });

            TotalCliente.value = timeConvert(sum_minutos_act);
            TotalClienteHI.value = timeConvert(sum_minutos_act);
            Totalminutos_cliente.value = sum_minutos_act;

            TotalKluane.value = timeConvert(sum_minutos_klu);
            TotalKluaneHI.value = timeConvert(sum_minutos_klu);
            Totalminutos_Kluane.value = sum_minutos_klu;

            TotalminutosActividad.value = sum_minutos_act + sum_minutos_klu;
            TotalHoras.value = timeConvert(TotalminutosActividad.value);
            TotalHorasHI.value = timeConvert(TotalminutosActividad.value);

        }

        function SumarHorasact1() {

            var Horas = document.getElementsByName('horas_act1[]');
            var minutos = document.getElementsByName('minutos_act1[]');

            var Totalminutoscliente = 0;

            if (Horas.length > 0 && minutos.length > 0) {
                for (var i = 0, l = Horas.length; i < l; i++) {
                    if (Horas[i].value != "" && minutos[i].value != "") {
                        Totalminutoscliente = parseInt(Horas[i].value) * 60 + parseInt(minutos[i].value) + parseInt(
                            Totalminutoscliente);
                    }
                }

                var TotalCliente = timeConvert(Totalminutoscliente);

                document.getElementById('TotalCliente').value = TotalCliente;
                document.getElementById('TotalClienteHI').value = TotalCliente;
            }

            var TotalminutosKluane = $('#Totalminutos_Kluane').val();

            if ((Totalminutoscliente != "" || Totalminutoscliente == 0) && TotalminutosKluane != "") {
                TotalminutosActividad = parseInt(TotalminutosKluane) + parseInt(Totalminutoscliente);
                var TotalHoras = timeConvert(TotalminutosActividad)
                document.getElementById('TotalHoras').value = TotalHoras;
                document.getElementById('TotalHorasHI').value = TotalHoras;
            }
            document.getElementById('Totalminutos_cliente').value = Totalminutoscliente;
            document.getElementById('TotalminutosActividad').value = TotalminutosActividad;
        }

        function SumarHorasklu1() {

            var Horas = document.getElementsByName('horas_klu1[]');
            var minutos = document.getElementsByName('minutos_klu1[]');

            var TotalminutosKlum = 0;
            if (Horas.length > 0 && minutos.length > 0) {
                for (var i = 0, l = Horas.length; i < l; i++) {
                    if (Horas[i].value != "" && minutos[i].value != "") {
                        TotalminutosKlum = parseInt(Horas[i].value) * 60 + parseInt(minutos[i].value) + parseInt(
                            TotalminutosKlum);
                    }
                }
                var Totaklu1 = timeConvert(TotalminutosKlum);

                document.getElementById('TotalKluane').value = Totaklu1;
                document.getElementById('TotalKluaneHI').value = Totaklu1;
            }

            var Totalminutoscliente = $('#Totalminutos_cliente').val();

            if ((Totalminutoscliente != "" || Totalminutoscliente == 0) && (TotalminutosKlum != "" || TotalminutosKlum ==
                0)) {
                TotalminutosActividad = parseInt(Totalminutoscliente) + parseInt(TotalminutosKlum)

                var TotalHoras = timeConvert(TotalminutosActividad)
                document.getElementById('TotalHoras').value = TotalHoras;
                document.getElementById('TotalHorasHI').value = TotalHoras;
            } else {

            }
            document.getElementById('Totalminutos_Kluane').value = TotalminutosKlum;
            document.getElementById('TotalminutosActividad').value = TotalminutosActividad;

        }

        function timeConvert(n) {
            var num = n;
            var hours = (num / 60);
            var rhours = Math.floor(hours);
            var minutes = (hours - rhours) * 60;
            var rminutes = Math.round(minutes);
            return rhours + ":" + rminutes;
        }
        var diametro = [
            @foreach ($diametros as $diametro)
                {
                    "id": "{{ $diametro->id }}",
                    "description": "{{ $diametro->ref1_valor ?? 0 }}"
                },
            @endforeach
        ]

        function CambiaDiametro(i) {

            var id_param_diametro = document.getElementById('id_param_diametro_' + i);
            for (var id in diametro) {
                if (id_param_diametro.value == diametro[id].id) {
                    document.getElementById('suma_' + i).value = diametro[id].description;
                }

            }
            DifenciaDetallePerforacion();
        }

        function DifenciaDetallePerforacion() {

            var desde = document.getElementsByName('desde[]');
            var hasta = document.getElementsByName('hasta[]');
            var total_per = document.getElementsByName('total[]');
            var Id_totalPer_ = document.getElementsByName('Id_totalPer[]');
            var pozo = document.getElementsByName('hoyo[]');
            var suma = document.getElementsByName('suma[]');
            var totalMetros = 0;
            var TotalMetrosAcumulados = 0;

            document.getElementById('id_alerta_detalle_perforacion').style.display = 'none';

            if (desde.length > 0 && hasta.length > 0) {
                for (var i = 0, l = desde.length; i < l; i++) {

                    if (i > 0) {
                        let j = i - 1;
                        if (pozo[i].value != pozo[j].value) {
                            document.getElementById('id_alerta_detalle_perforacion').style.display = 'inline';
                            document.getElementById('id_alerta_detalle_perforacion_message').innerHTML ='{!! trans('reporte_produccion_diaria/create.Los nombres de los pozos no son iguales, por favor verifique los nombres, si están correctos, ingnore este mensaje') !!}';
                        }
                    }

                    if (desde[i].value != "" && hasta[i].value != "") {
                        totalMetros = hasta[i].value - desde[i].value;
                        total_per_id = total_per[i].id;
                        Id_totalPer_id = Id_totalPer_[i].id;
                        document.getElementById(total_per_id).value = totalMetros.toFixed(2);
                        document.getElementById(Id_totalPer_id).value = totalMetros.toFixed(2);

                        if (suma[i].value.trim() == "0") {
                            TotalMetrosAcumulados = TotalMetrosAcumulados + totalMetros;
                        }
                    }

                }
                document.getElementById('TotalMetros').value = TotalMetrosAcumulados.toFixed(2);
            }
        }

        function TotalDifenciaDetallePerforacion() {
            var desde = document.getElementsByName('desde[]');
            var hasta = document.getElementsByName('hasta[]');
            var suma = document.getElementsByName('suma[]');
            var totalMetros = 0;
            var TotalMetrosAcumulados = 0;

            if (desde.length > 0 && hasta.length > 0) {
                for (var i = 0, l = desde.length; i < l; i++) {
                    if (desde[i].value != "" && hasta[i].value != "") {
                        totalMetros = hasta[i].value - desde[i].value;
                        document.getElementById('totalPer_' + i).value = totalMetros.toFixed(2);
                        document.getElementById('Id_totalPer_' + i).value = totalMetros.toFixed(2);
                        if (suma[i].value.trim() != "0") {
                            TotalMetrosAcumulados = TotalMetrosAcumulados + totalMetros;

                        }
                    }
                }
                document.getElementById('TotalMetros').value = TotalMetrosAcumulados.toFixed(2);
                document.getElementById('TotalMetros').value = TotalMetrosAcumulados;
            }
        }


        function CalculoPorcentaje(id) {
            var recobro = document.getElementsByName('recobro[]');
            var Id_totalPer = document.getElementsByName('Id_totalPer[]');
            var Porcentajerecobro = document.getElementsByName('Porcentajerecobro[]');
            var PorcentajerecobroH = document.getElementsByName('PorcentajerecobroH[]');
            if (recobro.length > 0 && Id_totalPer.length > 0) {
                for (var i = 0, l = Id_totalPer.length; i < l; i++) {
                    Porcentajerecobro[i].value = "0%";;
                    PorcentajerecobroH[i].value = "0%";
                    if (Id_totalPer[i].value > 0) {
                        Porcentajerecobro[i].value = String((recobro[i].value / Id_totalPer[i].value * 100).toFixed(2)) +
                            "%";;
                        PorcentajerecobroH[i].value = String((recobro[i].value / Id_totalPer[i].value * 100).toFixed(2)) +
                            "%";;
                    }
                    if (parseFloat(recobro[i].value) > parseFloat(Id_totalPer[i].value)) {
                        recobro[i].value = Id_totalPer[i].value;
                        Porcentajerecobro[i].value = '100%';
                        PorcentajerecobroH[i].value = '100%';
                    }
                }
            }
        }

        function cabiabroca(id) {

            var desdeBro = $('#desde_bro_' + id).val()
            var hastaBro = $('#hasta_bro_' + id).val()
            if (desdeBro.length > 0 && hastaBro.length > 0) {
                document.getElementById('total_bro_' + id).value = (hastaBro - desdeBro).toFixed(2);
                document.getElementById('totalbro_' + id).value = (hastaBro - desdeBro).toFixed(2);
            }
        }


        var brocas = [
            @foreach ($listabrocas as $broca)
                {
                    "id_broca": "{{ $broca->id }}",
                    "id_param_tipo_broca": "{{ $broca->id_param_tipo_broca }}",
                    "id_param_diametro": "{{ $broca->id_param_diametro }}",
                    "num_serie": "{{ ($broca->id_param_serie_broca == 0 ? '' : $broca->tipo_serie . '-') . $broca->nombre_broca . ' (' . $broca->num_serie . ')' }}"
                },
            @endforeach
        ];

        function llenaNumeroSerie(id) {

            var input_num_serie = $("#brocas_numero_serie").val();
            var selectedTipoBroca = $("#id_param_tipo_broca_" + id).children("option:selected").val();
            var selectedDiametro = $("#id_param_diametroBro_" + id).children("option:selected").val();

            nuevo = $.grep(brocas, function(n, i) {
                return n.id_param_tipo_broca === selectedTipoBroca && n.id_param_diametro === selectedDiametro
            });
            if (input_num_serie != 1) {
                $('#num_serie_' + id).empty()
                $('#num_serie_' + id).append($('<option></option>').val('').html('Seleccione...'));
                $.each(nuevo, function(key, value) {

                    $('#num_serie_' + id).append($('<option></option>').val(value.id_broca).html(value.num_serie));
                });
            } else {
                $('#num_serie_text_' + id).show();
                $('#num_serie_text_' + id).prop('required', true);
                $('#select_serie_broca_' + id).hide();
                $('#num_serie_' + id).prop('required', false);
            }
        }

        function LLenarCamposbroca(id) {
            var e = document.getElementById("num_serie_" + id);

            var valor = $('#num_serie_' + id).val();
            $('#id_broca_' + id).val(valor);
            if (!e.options[e.selectedIndex]) return;
            var texto = e.options[e.selectedIndex].text;
            $('#num_serieID_' + id).val(texto);

        }

        function numberOnly(id, valorMax, valorMin) {
            // Get element by id which passed as parameter within HTML element event
            var element = document.getElementById(id);
            // Use numbers only pattern, from 0 to 9
            var regex = /[^0-9]/gi;
            // This removes any other character but numbers as entered by user
            element.value = element.value.replace(regex, "");

            if (Number(element.value) > valorMax) {
                element.value = valorMax
            }
            if (Number(element.value) < valorMin) {
                element.value = valorMin
            }
        }

        function DecimalOnly(id, valorMax, valorMin) {
            // Get element by id which passed as parameter within HTML element event
            var element = document.getElementById(id);
            // Use numbers only pattern, from 0 to 9
            var regex = /[^0-9\.]/g;
            // This removes any other character but numbers as entered by user
            element.value = element.value.replace(regex, "");

            element.value = dosDecimales(element.value);
            if (Number(element.value) > valorMax) {
                element.value = valorMax
            }
            if (Number(element.value) < valorMin) {
                element.value = valorMin
            }
        }

        function DecimalGradoOnly(id, valorMax, valorMin) {
            // Get element by id which passed as parameter within HTML element event
            var element = document.getElementById(id);

            // Use numbers only pattern, from 0 to 9
            //var regex = new RegExp("^-?\d{1,9}(\.\d{1,3})?$");

            var regex = new RegExp("^-[0-9]\d*(\d+)$?");
            // This removes any other character but numbers as entered by user
            element.value = element.value.replace(regex, "");

            element.value = tresDecimales(element.value);
            if (Number(element.value) > valorMax) {
                element.value = valorMax
            }
            if (Number(element.value) < valorMin) {
                element.value = valorMin
            }
        }


        function NumeroGradoOnly(id, valorMax, valorMin) {
            // Get element by id which passed as parameter within HTML element event
            var element = document.getElementById(id);

            // Use numbers only pattern, from 0 to 9
            var regex = new RegExp("^-?\d{1,9}(\.\d{1,3})?$");
            // This removes any other character but numbers as entered by user
            element.value = element.value.replace(regex, "");

            element.value = tresDecimales(element.value);

            if (Number(element.value) > valorMax) {
                element.value = valorMax
            }
            if (Number(element.value) < valorMin) {
                element.value = valorMin
            }
        }

        function dosDecimales(n) {
            let t = n.toString();
            let regex = /(\d*.\d{0,2})/;
            return t.match(regex)[0];
        }

        function tresDecimales(n) {
            let t = n.toString();
            let regex = /(\d*.\d{0,3})/;
            return t.match(regex)[0];
        }


        function mostrarInput(total) {

            var_valor_selecccionado = $('#id_param_actividad_' + total).val();
            var url= ""; ///*"route('reporte_produccion_diaria.otros_actividad')";*/
            var datos = {
                "_token": $('meta[name="csrf-token"]').attr('content'),
                "id_param": var_valor_selecccionado
            };

            $.ajax({
                type: 'GET',
                url: url,
                data: datos,
                success: function(respuesta) {

                    if (respuesta != false && respuesta[0].value == 20) {
                        $("#traer_input_" + total).show();
                    } else {
                        $("#id_param_actividad_" + total).show();
                        $("#traer_input_" + total).hide();
                    }
                }
            });
        }

        function changePerson() {

            id_param_turno = $('#id_param_turno').val();
            id_maquina = $('#id_maquina').val();
            id_proyecto = $('#id_proyecto').val();
            var url ="";  //" route('reporte_produccion_diaria.getInfoPerson') ";
            var datos = {
                "_token": $('meta[name="csrf-token"]').attr('content'),
                "id_param_turno": id_param_turno,
                "id_maquina": id_maquina,
                "id_proyecto": id_proyecto,
            };

            $.ajax({
                type: 'GET',
                url: url,
                data: datos,
                success: function(respuesta) {
                    $("#tblPersonal tbody").empty();
                    var total = 0;
                    $("#addElementPersonal").attr('data-count', total);
                    $.each(respuesta, function(key, value) {
                        var total = $("#addElementPersonal").attr('data-count');
                        var cell =
                            `
            <tr>
              <input type='hidden' name=IdPersonal[]>
                <td>
                    <select name="personal_pozo[]" id="personal_pozo_` +total + `"  class="form-control form-control-sm select_pozo" width="25px" required>
                            <option value=""></option>
                            @foreach($pozos as $pozo)
                                <option value="{{$pozo->id}}" {{$pozo->id == $pozo_selected ? 'selected' : ''}} >{{$pozo->hoyo}}</option>
                            @endforeach
                    </select>
                </td>
              <td>
                <div class="form-group ">
                  <select name="id_param_cargo[]"  id="id_param_cargo_` + total +
                            `"  class="form-control form-control-sm" required onchange="llenaPersonal(` +
                            total + `)">
                    <option value="">{!! trans('reporte_produccion_diaria/create.Seleccione cargo') !!}</option>
                    @foreach ($cargos as $cargo)
                      <option value="{{ $cargo->id }}">{{ $cargo->text }}</option>
                    @endforeach
                  </select>
                </div>
              </td>
              <td>
                <div class="form-group ">
                  <select name="id_persona[]"  id="id_persona_` + total + `" class="form-control form-control-sm select2" required>
                </div>
              </td>
              <td>
                <div class="form-group">
                  <input  type="text" maxlength="20" name="horas[]" class="form-control form-control-sm" id="horas_` +
                            total + `" value="` + value.horas + `" min="1" step='0.01' style="text-align:right;">
                  <input  type="hidden" maxlength="20" name="id_horas[]" class="" id="id_horas_` + total +
                            `"  value="` + value.horas + `">
                </div>
              </td>
              <td>
                <button type="button" class="btn btn-danger btn-sm  delete-cell" onclick="deletesCell(this)">{!! trans('reporte_produccion_diaria/create.Eliminar') !!}</button>
              </td>
            </tr>
         `;
                        $("#tblPersonal tbody").append(cell);
                        $("#id_param_cargo_" + total).val(value.id_param_funcion);
                        llenaPersonal(total)
                        $("#id_persona_" + total).val(value.id_persona);
                        actualizarListadeUnPozo('personal_pozo_' + total)
                        $("#personal_pozo_" + total).val(value.id_pozo);
                        total++;
                        $("#addElementPersonal").attr('data-count', total);

                    });
                }
            });
        }

        function changeInfoOld() {

            id_param_turno = $('#id_param_turno').val();
            fecha = $('#fecha_registro').val();
            if (fecha == '') {
                alert('{!! trans('reporte_produccion_diaria/create.Seleccione una fecha de registro primero') !!}');
                $('#id_param_turno').val(0);
                return false;
            }

            id_maquina = $('#id_maquina').val();
            id_proyecto = $('#id_proyecto').val();
            var url =""; // " route('reporte_produccion_diaria.changeInfoOld') ";
            var datos = {
                "_token": $('meta[name="csrf-token"]').attr('content'),
                "id_param_turno": id_param_turno,
                "id_maquina": id_maquina,
                "id_proyecto": id_proyecto,
                "fecha": fecha,
            };

            $.ajax({
                type: 'GET',
                url: url,
                data: datos,
                success: function(respuesta) {

                    if (respuesta != '') {
                        $('#litros_desde').val(parseFloat(respuesta.litros_hasta).toFixed(2));
                        $('#litros_tratados_desde').val(parseFloat(respuesta.litros_tratados_hasta).toFixed(2));
                        $('#horometros_desde').val(parseFloat(respuesta.horometros_hasta).toFixed(2));
                    } else {
                        $('#litros_desde').val('');
                        $('#litros_tratados_desde').val('');
                        $('#horometros_desde').val('');
                    }
                }
            });
        }

        function validar_recobro_cero(total) {

            var id_param_diametro = $('#id_param_diametro_' + total).val();
            var url = ""; // " route('reporte_produccion_diaria.validar_recobro_cero') ";
            var datos = {
                "_token": $('meta[name="csrf-token"]').attr('content'),
                "id_param_diametro": id_param_diametro,
            };
            $.ajax({
                type: 'GET',
                url: url,
                data: datos,
                success: function(respuesta) {
                    //('#mensaje_recobro_cero').empty();
                    //$.each(respuesta, function(key, value) {
                    if (respuesta.status == "success") {
                        let recobro = $(`#recobro_` + total).val();
                        if (recobro == '0') {
                            $('#mensaje_recobro_cero').append(
                                `<div class="alert alert-warning alert-block shadow">
                      <button type="button" class="close" data-dismiss="alert">×</button>
                      <strong>` + respuesta.message + `</strong>
                    </div> `
                            )
                        } else {
                            $('#mensaje_recobro_cero').html("");
                        }
                    }
                }
            });
        }

        function validar_campos_horometros(total) {

            var id_param_actividad = $('#id_param_actividad_' + total).val();
            var url = ""; //" route('reporte_produccion_diaria.validar_campos_horometros_vacios') ";
            var datos = {
                "_token": $('meta[name="csrf-token"]').attr('content'),
                "id_param_actividad": id_param_actividad,
            };
            $.ajax({
                type: 'GET',
                url: url,
                data: datos,
                success: function(respuesta) {
                    //('#mensaje_recobro_cero').empty();
                    //$.each(respuesta, function(key, value) {
                    if (respuesta.status == "success") {
                        $('#mensaje_validar_diferencia_mayor_veite').append(
                            `<div class="alert alert-warning alert-block shadow">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                    <strong>` + respuesta.message + `</strong>
                  </div> `
                        )
                    }
                }
            });
        }
        //VALIDAR CANTIDAD DE HORAS REALIZADAS EN EL TURNO
        function validar_campo_horometro_hasta() {
            var horometros_hasta = $('#horometros_hasta').val();
            var url = ""; //" route('reporte_produccion_diaria.validar_horometro_hasta') ";
            var datos = {
                "_token": $('meta[name="csrf-token"]').attr('content'),
                "id": horometros_hasta,
            };
            $.ajax({
                type: 'GET',
                url: url,
                data: datos,
                success: function(respuesta) {
                    if (respuesta.status == "success") {
                        $('#mensaje_horometros_hasta_vacio').append(
                            `<div class="alert alert-warning alert-block shadow">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                    <strong>` + respuesta.message + `</strong>
                  </div> `
                        )
                    }
                }
            });
        }

        function validar_campos_suministros_agua(id) {
            var litros_desde = $("#litros_desde_" + id).val();
            var litros_hasta = $("#litros_hasta_" + id).val();
            var difrencia = 0;
            difrencia = litros_hasta - litros_desde;
            if (difrencia > 20) {
                alert('{!! trans('reporte_produccion_diaria/create.La diferencia de hasta  - desde no debe ser mayor a 20 m3 esta seguro de registrar esta información') !!}');
                return false;
            }
        }

        function validar_campo_horometro_hasta() {

            var horometros_desde = $('#horometros_desde').val();
            var horometros_hasta = $('#horometros_hasta').val();
            if (horometros_desde.length > 0 || horometros_hasta.length == '') {
                alert('{!! trans('reporte_produccion_diaria/create.Recuerde ingresar información en el campo horometro hasta') !!}');
                return false;
            }
        }

        function showAddPozo() {
            $('#add_pozo').val("");
            $('#grupo_add_pozo').show();

        }

        function hideAddPozo() {

            $('#add_pozo').val("");
            $('#grupo_add_pozo').hide();

        }

        function agregar_pozo() {

            var hoyo = $('#add_pozo').val();
            var regex = /^[a-zA-Z0-9\s_\-]+$/;

            if (!regex.test(hoyo)) {
                alert('{!! trans("reporte_produccion_diaria/create.El nombre del pozo no debe contener caracteres especiales como \ / [] * ? : | + = () ! # $ % &") !!}');
                return;
            }
            var url = ""; //" route('reporte_produccion_diaria.addpozo') ";
            var id_proyecto = $('#id_proyecto').val()
            var id_maquina = $('#id_maquina').val()
            var hoyo = $('#add_pozo').val()
            $.ajax({
                url: url,
                type: 'POST',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    pozo: hoyo,
                    id_proyecto: id_proyecto
                },
                success: function(data) {

                    if (data.status == 'success') {
                        var checkbox = $('<input>', {
                            type: 'checkbox',
                            id: 'pozo_' + data.objeto.id,
                            name: 'pozo[' + data.objeto.id + ']',
                            data_id: data.objeto.id,
                            value: 1
                        });
                        var label = $('<label>', {
                            text: data.objeto.hoyo,
                            for: 'pozo_' + data.objeto.id
                        });
                        checkbox.change(function() {
                            actualizarListaPozos()
                        })
                        $('#container_pozos').append($('<div class="form-control-sm">').append(checkbox,
                        label));
                        hideAddPozo()
                    } else {
                        alert(data.message);
                    }
                }
            });

        }

        function actualizarListaPozos() {
            var options = "";
            $("#container_pozos input[type='checkbox']:checked").each(function() {
                var id = $(this).attr("data_id");
                var name = $("label[for='" + $(this).attr("id") + "']").text();;
                //lista.push({id: data.objeto.id, pozo: data.objeto.hoyo});
                options += "<option value='" + id + "'>" + name + "</option>";
            });
            $(".select_pozo").html(options);
        }

        function actualizarListadeUnPozo(id_pozo) {
            var options = "";
            $("#container_pozos input[type='checkbox']:checked").each(function() {
                var id = $(this).attr("data_id");
                var name = $("label[for='" + $(this).attr("id") + "']").text();;
                //lista.push({id: data.objeto.id, pozo: data.objeto.hoyo});
                options += "<option value='" + id + "'>" + name + "</option>";
            });
            $("#" + id_pozo).html(options);
        }

        var respuesta;

        //Enviar el formulario para evitar hacer recarga del formulario:
        function enviarFormulario() {
            var formData = $('#format').serialize();

            $('body').loading({
                message: $('#msg-loading').val()
            });

            if (!navigator.onLine) {
                generateImage();
            }

            $.ajax({
                type: "POST",
                url: vURL + "/answeredForms/save",  //" route('reporte_produccion_diaria.store') ",
                data: formData,
                success: function(data) {

                    $('body').loading('stop');

                    if (typeof data == "string") {
                        data = JSON.parse(data);
                    }

                    if (data.status == 200) {

                        Swal.fire({
                            title: data.title,
                            html: data.message,
                            type: data.type,
                            showConfirmButton: true,
                        }).then(() => {
                            $('body').loading({
                                message: $('#msg-loading').val()
                            });

                            location.reload();
                        });
                    }
                    else if (data.status == 400) {
                        toastr.warning(data.message, data.title);
                    } else {
                        toastr.error(data.message, data.title);
                    }
                },
                error: function(data) {
                    $('body').loading('stop');

                    respuesta = data.responseJSON;

                    if (respuesta) {
                        var mensaje = '<div class="alert alert-danger"><ul>';
                        if (respuesta.errors) {
                            $.each(respuesta.errors, function(key, value) {
                                mensaje += '<li>' + value + '</li>';
                            });
                        } else {
                            mensaje +=
                                '<li>Ha ocurrido un error (por favor copie el siguiente mensaje en un documento de word y envíelo al administrador) :</li>';
                            mensaje += '<li><textarea style="width:100%; color:black;" rows="5">' + JSON.stringify(data) +
                                '</textarea></li>';
                        }
                        mensaje += '</ul></div>';
                        $("#mensajes").html(mensaje);
                        Swal.fire({
                            title: '{!! trans("validation.tituloValidaciones") !!}',
                            html: mensaje,
                            type: 'warning',
                            showConfirmButton: true
                        });
                    }
                    else if (data.status == 419) {
                        Swal.fire({
                            title: $('#msg-something-went-wrong').val(),
                            html: $('#msg-session-expired').val(),
                            type: `error`,
                            showConfirmButton: false,
                            timer: 3000
                        }).then(() => {
                            $('body').loading({
                                message: $('#msg-loading').val()
                            });

                            location.reload();
                        });
                    } else if (data.status == 500) {
                        Swal.fire({
                            title: $('#msg-something-went-wrong').val(),
                            html: $('#msg-contact-support').val(),
                            type: `error`,
                            showConfirmButton: false,
                            timer: 3000
                        });
                    }

                }
            });

        }

        function formatdosdecimales(valor_aformatear) {
            var valor_parseado = parseFloat(valor_aformatear);
            var valor_formateada = valor_parseado.toFixed(2);
            return valor_formateada
        }

        function cargar_datoslineaAgua() {
            @if (isset($datos_lineas_de_agua_consumo))
                @foreach ($datos_lineas_de_agua_consumo as $linea_agua_consumo)
                    var total = $("#addElementlineaAgua").attr('data-count');
                    adcionarlineaAgua();
                    $('#Idlineaagua_' + total).val('{{ $linea_agua_consumo->id }}');
                    $('#linea_agua_pozo_' + total).val('{{ $linea_agua_consumo->id_pozo }}');
                    $('#distancia_' + total).val('{{ $linea_agua_consumo->distancia }}');
                    $('#elevacion_' + total).val('{{ $linea_agua_consumo->elevacion }}');
                    $('#mangueras_extras_' + total).val('{{ $linea_agua_consumo->mangueras_extras }}');
                    $('#bombas_extras_' + total).val('{{ $linea_agua_consumo->bombas_extras }}');
                    $('#litros_desde_' + total).val(formatdosdecimales('{{ $linea_agua_consumo->litros_hasta }}'));
                    $('#litros_hasta_' + total).val(0);
                    $('#litros_tratados_desde_' + total).val(formatdosdecimales(
                        '{{ $linea_agua_consumo->litros_tratados_hasta }}'));
                    $('#litros_tratados_hasta_' + total).val(0);
                @endforeach
            @endif
        }


        function cargarBrocas() {
            @if (isset($datos_prod_registro_brocas))
                @foreach ($datos_prod_registro_brocas as $prod_registro_brocas)
                    var total = $("#addBrocas").attr('data-count');
                    addBroca();
                    $('#IdBrocan_' + total).val('{{ $prod_registro_brocas->id }}');
                    $('#nombre_pozo_' + total).val('{{ $prod_registro_brocas->id_pozo }}');
                    $('#id_param_tipo_broca_' + total).val('{{ $prod_registro_brocas->tipo_broca }}');
                    $('#id_param_diametroBro_' + total).val('{{ $prod_registro_brocas->diametro }}');
                    llenaNumeroSerie(total);
                    $('#num_serie_' + total).val('{{ $prod_registro_brocas->id_broca }}');
                    LLenarCamposbroca(total)
                    //$('#num_serieID_'+total).val('{{ $prod_registro_brocas->id_param_tipo_broca }}');
                    $('#id_broca_' + total).val('{{ $prod_registro_brocas->id_broca }}');
                    $('#num_serie_text_' + total).val('{{ $prod_registro_brocas->num_serie }}');
                    $('#desde_bro_' + total).val('{{ $prod_registro_brocas->hasta }}');
                    $('#tipo_serie_' + total).val('{{ $prod_registro_brocas->tipo_serie }}');
                    $('#id_param_estado_boca_' + total).val('{{ $prod_registro_brocas->id_param_estado_boca }}');
                    //$('#hasta_bro_'+total).val('');
                    cabiabroca(total);
                    //$('#totalbro_'+total).val('0');
                    //$('#total_bro_'+total).val('0');
                    $('#id_param_dada_de_baja_' + total).val('{{ $prod_registro_brocas->id_param_dada_de_baja }}');
                @endforeach
            @endif
        }

        function cargarEquipos() {
            @if (isset($datos_prod_registro_equipos))
                @foreach ($datos_prod_registro_equipos as $prod_registro_equipos)
                    var total = $("#addEquipos").attr('data-count');
                    addEquipo();

                    $('#IdEquipos_' + total).val('{{ $prod_registro_equipos->id }}');
                    $('#equipos_pozo_' + total).val('{{ $prod_registro_equipos->id_pozo }}');
                    $('#numero_' + total).val('{{ $prod_registro_equipos->numero }}');
                    $('#id_maquinaEqui_' + total).val('{{ $prod_registro_equipos->id_maquina }}');
                @endforeach
                $('.select2').select2()
            @endif
        }

        function validarEnvio(){
            var messages = {};

            //Personal qty
            var idParamCargo = $('#id_param_cargo_0').val();

            if (!idParamCargo) {
                messages['id_param_cargo_0'] = '{!! trans('controllerMessage/controllers.Falta ingresar datos del personal') !!}';
            }

            //Personal Hours
            var total_horas = 0;
            var id_persona_suma = {};
            if ($('#valorHorasEditar').val() !== 1) {
                $('.fila-personal').each(function() {
                    var id_persona = $(this).find('select[name="id_persona[]"]').val();
                    var horas = parseInt($(this).find('input[name="horas[]"]').val()) || 0;
                    total_horas += horas;

                    if (id_persona) {
                        id_persona_suma[id_persona] = (id_persona_suma[id_persona] || 0) + horas;
                    }
                });

                var hayErrorSumaDeHoras = false;

                $.each(id_persona_suma, function(key, value) {
                    if (value > 12) {
                        hayErrorSumaDeHoras = true;
                    }
                });

                if (hayErrorSumaDeHoras) {
                    messages['id_persona'] = '{!! trans('controllerMessage/controllers.Los turnos de las personas no deben superar 12 horas') !!}';
                }
            }

            if ($('.fila-detalle-perforacion').length > 0) {

                $('.fila-detalle-perforacion').each(function() {
                    var llave = "";
                    var desde = parseFloat($(this).find('input[name="desde[]"]').val()) || 0;
                    var hasta = parseFloat($(this).find('input[name="hasta[]"]').val()) || 0;
                    var nombre_pozo = $(this).find('select[name="hoyo[]"] option:selected').text();

                    if (desde > hasta) {
                        llave = 'detalle_perforacion_'+nombre_pozo;
                        messages[llave] = '{!! trans('controllerMessage/controllers.en el pozo') !!} ' + nombre_pozo + ' {!! trans('controllerMessage/controllers.la información del campo \"Desde\" no puede ser mayor que la del campo \"Hasta\".') !!}';
                    }
                });

            }else{
                if ( $('#nombre_pozo_0').val() !== undefined || $('#num_serie_0').val() !== undefined ) {
                    messages['existe_broca_sin_pozo'] = '{!! trans('controllerMessage/controllers.No deben haber registros de brocas sin detalle de perforación') !!}';
                }
            }

            var idActividadn = $('#id_param_actividad_0').val();
            if (!idActividadn) {
                messages['id_Actividad'] = '{!! trans('controllerMessage/controllers.Debe ingresar por lo menos una actividad') !!}';
            }

            var totalMinutosActividad = parseInt($('input[name="TotalminutosActividad"]').val()) || 0;

            if (totalMinutosActividad !== total_horas * 60) {
                messages['actividades_cargo'] = '{!! trans('controllerMessage/controllers.Las horas de las actividades no son iguales a las horas del cargo') !!}';
            }

            var cuenta = [];
            var conteoTiempoActividades = 0;

            if ($('.fila-actividad').length > 0) {
                var array_actividades_pozos = [];

                $('.fila-actividad').each(function(index) {
                    var hoyoActividad = $(this).find('select[name="hoyo_actividad[]"]').val();
                    var idParamActividad = $(this).find('select[name="id_param_actividad[]"]').val();

                    conteoTiempoActividades += ($(this).find('input[name="horas_act1[]"]').val() + $(this).find('input[name="minutos_act1[]"]').val() + $(this).find('input[name="horas_klu1[]"]').val() + $(this).find('input[name="minutos_klu1[]"]').val() );

                    if (hoyoActividad !== undefined && idParamActividad !== undefined) {
                        array_actividades_pozos[index] = hoyoActividad + "|" + idParamActividad;
                    }


                });

                var uniqueActividades = [...new Set(array_actividades_pozos)];

                cuenta = array_actividades_pozos.filter((item, index) => uniqueActividades.indexOf(item) !== index);

                if (cuenta.length > 0) {
                    messages['actividad_repetida'] = '{!! trans('controllerMessage/controllers.Una actividad no puede estar seleccionada más de una vez') !!}';
                }

                if (conteoTiempoActividades == 0) {
                    messages['actividades_sin_duracion'] = '{!! trans('controllerMessage/controllers.Relacione horas y/o minutos a todas las actividades relacionadas') !!}';
                }
            }

            var detallePerforacion = $('#IdDetallePerforacion_0').val();
            var registroDeBrocas = $('#nombre_pozo_0').val();

            if (detallePerforacion && !registroDeBrocas) {
                messages['detalles_sin_brocas'] = '{!! trans('controllerMessage/controllers.Relacione las brocas utilizadas en el proceso de perforación') !!}';

            }

            if ($('input[name=horometros_hasta]').val() != '' && $('#horometros_desde').val() != '') {

                if ($('input[name=horometros_hasta]').val() < $('#horometros_desde').val() ) {
                    messages['horometros_1'] = '{!! trans('controllerMessage/controllers.El campo horometro hasta no puede ser inferior al campo horometro desde')!!}';
                }

                if ($('input[name=mantenimiento_realizado]').val() >  $('input[name=horometros_hasta]').val()) {
                    messages['horometros_2'] = '{!! trans('controllerMessage/controllers.El campo mantenimiento realizado no puede ser superior al campo horometro hasta')!!}';
                }

                if (($('input[name=mantenimiento_realizado]').val() != '') && ($('input[name=mantenimiento_realizado]').val() > 0)) {
                    if ($('input[name=mantenimiento_realizado]').val() < $('#horometros_desde').val()) {
                        messages['horometros_3'] = '{!! trans('controllerMessage/controllers.El campo mantenimiento realizado no puede ser inferior al campo horometro desde')!!}';
                    }
                }

                if (($('input[name=horometros_hasta]').val() - $('#horometros_desde').val()) > 12) {
                    messages['horometros_4'] = '{!! trans('controllerMessage/controllers.La diferencia desde/hasta en horometros no puede ser mayor a 12') !!}';
                }
            }

            if ( $('input[name=h_200]').prop('checked') || $('input[name=h_400]').prop('checked') || $('input[name=h_1600]').prop('checked')) {
                if ($('input[name=mantenimiento_realizado]').val() == '') {
                    messages['horometros_5'] = '{!! trans('controllerMessage/controllers.Si seleccionó alguno de los check de horometros, debe diligenciar el campo de mantetenimiento realizado a maquinas') !!}';
                }
            }

            if ($('#litros_desde_0').val() && $('#litros_hasta_0').val()) {
                if ($('#litros_desde_0').val() > $('#litros_hasta_0').val()) {
                    messages['litros_agua_1'] = '{!! trans('controllerMessage/controllers.El campo Suministro de agua desde no puede ser mayor a Suministro de agua hasta') !!}';
                }
            }

            if ($('#litros_tratados_desde_0').val()  && $('#litros_tratados_hasta_0').val()) {
                if ($('#litros_tratados_desde_0').val() > $('#litros_tratados_hasta_0').val()) {
                    messages['litros_agua_2'] = '{!! trans('controllerMessage/controllers.El campo Recirculación de agua desde no puede ser mayor a Recirculación de agua hasta') !!}';
                }
            }

            console.log("messages",messages, Object.keys(messages).length);

            if (Object.keys(messages).length > 0) {
                return messages;
            }else{
                return null;
            }
        }

    </script>
@endpush