@extends('layouts.app', ['activePage' => 'clientes', 'titlePage' => __('Autos')])

@section('content')

<style>
    #gridPoyectos th {
        font-size: 10px;
    }

    table {
        table-layout: fixed;
    }

    table td {
        word-wrap: break-word;
        max-width: 200px;
    }



    #gridPoyectos td {
        white-space: inherit;
    }

    table.dataTable tbody td {
        word-break: break-all;
        vertical-align: top;
    }
</style>
<div class="content">
    <input type="hidden" id="perfilLogueado" value="{{ auth()->user()->id_perfil }}">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-4">
                                <h4 class="card-title">Proyectos</h4>
                                <!--<p class="card-category"> Here is a subtitle for this table</p>-->
                            </div>
                        </div>
                        <div class="row">
                            <!--<div class="col-3">
                                <div class="input-group input-group-static mb-4">
                                    <label for="">Fecha</label>
                                    <input type="text" class="form-control daterange" id="fechasFil" onchange="loadGrid();">
                                </div>
                            </div>
                             <div class="col-3">
                                <div class="input-group input-group-static mb-4">
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" value="" id="confechas" onchange="loadGrid();">
                                      <label class="custom-control-label" for="customCheck1">Todas las fechas</label>
                                    </div>
                                </div>
                            </div>-->
                            <div class="col-md-2">
                                <div class="input-group input-group-static">
                                    <label for="">Mes:</label>
                                    <select class="form-control " id="mesFil" style="width: 100%" onchange="loadGrid()">
                                        <option value="0">-Todos-</option>
                                        <option value="01">Enero</option>
                                        <option value="02">Febrero</option>
                                        <option value="03">Marzo</option>
                                        <option value="04">Abril</option>
                                        <option value="05">Mayo</option>
                                        <option value="06">Junio</option>
                                        <option value="07">Julio</option>
                                        <option value="08">Agosto</option>
                                        <option value="09">Septiembre</option>
                                        <option value="10">Octubre</option>
                                        <option value="11">Noviembre</option>
                                        <option value="12">Diciembre</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="input-group input-group-static">
                                    <label for="">Año:</label>
                                    <select class="form-control " id="anioFil" style="width: 100%" onchange="loadGrid()">
                                        <option value="0">-Todos-</option>
                                        <option value="2021">2021</option>
                                        <option value="2022">2022</option>
                                        <option value="2023">2023</option>
                                        <option value="2024">2024</option>
                                        <option value="2025">2025</option>
                                        <option value="2026">2026</option>
                                        <option value="2027">2027</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="input-group input-group-static mb-4">
                                    <label for="">Cliente:</label>
                                    <select class="form-control" id="clienteFil" onchange="loadGrid();">
                                        <option value="0">-Todos-</option>
                                        @foreach ($data['clientes'] as $c)
                                        <option value="{{ $c->Id }}">{{ $c->Nom010a }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="input-group input-group-static mb-4">
                                    <label for="">Lider de proyecto:</label>
                                    <select class="form-control" id="liderFil" onchange="loadGrid();">
                                        <option value="0">-Todos-</option>
                                        @foreach ($data['users'] as $u)
                                        <option value="{{$u->id}}">{{$u->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="input-group input-group-static mb-4">
                                    <label for="">Estatus:</label>
                                    <select class="form-control" id="estatusFil" onchange="loadGrid();">
                                        <option value="0">-Todos-</option>
                                        <option value="Activo">Activo</option>
                                        <option value="Asignado">Asignado</option>
                                        <option value="Cierre">Cierre</option>
                                        <option value="Ganado">Ganado</option>
                                        <option value="Cambios">Cambios</option>
                                        <option value="Cancelado">Cancelado</option>
                                        <option value="Cotizado">Cotizado</option>
                                        <option value="Aceptado" @if(auth()->user()->id_perfil == 3) selected @endif>Por Cotizar</option>
                                        <option value="En Validacion">En Validacion</option>
                                    </select>
                                </div>
                            </div>
                            <!-- <div class="col-2 mt-3">
                                <button type="button" class="btn btn-primary " onclick="loadGrid()" id="btn1">
                                    <i class="fa fa-search" aria-hidden="true"></i>
                                    Buscar
                                </button>
                            </div>-->
                            <div class="col-12 mt-3 text-right">

                                @if(auth()->user()->id_perfil == 1 || auth()->user()->id_perfil == 2 || auth()->user()->id_perfil == 3 || auth()->user()->id_perfil == 6)
                                <button class="btn btn-primary" onclick="generarExcelVolumetrias()" title="Generar EXCEL de volumetrias">EXCEL VOLUMETRIAS</button>
                                @endif

                                @if (auth()->user()->id_perfil == 1)
                                <button type="button" class="btn btn-primary " id="addATp" onclick="modalTipoCambio();">
                                    Tipo de Cambio
                                </button>
                                @endif
                                <button type="button" class="btn btn-primary " id="addA" onclick="newProyect();">
                                    Nuevo Proyecto
                                </button>
                            </div>
                        </div>
                        <div class="row ">
                            <table class="table table-bordered table-hover" id="gridPoyectos">
                                <thead>
                                    <!-- <th class="text-capitalize  text-white text-xxs font-weight-bolder opacity-7">
                                        </th> -->
                                    <th class="text-white text-xxs font-weight-bolder opacity-7">ID</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Código</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Nombre</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Cliente</th>
                                    <!--<th class="text-white  text-xxs font-weight-bolder opacity-7">Contacto</th>-->
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Prioridad / Alerta</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Volumetria</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Estatus</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Proyectista</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Lider de proyecto</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Acciones</th>
                                </thead>
                                <tbody id="list">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="modalForm">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="newLabel" style="display: none;">Nuevo Proyecto</h4>
                <h4 class="modal-title" id="EditLabel" style="display: none;">Edita Proyecto</h4>
                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="id_proy">
                <div class="nav-tabs-navigation">
                    <div class="nav-tabs-wrapper">
                        <ul class="nav nav-pills nav-pills-primary" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#generalProy" role="tablist" aria-expanded="false" id="generalesTabbtn">
                                    Generales
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#interProy" role="tablist" aria-expanded="false">
                                    Interlocutores
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#contratistasProy" role="tablist" aria-expanded="false">
                                    Contratistas
                                </a>
                            </li>
                            <li class="nav-item" id="divTabVersiones" style="display: none;">
                                <a class="nav-link" data-toggle="tab" href="#versionesProy" role="tablist" aria-expanded="false">
                                    Versiones
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>



                <!--<ul class="nav nav-pills card-header-pills">
                    <li class="nav-item">
                        <a class="nav-link active show generalProy" href="#generalProy" data-toggle="tab" role="tab" id="generalesTabbtn">Generales</a> 
                    </li>
                    <li class="nav-item">
                        <a class="nav-link interProy" href="#interProy" data-toggle="tab" role="tab">Interlocutores</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link contratistasProy" href="#contratistasProy" data-toggle="tab" role="tab">Contratistas</a>
                    </li>
                </ul>-->
                <br>
                <div class="tab-content tab-space">
                    <div class="tab-pane active generalProy" id="generalProy">
                        <div class="row">
                            <div class="col-12">
                                <div class="input-group input-group-static">
                                    <label>Nombre del proyecto: </label>
                                    <input type="text" class="form-control" id="nombre">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3">
                                <div class="input-group input-group-static">
                                    <label>Cliente: </label>
                                    <select class="form-control" id="cliente" onchange="getNumProye();">
                                        <option value="0">-Selecciona-</option>
                                        @foreach ($data['clientes'] as $c)
                                        <option value="{{ $c->Id }}">{{ $c->Nom010a }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-1 d-flex align-items-center justify-content-center">
                                <!--<button type="btn btn-danger btn-xs" onclick="modalClientes()"><i class="fa fa-user-plus" aria-hidden="true"></i></button>-->
                                <button type="btn btn-danger btn-xs" onclick="verContactos()"><i class="fa fa-address-book" aria-hidden="true"></i></button>
                            </div>
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Tipo de proyecto: </label>
                                    <select class="form-control" id="giro" onchange="completeCode();">
                                        <option value="0">-Selecciona-</option>
                                        @foreach ($data['giros'] as $c)
                                        <option value="{{ $c->Id }}" desc="{{ $c->DescripcionCorta }}">{{ $c->Descripcion }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Lider de proyecto:</label>
                                    <select class="form-control" id="lider">
                                        <option value="0">-Selecciona-</option>
                                        @foreach ($data['users'] as $u)
                                        <option value="{{ $u->id }}">{{ $u->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!--<div class="row">
                            <div class="col-6">
                                <div class="input-group input-group-static">
                                    <label>Contacto</label>
                                    <select class="form-control" id="contacto" onchange="telefonoCont();"></select>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="input-group input-group-static">
                                    <label>Telefono Contacto</label>
                                    <input type="text" class="form-control" id="contactoTelefono">
                                </div>
                            </div>
                        </div>-->
                        <div class="row">
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Fecha de envío a proyectos:</label>
                                    <input type="date" class="form-control" id="fechaEnvio">
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Fecha de entrega de proyecto:</label>
                                    <input type="date" class="form-control" id="fechaEntrega">
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Fecha estimada de ejecución obra:</label>
                                    <input type="date" class="form-control" id="fechaEjecucion">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-4">
                                <!--<div class="input-group input-group-static">
                                    <label>Presupuesto</label>
                                    <input type="text" class="form-control" id="presupuesto">
                                </div>-->
                                <div class="input-group input-group-static">
                                    <label>Presupuesto: </label>
                                    <!--<span class="input-group-text">$</span>-->
                                    <input type="text" id="presupuesto" class="form-control" aria-label="Amount (to the nearest dollar)" onblur="numberFormat();">
                                </div>
                            </div>
                            <!-- <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Prioridad</label>
                                    <select class="form-control" id="prioridad">
                                        <option value="Baja">Baja</option>
                                        <option value="Media">Media</option>
                                        <option value="Alta">Alta</option>
                                    </select>
                                </div>
                            </div> -->
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Código: </label>
                                    <input type="text" class="form-control" id="codigo" value="0-0-0" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Estatus: </label>
                                    <select class="form-control" id="estatus">
                                        <option value="Activo">Activo</option>
                                        <option value="Ganado">Ganado</option>
                                        <option value="Cambios">Cambios</option>
                                        <option value="Cancelado">Cancelado</option>
                                        <option value="Cotizado">Cotizado</option>
                                        <option value="Aceptado">Aceptado</option>
                                        <option value="En Validacion">En Validacion</option>
                                        <option value="Asignado">Asignado</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-8">
                                <div class="input-group input-group-static">
                                    <label>Url Repositorio</label>
                                    <input type="text" class="form-control" id="urlRepo">
                                </div>
                            </div>
                        </div>
                        <!--<div class="row">
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Contratista</label>
                                    <input type="text" class="form-control" id="contratista">
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Contacto Contratista</label>
                                    <input type="text" class="form-control" id="contactoContratista">
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="input-group input-group-static">
                                    <label>Telefono Contratista</label>
                                    <input type="text" class="form-control" id="nombre">
                                </div>
                            </div>
                        </div>-->
                        <div class="row">
                            <div class="col-12">
                                <div class="input-group input-group-static">
                                    <label>Comentarios:</label>
                                    <textarea class="form-control" id="comentarios" cols="12" rows="4"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane interProy" id="interProy">
                        <div class="row">
                            <div class="col-10">
                                <div class="input-group input-group-static my-3">
                                    <label>Interlocutor: <span class="text-danger">*</span></label>
                                    <select id="interlocutor" class="form-control">
                                        <option value="0">-Selecciona-</option>
                                        @foreach ($data['interlocutores'] as $c)
                                        <option value="{{ $c->Id }}" telefono="{{ $c->Telefono1 }}" telefono2="{{ $c->Telefono2 }}" correo="{{ $c->Correo }}" desc="{{ $c->Descripcion }}" nivel="{{ $c->nivelinter->Descripcion }}" razon="{{ $c->RazonSocial }}">{{ $c->Descripcion }} - {{ $c->nivelinter->Descripcion }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-1 d-flex align-items-center justify-content-center">
                                <button type="button" class="btn btn-primary btn-xs" id="a" onclick="agregarInter()" title="Agregar Interlocutor"><i class="fa fa-plus"></i></button>
                            </div>
                            <div class="col-1 d-flex align-items-center justify-content-center">
                                <button type="button" class="btn btn-primary btn-xs" id="a" onclick="listaInterlocutores();" title="Nuevo Interlocutor"><i class="fa fa-user-plus"></i></button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th>Contacto</th>
                                                <th>Razon Social</th>
                                                <th>Correo</th>
                                                <th>Teléfono</th>
                                                <th>Teléfono 2</th>
                                                <th>Nivel</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tableInterlocutor">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane contratistasProy" id="contratistasProy">
                        <div class="row">
                            <div class="col-10">
                                <div class="input-group input-group-static my-3">
                                    <label>Contratista: <span class="text-danger">*</span></label>
                                    <select id="contratista" class="form-control">
                                        <option value="0">-Selecciona-</option>
                                        @foreach ($data['contratistas'] as $c)
                                        <option value="{{ $c->Id }}" telefono="{{ $c->Telefono1 }}" telefono2="{{ $c->Telefono1 }}" correo="{{ $c->Correo }}" desc="{{ $c->Descripcion }}">{{ $c->Descripcion }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-1 d-flex align-items-center justify-content-center">
                                <button type="button" class="btn btn-primary btn-xs" id="a" onclick="agregarContratista()" title="Agregar Contratista"><i class="fa fa-plus"></i></button>
                            </div>
                            <div class="col-1 d-flex align-items-center justify-content-center">
                                <button type="button" class="btn btn-primary btn-xs" id="a" onclick="listaContratistas()" title="Nuevo Contratista"><i class="fa fa-user-plus"></i></button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th>Nombre</th>
                                                <th>Correo</th>
                                                <th>Teléfono</th>
                                                <th>Teléfono 2</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tableContratista">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane versionesProy" id="versionesProy">
                        <div class="row">
                            <div class="col-12">
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th>Version</th>
                                                <th>Fecha</th>
                                                <th>Estatus</th>
                                            </tr>
                                        </thead>
                                        <tbody id="bodyVersiones">

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="save();">Guardar</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="modalChangePrioridad" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal">Cambiar prioridad</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <form id="form-save-prioridad" method="post">
                <input type="hidden" id="id_proyecto_hidden" name="id_proyecto_hidden">
                <div class="modal-body">
                    <div class="input-group input-group-static">
                        <label>Prioridad: </label>
                        <select class="form-control" id="prioridad" name="prioridad" require>
                            <option value="">-Selecciona-</option>
                            @foreach($data['prioridades'] as $pr)
                            <option value="{{$pr->id}}">{{$pr->prioridad}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-primary">Guardar</button>
                </div>
            </form>
        </div>
    </div>
</div>



<div class="modal fade" id="modalContactos">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Contactos</h4>
                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Nombre</th>
                                        <th>Correo</th>
                                        <th>Teléfono 1</th>
                                        <th>Teléfono 2</th>
                                    </tr>
                                </thead>
                                <tbody id="tableContactos">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalVersionesProyecto">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="modalVersionTitle">Versiones</h4>
                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">

                    <div class="col-md-3">
                        <div class="input-group input-group-static">
                            <label>Moneda: <span class="text-danger">*</span></label>
                            <select class="form-control" id="moneda_cot" disabled>
                                <option value="">-Selecciona-</option>
                                @foreach($data['monedas'] as $pr)
                                <option value="{{$pr->Id}}">{{$pr->Descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3" id="content_tipo_cambio">
                        <div class="input-group input-group-static">
                            <label>Tipo de cambio: <span class="text-danger">*</span></label>
                            <input type="number" step="any" class="form-control" id="tipo_cambio" onchange="tipoDeCambio(this.value)">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="input-group input-group-static">
                            <label>Cotizar en:</label>
                            <select class="form-control" id="enviarEn" onchange="tipoDeMoneda(this.value)">
                                @foreach($data['monedas'] as $pr)
                                <option value="{{$pr->Id}}">{{$pr->Descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-3">
                        <h5>
                            Version
                        </h5>
                        <p id="versionMuted"></p>
                    </div>
                    <div class="col-3">
                        <h5>
                            Fecha de Creación
                        </h5>
                        <p id="fechaMuted">With faded secondary text</p>
                    </div>
                    <div class="col-3">
                        <h5>
                            Creado Por

                        </h5>
                        <p id="creadoMuted"></p>
                    </div>
                    <div class="col-3">
                        <h5>
                            Estatus
                        </h5>
                        <p id="estatusMuted">With faded secondary text</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3" id="content_tipo_cambio">
                        <div class="input-group input-group-static">
                            <label>Descuento %: <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" id="descuentoPorcent" onchange="calcularTotalesCotizacion();" @if((auth()->user()->id_perfil != 1) && (auth()->user()->id_perfil != 8)) disabled @endif>
                        </div>
                    </div>
                    <!-- <div class="col-md-3">
                        <div class="input-group input-group-static">
                            <label>Plazos</label>
                            <select class="form-control" id="plazos">
                                <option value="x">-Selecciona-</option>
                                @foreach($data['plazos'] as $pr)
                                <option value="{{$pr->Id}}">{{$pr->Descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div> -->
                </div>
                <div class="row">
                    <div class="col-12" align="right" id="btn-coti">

                    </div>
                </div>
                <!--<div class="table-responsive mt-2">
                    <table class="table table-hover text-center">
                        <thead>
                            <tr>
                                <th class="text-sm">Version</th>
                                <th class="text-sm">Fecha de creación</th>
                                <th class="text-sm">Creado por</th>
                                <th class="text-sm">Estatus</th>
                                <th class="text-sm">Acciones</th>
                            </tr>
                        </thead>
                        <tbody id="tableVersiones">

                        </tbody>
                    </table>
                </div>-->
                <div class="table-responsive mt-2">
                    <table class="table table-hover text-center">
                        <thead>
                            <tr>
                                <th class="text-sm">Codigo</th>
                                <th class="text-sm">Producto</th>
                                <th class="text-sm">Cantidad</th>
                                <th class="text-sm">Precio</th>
                                <th class="text-sm">Descuento</th>
                                <th class="text-sm">Neto</th>
                                <th class="text-sm">Importe</th>
                                <th class="text-sm">Entrega</th>
                            </tr>
                        </thead>
                        <tbody id="tableVersionesProductos">

                        </tbody>
                    </table>
                </div>
                <div class="row">
                    <div class="col-md-12" align="right">
                        <p>Subtotal : <strong id="subtotalCotiLabel">66.66</strong></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" align="right">
                        <p>Descuento : <strong id="descCotiLabel">66.66</strong></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" align="right">
                        <p>IVA : <strong id="ivaCotiLabel">66.66</strong></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" align="right">
                        <p>Total : <strong id="totalCotiLabel">66.66</strong></p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>

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

<div class="modal fade" id="modalPedidoProyecto">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="modalPedidoTitle">Generar pedido</h4>
                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12">
                        <div class="input-group input-group-static">
                            <label>Cliente: </label>
                            <select class="form-control" id="clientePedido">
                                <option value="0">-Selecciona-</option>
                                @foreach ($data['clientes'] as $c)
                                <option value="{{ $c->Id }}">{{ $c->Nom010a }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-3">
                        <div class="input-group input-group-static">
                            <label>Almacén destino: <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="almacen_destino" readonly>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="input-group input-group-static">
                            <label>Tipo de cambio: <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="tipo_cambio_genPedido">
                        </div>
                    </div>
                </div>
                <div class="table-responsive mt-2">
                    <table class="table table-hover text-center">
                        <thead>
                            <tr>
                                <th class="text-sm">Código</th>
                                <!-- <th class="text-sm">Descripción</th> -->
                                <th class="text-sm">Cantidad</th>
                                <th class="text-sm">Precio venta</th>
                                <th class="text-sm">Total</th>
                                <!--<th class="text-sm">Precio venta</th>-->
                            </tr>
                        </thead>
                        <tbody id="tableProductos">

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>
                <button type="submit" class="btn btn-primary" id="btn_guardar_pedido" onclick="guardarPedido()">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalFormInterlocutores">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Nuevo interlocutor</h4>
                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="idInterHide">

                <div class="row">
                    <div class="col-12">
                        <div class="input-group input-group-static">
                            <label>Razon Social: </label>
                            <input type="text" class="form-control" id="razonInter">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="input-group input-group-static">
                            <label>Contacto: </label>
                            <input type="text" class="form-control" id="nombreInter">
                            <p style="font-size: 12px; color:red;"><em>*Agrega nombre y apellido</em></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="input-group input-group-static">
                            <label>Nivel: </label>
                            <select class="form-control" id="nivel">
                                <option value="0">-Selecciona-</option>
                                @foreach ($data['niveles'] as $c)
                                <option value="{{ $c->Id }}">{{ $c->Descripcion }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="input-group input-group-static">
                            <label>Correo: </label>
                            <input type="text" class="form-control correo" id="correoInter">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-6">
                        <div class="input-group input-group-static">
                            <label>Teléfono 1: </label>
                            <input type="text" class="form-control numeros" id="telefono1Inter">
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="input-group input-group-static">
                            <label>Teléfono 2: </label>
                            <input type="text" class="form-control numeros" id="telefono2Inter">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-3">
                        <div class="input-group input-group-static">
                            <label>Estatus: </label>
                            <select class="form-control" id="estatusInter">
                                <option value="Activo">Activo</option>
                                <option value="Cancelado">Cancelado</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarInter();">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalFormContratistas">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Nuevo contratista</h4>
                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="idContraHide">
                <div class="row">
                    <div class="col-12">
                        <div class="input-group input-group-static">
                            <label>Nombre: </label>
                            <input type="text" class="form-control" id="nombreContra">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="input-group input-group-static">
                            <label>Correo: </label>
                            <input type="text" class="form-control correo" id="correoContra">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-6">
                        <div class="input-group input-group-static">
                            <label>Teléfono 1: </label>
                            <input type="text" class="form-control numeros" id="telefono1Contra">
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="input-group input-group-static">
                            <label>Teléfono 2: </label>
                            <input type="text" class="form-control numeros" id="telefono2Contra">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-3">
                        <div class="input-group input-group-static">
                            <label>Estatus: </label>
                            <select class="form-control" id="estatusContra">
                                <option value="Activo">Activo</option>
                                <option value="Cancelado">Cancelado</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarContratista();">Guardar</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="modallistaInter">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title">Interlocutores</h4>
                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12" align="right">
                        <button align="right" class="btn btn-primary btn-xs" onclick="modalFormInterlocutores();">+ Nuevo</button>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table table-hover display compact" id="gridInterlo" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Contacto</th>
                                        <th>Razon social</th>
                                        <th>Correo</th>
                                        <th>Telefono 1</th>
                                        <th>Telefono 2</th>
                                        <th>Nivel</th>
                                        <th>Estatus</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modallistaContra">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title">Contratistas</h4>
                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12" align="right">
                        <button align="right" class="btn btn-primary btn-xs" onclick="modalFormContratistas();">+ Nuevo</button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table table-hover display compact" id="gridContra" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Nombre</th>
                                        <th>Correo</th>
                                        <th>Telefono 1</th>
                                        <th>Telefono 2</th>
                                        <th>Estatus</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalClientes" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered  modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal" id="titleModal">Agregar cliente</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <form id="form-save-cliente" method="post">
                <input type="hidden" id="idCliente" name="idCliente">

                <div class="modal-body">
                    <div class="nav-tabs-navigation">
                        <div class="nav-tabs-wrapper">
                            <ul class="nav nav-pills nav-pills-primary" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#clientes_general" role="tablist" aria-expanded="false">
                                        General
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#clientes_contactos" role="tablist" aria-expanded="false">
                                        Contactos
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <hr>
                    <div class="tab-content tab-space">
                        <div class="tab-pane active" id="clientes_general" aria-expanded="true">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="input-group input-group-static ">
                                        <label for="">Nombre: <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="Nom010a" name="Nom010a" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group input-group-static">
                                        <label for="">Código: <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="Cod010a" name="Cod010a" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="input-group input-group-static">
                                        <label for="">Moneda: <span class="text-danger">*</span></label>
                                        <select class="form-control " id="Id_Moneda" name="Id_Moneda" style="width: 100%" required>
                                            <option value="">-[Seleccione una opción]-</option>
                                            @foreach ($data['monedas'] as $co)
                                            <option value="{{$co->Id}}">{{$co->Descripcion}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group input-group-static">
                                        <label for="">Canal: <span class="text-danger">*</span></label>
                                        <select class="form-control " name="Tipo010a" id="Tipo010a" style="width: 100%" required>
                                            <option value="">-[Seleccione una opción]-</option>
                                            @foreach ($data['canales'] as $co)
                                            <option value="{{$co->Id}}">{{$co->Descripcion}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="clientes_contactos" aria-expanded="true">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="input-group input-group-static ">
                                        <label for="">Nombre: <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="Descripcion">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group input-group-static ">
                                        <label for="">Correo: <span class="text-danger">*</span></label>
                                        <input type="email" class="form-control" id="Correo">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Telefono principal: <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" id="Telefono1">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Telefono alterno:</label>
                                        <input type="number" class="form-control" id="Telefono2">
                                    </div>
                                </div>
                                <div class="col-md-4 mt-3">
                                    <button type="button" class="btn btn-sm btn-primary" id="addContacto">
                                        Agregar
                                    </button>
                                </div>
                            </div>
                            <table id="gridContactos" class="table table-bordered table-hover mt-3" width="100%">
                                <thead>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Nombre</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Correo</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Teléfono principal</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Teléfono alterno</th>
                                    <th class="text-white  text-xxs font-weight-bolder opacity-7">Acciones</th>
                                </thead>
                                <tbody id="listContactos" width="100%">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-primary">Guardar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="modalCambiaEstatus">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title font-weight-normal" id="titlemodalCambiaEstatus">Modal title</h4>
                <input type="hidden" id="idProdEstatus">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12">
                        <label>Estatus</label>
                        <select class="form-control" id="idCabioEstatus" onchange="cambiEsta();">
                            <option value="Asignado">Asignado</option>
                            <option value="Ganado">Ganado</option>
                            <option value="Cambios">Cambios</option>
                            <option value="Cancelado">Cancelado</option>
                        </select>
                    </div>
                </div>
                <div class="row" id="cuerpoCorreoEstatus">
                    <div class="col-12">
                        <label>Comentarios</label>
                        <textarea class="form-control" cols="12" rows="3" id="cuerpoCorr"></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="cambiarEstatus();">Cambiar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalVolumetriasExcel">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal">Generar EXCEL</h5>
                <input type="hidden" id="id_proyecto_volumetrias">
                <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">

                <div class="input-group input-group-static">
                    <label>Cliente:</label>
                    <select class="form-control" id="clientes_vl" onchange="getProyectosCliente(this.value)">
                        <option value="0">-Todos-</option>
                        @foreach ($data['clientes'] as $c)
                        <option value="{{ $c->Id }}">{{$c->Cod010a}} - {{ $c->Nom010a }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-static">
                    <label>Proyecto:</label>
                    <select class="form-control" id="proyectos_vl" disabled>
                        <option value="0">-Todos-</option>

                    </select>
                </div>
                <div class="input-group input-group-static">
                    <label>Lider:</label>
                    <select class="form-control" id="lider_vl">
                        <option value="0">-Todos-</option>
                        @foreach ($data['users'] as $u)
                        <option value="{{$u->id}}">{{$u->name}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-static">
                    <label>Estatus volumetria:</label>
                    <select class="form-control" id="estatus_vl">
                        <option value="0">-Todos-</option>
                        @foreach($data['estatus_volumetrias'] as $op)
                        <option value="{{$op}}">{{$op}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="generarExcel();">Generar</button>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="modalTipoCambio">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title">Tipo Cambio</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-10">
                        <div class="input-group input-group-static">
                            <label>Tipo Cambio</label>
                            <input type="text" class="form-control" id="modTipoCambio">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <button class="btn btn-primary btn-sm" onclick="guardarTipoCambio()">Guardar</button>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table table-hover" id="tipoCambioTable">
                                <thead>
                                    <tr>
                                        <th>id</th>
                                        <th>Tipo Cambio</th>
                                        <th>Fecha</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cerrar</button>

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

<input type="hidden" id="tipo_cambio_hidden">

<a id="descargar_excel" href="" download type="hidden"></a>

<link rel="stylesheet" href="{{asset('vendor/jquery-ui/jquery-ui.min.css')}}">
<script src="{{asset('vendor/jquery-ui/jquery-ui.min.js')}}"></script>
<script>
    $(document).ready(function() {
        $('.dropify').dropify();



        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        var fecha = new Date();
        mes = fecha.getMonth() + 1
        anio = fecha.getFullYear();

        if (mes < 10) {
            mes = '0' + mes
        }
        $('#mesFil').val(mes)
        $('#anioFil').val(anio)
        $(".numeros").on('input', function(evt) {
            $(this).val($(this).val().replace(/[^0-9]/g, ''));
        });
        $('.correo').keyup(function() {

            //var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
            var validRegex = /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i;

            if (this.value.match(validRegex)) {

                $(this).css('color', 'green');
                $(this).attr('valid', true);
                return true;

            } else {
                $(this).focus();
                $(this).css('color', 'red');
                $(this).attr('valid', false);
                return false;
            }

        })
        $('.daterange').daterangepicker({
            startDate: moment().subtract(1, 'months'),
            endDate: moment().startOf('hour').add(0, 'hour'),
            locale: {
                format: 'DD-MM-YYYY',
                applyLabel: "Aplicar",
                cancelLabel: "Cancelar",
            }
        });


        $("#clienteFil").select2({
            theme: 'filled',
            width: 'resolve',
        });

        /*$('#modallistaInter').on('shown.bs.modal', function () {
            loadlistaInterlocutores()
        })*/
        loadGrid();
    });





    function blockSpecialChar(e) {
        var k;
        document.all ? k = e.keyCode : k = e.which;
        return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 32 || (k >= 48 && k <= 57));
    }



    function loadGrid() {
        //$('#').DataTable();
        $('#gridPoyectos').dataTable().fnDestroy();
        $('#gridPoyectos td').css('white-space', 'initial');
        if ($('#confechas').prop('checked')) {
            confechas = 1;
        } else {
            confechas = 0;
        }
        if ($('#anioFil').val() == '0' && $('#mesFil').val() != '0') {
            Swal.fire({
                title: 'Selecciona un año',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        var table = $('#gridPoyectos').DataTable({
            lengthMenu: [10, 15, 20, 50, 100],
            dom: 'Bfrtip',
            processing: true,
            responsive: true,
            scrollY: '50vh',
            scrollCollapse: true,
            ajax: {
                url: "{{url('proyectos/get_proyectos')}}",
                type: "POST",
                data: {
                    //fechas: $('#fechasFil').val(),
                    cliente: $('#clienteFil option:selected').val(),
                    estatus: $('#estatusFil option:selected').val(),
                    lider: $('#liderFil option:selected').val(),
                    anio: $('#anioFil option:selected').val(),
                    mes: $('#mesFil option:selected').val(),
                    //confechas: confechas,
                }
            },
            columns: [
                // {
                //     "className": 'details-control',
                //     "orderable": false,
                //     "data": null,
                //     "defaultContent": ''
                // },
                {
                    data: "Id",
                    visible: false
                },
                {
                    data: "CodigoProyecto"
                },
                {
                    data: "Descripcion"
                },
                {
                    data: "cliente_nombre"
                },
                /*{
                    data: "cliente"
                },*/
                {
                    data: "prioridad_display"
                },
                {
                    data: "num_versiones"
                },
                {
                    data: "Estatus"
                },
                {
                    data: "proyectista_nombre"
                },
                {
                    data: "lider_nombre"
                },
                {
                    data: "acciones"
                },

            ],

            order: [
                [0, "desc"]
            ],
            buttons: [{
                    extend: 'copyHtml5',
                    text: '<i class="fa fa-files-o"></i>',
                    titleAttr: 'Copiar'
                },
                {
                    extend: 'excelHtml5',
                    text: '<i class="fa fa-file-excel-o"></i>',
                    titleAttr: 'Excel'
                },
                {
                    extend: 'csvHtml5',
                    text: '<i class="fa fa-file-text-o"></i>',
                    titleAttr: 'CSV'
                },
                {
                    extend: 'pdfHtml5',
                    text: '<i class="fa fa-file-pdf-o"></i>',
                    titleAttr: 'PDF'
                }

            ],
        });

        // $('#gridPoyectos tbody').on('click', 'td.details-control', function() {
        //     var tr = $(this).closest('tr');
        //     var row = table.row(tr);

        //     if (row.child.isShown()) {
        //         // This row is already open - close it
        //         row.child.hide();
        //         tr.removeClass('shown');
        //     } else {
        //         // Open this row
        //         row.child(format(row.data())).show();
        //         tr.addClass('shown');
        //     }
        // });
    }

    function newProyect() {
        $('#newLabel').show()
        $('#EditLabel').hide()
        $('#id_proy').val('')
        $('#tableInterlocutor').html('')
        $('#tableContratista').html('')
        $('#nombre').val('');
        $('#cliente').val(0);
        $('#codigo').val('0-0-0');
        $('#lider').val(0);
        $('#fechaEnvio').val('').attr('disabled', false);
        $('#fechaEntrega').val('').attr('disabled', false);
        $('#fechaEjecucion').val('').attr('disabled', false);
        $('#presupuesto').val('');
        // $('#prioridad').val('Baja');
        $('#giro').val(0);
        $('#tableInterlocutor').html('')
        $('#tableContratista').html('')
        $('#urlRepo').val('');
        $('#comentarios').val('');
        $('#generalesTabbtn').click()
        $('#estatus').val('Activo')
        $('#estatus').prop('disabled', true);
        $('#modalForm').modal('show');
    }

    function getNumProye() {
        var cliente = $('#cliente').val();
        $.ajax({
                url: "{{url('proyectos/get_cliente_code')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    cliente: cliente
                },
            })
            .done(function(resp) {
                console.log("success");
                var giroo = $('#giro').val()
                if (giroo == 0) {
                    giroDesc = '';
                } else {
                    giroDesc = $('#giro option:selected').attr('desc')
                }
                $('#codigo').val(resp.codigo + '-' + resp.numero + '-' + giroDesc)
                getClientesContactos();
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }

    function completeCode() {
        var a = $('#giro option:selected').attr('desc')
        var code = $('#codigo').val();
        code = code.split('-')
        $('#codigo').val(code[0] + '-' + code[1] + '-' + a)
    }

    function getClientesContactos() {
        var cliente = $('#cliente').val();
        $.ajax({
                url: "{{url('proyectos/get_cliente_contactos')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    cliente: cliente
                },
            })
            .done(function(resp) {
                console.log("success");
                html = '<option value="0"></option>';
                $('#contacto').html(html);
                $.each(resp.contactos, function(index, val) {
                    html += '<option value="' + val.Id + '" telefono="' + val.Telefono1 + '">' + val.Descripcion + '</option>';
                });
                $('#contacto').html(html);
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }

    function telefonoCont() {
        var a = $('#contacto option:selected').attr('telefono')
        $('#contactoTelefono').val(a)
    }

    function save() {

        var id = $('#id_proy').val()
        var nombre = $('#nombre').val();
        var cliente = $('#cliente').val();
        var codigo = $('#codigo').val();
        var lider = $('#lider').val();
        var fechaEnvio = $('#fechaEnvio').val();
        var fechaEntrega = $('#fechaEntrega').val();
        var fechaEjecucion = $('#fechaEjecucion').val();
        // var prioridad = $('#prioridad').val();
        var presupuesto = $('#presupuesto').val();
        var giro = $('#giro').val();
        var comentarios = $('#comentarios').val();
        var estatus = $('#estatus').val();
        var urlRepo = $('#urlRepo').val();

        var interlocutores = [];
        $('.interlocus').each(function() {
            my_prod = {
                id_interlocutor: $(this).attr('idinter'),
            };
            interlocutores.push(my_prod)
        });
        if (interlocutores.length < 2) {
            Swal.fire({
                title: 'Agrega al menos 2 interlocutores',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        var contratistas = [];
        $('.contratis').each(function() {
            cd = {
                id_contra: $(this).attr('idcontra'),
            };
            contratistas.push(cd)
        });

        if (lider == '0') {
            Swal.fire({
                title: 'Selecciona un lider',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (nombre == '') {
            Swal.fire({
                title: 'Agrega un nombre al proyecto',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (cliente == '0') {
            Swal.fire({
                title: 'Agrega un cliente al proyecto',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (codigo == '') {
            Swal.fire({
                title: 'Agrega un codigo al proyecto',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (fechaEnvio == '') {
            Swal.fire({
                title: 'Agrega un fecha de envio al proyecto',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (fechaEntrega == '') {
            Swal.fire({
                title: 'Agrega un fecha de entrega al proyecto',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (fechaEjecucion == '') {
            Swal.fire({
                title: 'Agrega un fecha de ejecucion al proyecto',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (presupuesto == '') {
            Swal.fire({
                title: 'Agrega un presupuesto al proyecto',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (giro == '0') {
            Swal.fire({
                title: 'Agrega un giro al proyecto',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        $('#loadingSave').modal('show');

        $.ajax({
                url: "{{url('proyectos/save_proyect')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                    nombre: nombre,
                    cliente: cliente,
                    codigo: codigo,
                    lider: lider,
                    fechaEnvio: fechaEnvio,
                    fechaEntrega: fechaEntrega,
                    fechaEjecucion: fechaEjecucion,
                    // prioridad: prioridad,
                    presupuesto: presupuesto,
                    giro: giro,
                    interlocutores: interlocutores,
                    contratistas: contratistas,
                    comentarios: comentarios,
                    estatus: estatus,
                    urlRepo: urlRepo,
                },
            })
            .done(function(res) {
                console.log("success");
                // loadGrid();
                if (res.id > 0) {

                    setTimeout(() => {
                        showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', 'Se ha guardado el proyecto correctamente.', 3000)
                        $('#gridPoyectos').DataTable().ajax.reload();
                        $('#modalForm').modal('hide');
                    }, 2000);
                }
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");

                setTimeout(() => {
                    $('#loadingSave').modal('hide');
                }, 2000);

            });

    }

    function agregarInter() {
        var id = $('#interlocutor').val();
        var desc = $('#interlocutor option:selected').attr('desc');
        var razon = $('#interlocutor option:selected').attr('razon');
        var telefono = $('#interlocutor option:selected').attr('telefono');
        var telefono2 = $('#interlocutor option:selected').attr('telefono2');
        var correo = $('#interlocutor option:selected').attr('correo');
        var nivel = $('#interlocutor option:selected').attr('nivel');
        if (id == '0') {
            Swal.fire({
                title: 'Selecciona un Interlocutor',
                type: 'warning',
                timer: 2000
            })
            return false;
        }

        html = '<tr id="inter_' + id + '" class="interlocus" idinter="' + id + '">'
        html += '<td class="text-wrap">' + desc + '</td>'
        html += '<td class="text-wrap">' + razon + '</td>'
        html += '<td class="text-wrap">' + correo + '</td>'
        html += '<td>' + telefono + '</td>'
        html += '<td>' + telefono2 + '</td>'
        html += '<td>' + nivel + '</td>'
        html += '<td><button class="btn btn-danger btn-xs" onclick="eliminaInter(' + id + ')">X</button></td>'
        html += '</tr>'
        $('#tableInterlocutor').append(html)
        $('#interlocutor').val(0)
    }

    function agregarContratista() {
        var id = $('#contratista').val();
        var desc = $('#contratista option:selected').attr('desc');
        var telefono = $('#contratista option:selected').attr('telefono');
        var telefono2 = $('#contratista option:selected').attr('telefono2');
        var correo = $('#contratista option:selected').attr('correo');

        if (id == '0') {
            Swal.fire({
                title: 'Selecciona un Contratista',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        html = '<tr id="contra_' + id + '" class="contratis" idcontra="' + id + '">'
        html += '<td>' + desc + '</td>'
        html += '<td>' + correo + '</td>'
        html += '<td>' + telefono + '</td>'
        html += '<td>' + telefono2 + '</td>'
        html += '<td><button class="btn btn-danger btn-xs" onclick="eliminaContraGrid(' + id + ')">X</button></td>'
        html += '</tr>'
        $('#tableContratista').append(html)
        $('#contratista').val(0)
    }

    function edit(id) {
        $.ajax({
                url: "{{url('proyectos/get_proyect_info')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                },
            })
            .done(function(res) {
                console.log("success");
                // console.log(res)

                $('#newLabel').hide()
                $('#EditLabel').show()
                $('#id_proy').val(res.data.Id)
                $('#nombre').val(res.data.Descripcion);
                $('#cliente').val(res.data.Id_Cliente);
                $('#codigo').val(res.data.CodigoProyecto);
                $('#lider').val(res.data.Id_LiderProyecto);
                $('#fechaEnvio').val(res.data.FechaEnvioAProyectos);
                $('#fechaEntrega').val(res.data.FechaRequeridaEntrega);
                $('#fechaEjecucion').val(res.data.FechaEstimadaEjecucion);

                if ($('#perfilLogueado').val() != 1) {
                    $('#fechaEnvio').prop('disabled', true)
                    $('#fechaEntrega').prop('disabled', true)
                    $('#fechaEjecucion').prop('disabled', true)
                } else {
                    $('#fechaEnvio').prop('disabled', false)
                    $('#fechaEntrega').prop('disabled', false)
                    $('#fechaEjecucion').prop('disabled', false)
                }

                // $('#prioridad').val(res.data.Prioridad);
                $('#presupuesto').val(res.data.Presupuesto);
                $('#giro').val(res.data.Id_Giro);
                $('#comentarios').val(res.data.comentarios);
                $('#estatus').val(res.data.Estatus);
                $('#urlRepo').val(res.data.urlRepo);

                var estus = res.data.Estatus
                if (estus == 'Cotizado' || estus == 'Aceptado' || estus == 'En Validacio' || estus == 'Asignado') {
                    $('#estatus').prop('disabled', true);
                } else {
                    $('#estatus').prop('disabled', true);
                }
                var num2 = new Intl.NumberFormat('en-US', {
                    style: 'currency',
                    currency: 'USD'
                }).format(res.data.Presupuesto)
                $('#presupuesto').val(num2);

                html = '';
                $('#tableContratista').html(html)
                $.each(res.contratistas, function(index, val) {
                    html += '<tr id="contra_' + val.Id + '" class="contratis" idcontra="' + val.Id + '">'
                    html += '<td class="text-wrap">' + val.Descripcion + '</td>'
                    html += '<td class="text-wrap">' + val.Correo + '</td>'
                    html += '<td>' + val.Telefono1 + '</td>'
                    html += '<td>' + val.Telefono2 + '</td>'
                    html += '<td><button class="btn btn-danger btn-xs" onclick="eliminaContraGrid(' + val.Id + ')">X</button></td>'
                    html += '</tr>'
                });
                $('#tableContratista').append(html)

                html2 = '';
                $('#tableInterlocutor').html(html2)

                $.each(res.interlocutores, function(index2, val2) {
                    html2 += '<tr id="inter_' + val2.Id + '" class="interlocus" idinter="' + val2.Id + '">'
                    html2 += '<td class="text-wrap">' + val2.Descripcion + '</td>'
                    html2 += '<td class="text-wrap">' + val2.RazonSocial + '</td>'
                    html2 += '<td class="text-wrap">' + val2.Correo + '</td>'
                    html2 += '<td>' + val2.Telefono1 + '</td>'
                    html2 += '<td>' + val2.Telefono2 + '</td>'
                    html2 += '<td class="text-wrap">' + val2.nivel_dis + '</td>'
                    html2 += '<td><button class="btn btn-danger btn-xs" onclick="eliminaInter(' + val2.Id + ')">X</button></td>'
                    html2 += '</tr>'
                });
                $('#tableInterlocutor').append(html2)

                if (res.volumetrias.length > 0) {
                    $('#bodyVersiones').html('')
                    html3 = '';
                    $.each(res.volumetrias, function(index, val) {
                        html3 += '<tr>'
                        html3 += '<td>' + val.version + '</td>'
                        html3 += '<td>' + val.fecha + '</td>'
                        html3 += '<td>' + val.estatus + '</td>'
                        html3 += '</tr>'
                    });
                    $('#bodyVersiones').html(html3)
                    $('#divTabVersiones').show()
                } else {
                    $('#bodyVersiones').html('')
                    $('#divTabVersiones').hide()
                }


                $('#modalForm').modal('show');
                //$('#generalesTabbtn').click()
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }

    function verContactos() {
        var cliente = $('#cliente').val();
        if (cliente == '0') {
            Swal.fire({
                title: 'Selecciona un cliente',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        $.ajax({
                url: "{{url('proyectos/get_cliente_contactos')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    cliente: cliente
                },
            })
            .done(function(resp) {
                console.log("success");
                html = '';
                $('#tableContactos').html(html)
                $.each(resp.contactos, function(index, val) {
                    html += '<tr>'
                    html += '<td>' + val.Descripcion + '</td>';
                    html += '<td>' + val.Correo + '</td>';
                    html += '<td>' + val.Telefono1 + '</td>';
                    html += '<td>' + val.Telefono2 + '</td>';
                    html += '</tr>'
                });
                $('#tableContactos').html(html)
                $('#modalContactos').modal('show')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }

    function eliminaInter(id) {
        $('#inter_' + id).remove()
    }

    function eliminaContraGrid(id) {
        $('#contra_' + id).remove()
    }

    function listaInterlocutores() {
        $('#modallistaInter').modal('show')
        loadlistaInterlocutores()
    }

    function loadlistaInterlocutores() {

        $('#gridInterlo').dataTable().fnDestroy();
        $('#gridInterlo td').css('white-space', 'initial');
        $('#gridInterlo').css('width', '100%');
        var table = $('#gridInterlo').DataTable({
            //lengthMenu: [10, 15, 20, 50, 100],
            dom: 'Bfrtip',
            processing: true,
            responsive: true,
            //scrollY: '50vh',
            //scrollCollapse: true,
            ajax: {
                url: "{{url('proyectos/get_interlocutores')}}",
                type: "POST",
                data: {
                    val: ''
                }
            },
            columns: [
                // {
                //     "className": 'details-control',
                //     "orderable": false,
                //     "data": null,
                //     "defaultContent": ''
                // },
                {
                    data: "Id",
                    visible: false
                },
                {
                    data: "Descripcion",
                    className: 'text-wrap',
                    width: "50px",
                },
                {
                    data: "RazonSocial",
                    className: 'text-wrap',
                    width: "50px",
                },
                {
                    data: "Correo",
                    className: 'text-wrap',
                    width: "40px",
                },
                {
                    data: "Telefono1"
                },
                {
                    data: "Telefono2"
                },
                /*{
                    data: "cliente"
                },*/
                {
                    data: "nivel_inter",
                    className: 'text-wrap',
                    width: "50px",
                },
                {
                    data: "Estatus"
                },
                {
                    data: "acciones"
                },

            ],

            order: [
                [0, "desc"]
            ],
            buttons: [{
                    extend: 'copyHtml5',
                    text: '<i class="fa fa-files-o"></i>',
                    titleAttr: 'Copiar'
                },
                {
                    extend: 'excelHtml5',
                    text: '<i class="fa fa-file-excel-o"></i>',
                    titleAttr: 'Excel'
                },
                {
                    extend: 'csvHtml5',
                    text: '<i class="fa fa-file-text-o"></i>',
                    titleAttr: 'CSV'
                },
                {
                    extend: 'pdfHtml5',
                    text: '<i class="fa fa-file-pdf-o"></i>',
                    titleAttr: 'PDF'
                }

            ],
        });


    }

    function listaContratistas() {
        $('#modallistaContra').modal('show')
        loadlistaContratistas()
    }

    function loadlistaContratistas() {

        $('#gridContra').dataTable().fnDestroy();
        $('#gridContra td').css('white-space', 'initial');
        $('#gridContra').css('width', '100%');
        var table = $('#gridContra').DataTable({
            //lengthMenu: [10, 15, 20, 50, 100],
            dom: 'Bfrtip',
            processing: true,
            responsive: true,
            //scrollY: '50vh',
            //scrollCollapse: true,
            ajax: {
                url: "{{url('proyectos/get_contratistas')}}",
                type: "POST",
                data: {
                    val: ''
                }
            },
            columns: [
                // {
                //     "className": 'details-control',
                //     "orderable": false,
                //     "data": null,
                //     "defaultContent": ''
                // },
                {
                    data: "Id",
                    visible: false
                },
                {
                    data: "Descripcion",
                    className: 'text-wrap',
                    width: "55px"
                },
                {
                    data: "Correo",
                    className: 'text-wrap',
                    width: "40px"
                },
                {
                    data: "Telefono1"
                },
                {
                    data: "Telefono2"
                },
                /*{
                    data: "cliente"
                },*/
                {
                    data: "Estatus"
                },
                {
                    data: "acciones"
                },

            ],

            order: [
                [0, "desc"]
            ],
            buttons: [{
                    extend: 'copyHtml5',
                    text: '<i class="fa fa-files-o"></i>',
                    titleAttr: 'Copiar'
                },
                {
                    extend: 'excelHtml5',
                    text: '<i class="fa fa-file-excel-o"></i>',
                    titleAttr: 'Excel'
                },
                {
                    extend: 'csvHtml5',
                    text: '<i class="fa fa-file-text-o"></i>',
                    titleAttr: 'CSV'
                },
                {
                    extend: 'pdfHtml5',
                    text: '<i class="fa fa-file-pdf-o"></i>',
                    titleAttr: 'PDF'
                }

            ],
        });


    }

    function modalFormInterlocutores() {
        $('#modallistaInter').modal('hide')
        $('#idInterHide').val('')
        $('#nombreInter').val('')
        $('#razonInter').val('')
        $('#correoInter').val('')
        $('#telefono1Inter').val('')
        $('#telefono2Inter').val('')
        $('#estatusInter').val('Activo')
        $('#nivel').val(1)
        $('#modalFormInterlocutores').modal('show');
    }

    function guardarInter() {
        var nombre = $('#nombreInter').val()
        var razon = $('#razonInter').val()
        var correo = $('#correoInter').val()
        var telefono1 = $('#telefono1Inter').val()
        var telefono2 = $('#telefono2Inter').val()
        var nivel = $('#nivel').val()
        var niveldisplay = $("#nivel option:selected").text();
        var estatus = $('#estatusInter').val()
        var id = $('#idInterHide').val()
        //var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
        var validRegex = /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i;
        if (correo.match(validRegex)) {

        } else {
            Swal.fire({
                title: 'El correo no es valido',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (nombre == '') {
            Swal.fire({
                title: 'El nombre no es valido',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        $.ajax({
                url: "{{url('proyectos/guarda_interlocutor')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Descripcion: nombre,
                    RazonSocial: razon,
                    Correo: correo,
                    Telefono1: telefono1,
                    Telefono2: telefono2,
                    Nivel: nivel,
                    Estatus: estatus,
                    id: id,
                },
            })
            .done(function(resp) {
                console.log("success");
                if (id == '') {
                    html1 = '<option value="' + resp.id + '" telefono="' + telefono1 + '" telefono2="' + telefono2 + '" desc="' + resp.Descripcion + '" nivel="' + niveldisplay + '" razon="' + razon + '">' + resp.Descripcion + '</option>'
                    $('#interlocutor').append(html1)

                    html = '<tr id="inter_' + resp.id + '" class="interlocus" idinter="' + resp.id + '">'
                    html += '<td class="text-wrap">' + resp.Descripcion + '</td>'
                    html += '<td class="text-wrap">' + razon + '</td>'
                    html += '<td class="text-wrap">' + correo + '</td>'
                    html += '<td>' + telefono1 + '</td>'
                    html += '<td>' + telefono2 + '</td>'
                    html += '<td>' + niveldisplay + '</td>'
                    html += '<td><button class="btn btn-danger btn-xs" onclick="eliminaInter(' + resp.id + ')">X</button></td>'
                    html += '</tr>'
                    $('#tableInterlocutor').append(html)
                    $('#interlocutor').val(0)
                } else {

                    listaInterlocutores();
                }




                $('#modalFormInterlocutores').modal('hide')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });


    }

    function modalFormContratistas() {
        $('#modallistaContra').modal('hide')
        $('#idContraHide').val('')
        $('#nombreContra').val('')
        $('#correoContra').val('')
        $('#estatusContra').val('Activo')
        $('#telefono1Contra').val('')
        $('#telefono2Contra').val('')

        $('#modalFormContratistas').modal('show');
    }

    function guardarContratista() {
        var id = $('#idContraHide').val()
        var nombre = $('#nombreContra').val()
        var correo = $('#correoContra').val()
        var telefono1 = $('#telefono1Contra').val()
        var telefono2 = $('#telefono2Contra').val()
        var estatus = $('#estatusContra').val()
        //var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
        var validRegex = /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i;
        if (correo.match(validRegex)) {

        } else {
            Swal.fire({
                title: 'El correo no es valido',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        if (nombre == '') {
            Swal.fire({
                title: 'El nombre no es valido',
                type: 'warning',
                timer: 2000
            })
            return false;
        }
        $.ajax({
                url: "{{url('proyectos/guarda_contratista')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Descripcion: nombre,
                    Correo: correo,
                    Telefono1: telefono1,
                    Telefono2: telefono2,
                    Estatus: estatus,
                    id: id,
                },
            })
            .done(function(resp) {
                console.log("success");
                if (id == '') {
                    html1 = '<option value="' + resp.id + '" telefono="' + telefono1 + '" telefono="' + telefono2 + '" desc="' + resp.Descripcion + '">' + resp.Descripcion + '</option>'
                    $('#contratista').append(html1)

                    html = '<tr id="contra' + resp.id + '" class="contratis" idcontra="' + resp.id + '">'
                    html += '<td>' + resp.Descripcion + '</td>'
                    html += '<td>' + correo + '</td>'
                    html += '<td>' + telefono1 + '</td>'
                    html += '<td>' + telefono2 + '</td>'
                    html += '<td><button class="btn btn-danger btn-xs" onclick="eliminaInter(' + resp.id + ')">X</button></td>'
                    html += '</tr>'
                    $('#tableContratista').append(html)
                    $('#contratista').val(0)
                } else {
                    listaContratistas();
                }




                $('#modalFormContratistas').modal('hide')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });


    }

    function numberFormat() {
        var num = $('#presupuesto').val()
        if (num == '') {
            num = 0
        }
        var num2 = new Intl.NumberFormat('en-US', {
            style: 'currency',
            currency: 'USD'
        }).format(num)
        $('#presupuesto').val(num2)
    }

    function editaInterlo(id) {
        $.ajax({
                url: "{{url('proyectos/get_interlocutor')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id
                },
            })
            .done(function(resp) {
                console.log("success");

                $('#idInterHide').val(resp.data.Id)
                $('#nombreInter').val(resp.data.Descripcion)
                $('#razonInter').val(resp.data.RazonSocial)
                $('#correoInter').val(resp.data.Correo)
                $('#telefono1Inter').val(resp.data.Telefono1)
                $('#telefono2Inter').val(resp.data.Telefono2)
                $('#estatusInter').val(resp.data.Estatus)
                $('#nivel').val(resp.data.Nivel)
                $('#modalFormInterlocutores').modal('show');
                $('#modallistaInter').modal('hide')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }

    function editaContra(id) {
        $.ajax({
                url: "{{url('proyectos/get_contratista')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id
                },
            })
            .done(function(resp) {
                console.log("success");
                $('#idContraHide').val(resp.data.Id)
                $('#nombreContra').val(resp.data.Descripcion)
                $('#correoContra').val(resp.data.Correo)
                $('#telefono1Contra').val(resp.data.Telefono1)
                $('#telefono2Contra').val(resp.data.Telefono2)
                $('#estatusContra').val(resp.data.Estatus)
                $('#modalFormContratistas').modal('show');
                $('#modallistaContra').modal('hide')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }

    function eliminaInterlo(id) {
        $.ajax({
                url: "{{url('proyectos/elimina_interlocutor')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id
                },
            })
            .done(function(resp) {
                console.log("success");
                Swal.fire({
                    title: 'Eliminado correctamente',
                    type: 'success',
                    timer: 2000
                })
                loadlistaInterlocutores();
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }

    function eliminaContra(id) {
        $.ajax({
                url: "{{url('proyectos/elimina_contratista')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id
                },
            })
            .done(function(resp) {
                console.log("success");
                Swal.fire({
                    title: 'Eliminado correctamente',
                    type: 'success',
                    timer: 2000
                })
                loadlistaContratistas();
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }

    function modalClientes() {
        $('#idCliente').val('');
        $('#Nom010a').val('');
        $('#Cod010a').val('');
        $('#Tipo010a').val('').trigger('change');
        $('#Id_Moneda').val('').trigger('change');
        $('#listContactos').empty();
        $('#titleModal').text('Agregar cliente')
        $('#modalClientes').modal('show')
    }
    $("#form-save-cliente").on("submit", function(e) {
        e.preventDefault();
        var f = $(this);
        var formData = new FormData(document.getElementById("form-save-cliente"));
        var contactos = new Array();
        $('.contactos').each(function(index, value) {
            dat = {
                Descripcion: $(this).attr('Descripcion'),
                Correo: $(this).attr('Correo'),
                Telefono1: $(this).attr('Telefono1'),
                Telefono2: $(this).attr('Telefono2'),
            }
            contactos.push(dat);
        });
        formData.append("contactos[]", JSON.stringify(contactos));

        $('#loadingSave').modal('show');
        $.ajax({
                url: "{{ url('catalogos/clientes/save_cliente')}}",
                type: "post",
                data: formData,
                cache: false,
                contentType: false,
                processData: false
            })
            .done(function(resp) {
                setTimeout(() => {
                    showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje, 3000)

                    $('#modalClientes').modal('hide');
                    //$('#cliente').append('<option value="'+resp.result+'" selected>'+$('#Nom010a').val()+'</option>').selectpicker('refresh')
                    $("#cliente").append('<option value="' + resp.result + '">' + $('#Nom010a').val() + '</option>');
                    $("#cliente").val(resp.result);
                    //$("#cliente").selectpicker("refresh");
                }, 2000);

            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingSave').modal('hide')
                }, 2000);
            });

    });

    var i = 0;


    $('#addContacto').click(function() {
        if (i < 20) {
            i++;
        } else if (i = i++) {
            i = 0;
        }
        addContacto(i)

    })



    function addContacto(i) {
        var Descripcion = $('#Descripcion').val()
        var Correo = $('#Correo').val()
        var Correo_valid = $('#Correo').attr('valid');
        var Telefono1 = $('#Telefono1').val()
        var Telefono2 = $('#Telefono2').val()


        if (Descripcion == '' || Telefono1 == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes agregar la información del contacto')
            return false;
        }
        if (Correo_valid == 'false') {
            $('#Correo').focus();
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Correo invalido.')
            return false;
        }

        $('#listContactos').append(
            '<tr id="contacto_' + i + '" class="contactos" Descripcion="' + Descripcion + '" Correo="' + Correo + '" Telefono1="' + Telefono1 + '" Telefono2="' + Telefono2 + '">' +
            '<td>' + Descripcion + '</td>' +
            '<td>' + Correo + '</td>' +
            '<td>' + Telefono1 + '</td>' +
            '<td>' + Telefono2 + '</td>' +
            '<td align="center">' +
            '<button  type="button" class="btn btn-secondary btn-sm mr-1" onclick="editarContacto(`' + Descripcion + '`,`' + Correo + '`, ' + Telefono1 + ', `' + Telefono2 + '`, ' + i + ', 1)"><i class="fa fa-pencil" aria-hidden="true"></i></button>' +
            '<button  type="button" class="btn btn-danger btn-sm" onclick="eliminarContacto(' + i + ')"><i class="fa fa-times" aria-hidden="true"></i></button>' +
            '</td>' +
            '</tr>'
        )

        $('#Descripcion').val('')
        $('#Correo').val('')
        $('#Correo').attr('valid', false);
        $('#Telefono1').val('')
        $('#Telefono2').val('')
    }

    function eliminarContacto(id, tipo = 0) {

        if (tipo != 0) {
            $('#contacto_' + id).remove()

        } else {
            Swal.fire({
                title: '¿Estas seguro de eliminar el contacto?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                cancelButtonText: 'Cancelar',
                confirmButtonText: 'Si, ¡hazlo!'
            }).then((result) => {
                if (result.value) {
                    $('#contacto_' + id).remove()
                }
            })
        }

    }

    $('#Correo').keyup(function() {

        var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;

        if (this.value.match(validRegex)) {

            $(this).css('color', 'green');
            $(this).attr('valid', true);
            return true;

        } else {
            $(this).focus();
            $(this).css('color', 'red');
            $(this).attr('valid', false);
            return false;
        }

    })

    function editarContacto(descripcion, correo, telefono1, telefono2, id, tipo) {
        eliminarContacto(id, tipo)
        $('#Descripcion').val(descripcion);
        $('#Correo').val(correo);
        $('#Telefono1').val(telefono1);
        $('#Telefono2').val(telefono2);

    }

    function changePrioridad(Id) {
        $('#id_proyecto_hidden').val(Id)
        $('#prioridad').val('').trigger('change');
        $('#modalChangePrioridad').modal('show')
    }


    $("#form-save-prioridad").on("submit", function(e) {
        e.preventDefault();
        var f = $(this);
        var formData = new FormData(document.getElementById("form-save-prioridad"));
        $('#loadingSave').modal('show');
        $.ajax({
                url: "{{ url('proyectos/change-prioridad')}}",
                type: "post",
                data: formData,
                cache: false,
                contentType: false,
                processData: false
            })
            .done(function(resp) {
                setTimeout(() => {
                    showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje, 3000)
                    $('#gridPoyectos').DataTable().ajax.reload();
                    $('#modalChangePrioridad').modal('hide');
                }, 2000);

            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingSave').modal('hide')
                }, 2000);
            });

    });


    function versionesProyecto(Id) {
        $.ajax({
                url: "{{ url('proyectos/get_versiones')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id: Id
                },
            })
            .done(function(resp) {

                $('#modalVersionTitle').text('Versiones / ' + resp.proyecto.CodigoProyecto)
                $('#tableVersiones').empty();
                // $('#plazos').val('x')
                $('#moneda_cot').val(resp.proyecto.Id_Moneda).trigger('change');
                $('#enviarEn').val(resp.proyecto.Id_Moneda).trigger('change');
                $('#tipo_cambio').val(1)
                $('#tipo_cambio_hidden').val(resp.tipo_cambio)

                //$.each(resp.data, function(index, value) {
                $('#versionMuted').html(resp.data.version)
                $('#fechaMuted').html(resp.data.fecha)
                $('#creadoMuted').html(resp.data.usuario.name)
                $('#estatusMuted').html(resp.data.estatus)
                $('#btn-coti').html('<button class="btn btn-primary btn-sm ml-1" onclick="hacerCotizacion(' + resp.data.id + ', ' + resp.data.id_Proyecto + ')">Cotizar</button>')
                /*$('#tableVersiones').append(
                    '<tr>' +
                    '<td>' + resp.data.version + '</td>' +
                    '<td>' + resp.data.fecha+ '</td>' +
                    '<td>' + resp.data.usuario.name + '</td>' +
                    '<td><span class="badge badge-xs bg-secondary">' + resp.data.estatus + '</span></td>' +
                    '<td><button class="btn btn-primary btn-sm ml-1" onclick="hacerCotizacion(' + resp.data.id + ', ' + resp.data.id_Proyecto + ')">Cotizar</button></td>' +
                    '</tr>'
                )*/
                /*$('#moneda_cot').val(resp.data.id_moneda).trigger('change')*/
                if (resp.descuento == null) {
                    resp.descuento = 0;
                }
                if (parseFloat(resp.descuento) > 0) {
                    $('.descinputs').prop('disabled', true)
                } else {
                    $('.descinputs').prop('disabled', false)
                }
                // $('#moneda_cot').val(resp.moneda).trigger('change')


                var disabled = '';
                if (('{{auth()->user()->id_perfil}}' != 1) && ('{{auth()->user()->id_perfil}}' != 8))
                    disabled = 'readonly'
                // })
                $('#tableVersionesProductos').html('');
                $.each(resp.productos, function(index, val) {
                    descuento = parseFloat(val.precio) * (parseFloat(resp.descuento) / 100)
                    neto = parseFloat(val.precio) - parseFloat(descuento)
                    importe = parseFloat(val.cantidad) * parseFloat(neto)
                    var motivo = '';
                    if (val.motivo_en != '' && val.motivo_en != null)
                        motivo = val.motivo_en;

                    $('#tableVersionesProductos').append('<tr class="prodsCoti" idprodvolu="' + val.id + '">' +
                        '<td class="text-wrap">' + val.codigo + '</td>' +
                        '<td class="text-wrap">' + val.producto + '</td>' +
                        '<td>' + val.cantidad + '<input type="hidden" class="form-control" id="canti_' + val.id + '" value="' + val.cantidad + '"></td>' +
                        '<td><div class="input-group input-group-sm input-group-outline my-3">' +
                        '<input type="hidden" class="form-control" id="precioInicial_' + val.id + '" value="' + val.precio + '">' +
                        '<input type="number" class="form-control" id="precio_' + val.id + '" value="' + val.precio + '" onchange="calcularTotalesCotizacion()" style="text-align: right;"></div></td>' +
                        '<td><div class="input-group input-group-sm input-group-outline my-3"><input type="number" ' + disabled + ' class="form-control descinputs" id="descuento_' + val.id + '" value="' + resp.descuento + '" onchange="calcularTotalesCotizacion()" style="text-align: right;">%</div></td>' +
                        '<td><div class="input-group input-group-sm input-group-outline my-3"><input type="number" class="form-control" id="neto_' + val.id + '" value="' + neto + '" onchange="calcularTotalesCotizacion()" style="text-align: right;"></div></td>' +
                        '<td><div class="input-group input-group-sm input-group-outline my-3"><input type="number" class="form-control productosCotizacion" precio="' + val.precio + '"  cantidad="' + val.cantidad + '" id="importe_' + val.id + '" value="' + importe + '" readonly idprod="' + val.id + '" style="text-align: right;"></div><input type="hidden" id="impuesto_' + val.id + '" value="' + val.iva + '"></td>' +
                        '<td class="text-wrap">' + motivo + '</td>' +
                        '</tr>')
                });
                $('#descuentoPorcent').val(resp.descuento)

                calcularTotalesCotizacion();
                $('#modalVersionesProyecto').modal('show');

            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");

            });
    }


    function tipoDeMoneda(moneda) {

        if (moneda == $('#moneda_cot').val()) {
            $('#tipo_cambio').val(1).trigger('change');
            return false;
        }

        $('#tipo_cambio').val($('#tipo_cambio_hidden').val()).trigger('change');

    }

    function tipoDeCambio(tipoCambio) {

        var moneda_cot = $('#moneda_cot').val();
        var enviarEn = $('#enviarEn').val();

        if (moneda_cot)

            $('.prodsCoti').each(function() {
                var id = $(this).attr('idprodvolu');



                if (moneda_cot == enviarEn) {
                    var precioVenta = $('#precioInicial_' + id).val();
                    if (moneda_cot == 1 || enviarEn == 1) {
                        var precioVenta = $('#precioInicial_' + id).val() * parseFloat(tipoCambio);
                    }
                } else {
                    if (moneda_cot == 1 && enviarEn == 2) {
                        var precioVenta = $('#precioInicial_' + id).val() / parseFloat(tipoCambio);

                    } else if (moneda_cot == 2 && enviarEn == 1) {
                        var precioVenta = $('#precioInicial_' + id).val() * parseFloat(tipoCambio);
                    }

                }

                $('#precio_' + id).val(precioVenta.toFixed(2)).trigger('change');
            })
    }

    function calcularTotalesCotizacion() {


        var porcentaje_cot = $('#descuentoPorcent').val()
        if (porcentaje_cot == '') {
            porcentaje_cot = 0;
        }
        if (parseFloat(porcentaje_cot) > 0) {
            $('.descinputs').prop('disabled', true)
            $('.descinputs').val(porcentaje_cot);

        } else {
            $('.descinputs').prop('disabled', false)
            // $('.descinputs').val(0);

        }

        var total_cot = 0;
        var precio_cot = 0;
        var subtotal_cot = 0;
        var iva_cot = 0;
        var descuento_cot = 0;
        $('.productosCotizacion').each(function(index, el) {
            id = $(this).attr('idprod')
            cantidad = parseFloat($(this).attr('cantidad'));
            precio_cot += parseFloat($(this).attr('precio')) * parseFloat(cantidad);
            importe = parseFloat($('#importe_' + id).val())
            ivaPorcent = $('#impuesto_' + id).val()

            var porcentaje_ind = $('#descuento_' + id).val();
            var precio_ind = $('#precio_' + id).val()
            if (precio_ind == '') {
                precio_ind = 0
            }
            var cantidad_ind = $('#canti_' + id).val()
            var porcentaje_ind = $('#descuento_' + id).val()
            if (porcentaje_ind == '') {
                porcentaje_ind = 0;
            }

            // var importe_ind = parseFloat(precio_ind) * parseFloat(cantidad_ind)
            descuento_ind = parseFloat(precio_ind) * (parseFloat(porcentaje_ind) / 100)

            neto = parseFloat(precio_ind) - parseFloat(descuento_ind)
            $('#neto_' + id).val(neto.toFixed(2))
            importe_ind = parseFloat(cantidad_ind) * parseFloat(neto)
            $('#importe_' + id).val(importe_ind.toFixed(2))

            descuento_cot += (descuento_ind * cantidad_ind);
            subtotal_cot += (precio_ind * cantidad_ind);
            iva_cot += importe_ind * (parseFloat(ivaPorcent) / 100)

        });

        $('#subtotalCotiLabel').html(formatter.format(subtotal_cot))
        $('#descCotiLabel').html(formatter.format(descuento_cot))
        // iva = (parseFloat(subtotal_cot)) * (parseFloat(ivaPorcent) / 100)
        $('#ivaCotiLabel').html(formatter.format(iva_cot))
        total_cot = (parseFloat(subtotal_cot) + parseFloat(iva_cot) - parseFloat(descuento_cot))
        $('#totalCotiLabel').html(formatter.format(total_cot))
    }

    // function recalculaCotizacion() {


    //     //!
    //     var precio = 0;
    //     var total = 0;
    //     var iva = 0;
    //     var descuento = 0;
    //     $('.productosCotizacion').each(function(index, el) {
    //         id = $(this).attr('idprod')
    //         cantidad = parseFloat($(this).attr('cantidad'));
    //         precio += parseFloat($(this).attr('precio')) * parseFloat(cantidad);
    //         importe = $('#importe_' + id).val()
    //         importe2 = importe.slice(1, -1)
    //         total += parseFloat(importe2.replace(',', ''));
    //         ivaPorcent = $('#impuesto_' + id).val()
    //         iva += parseFloat(importe2.replace(',', '')) * (parseFloat(ivaPorcent) / 100)

    //         var porcentaje = $('#descuento_' + id).val();
    //         descuento += parseFloat(precio) * (parseFloat(porcentaje) / 100)



    //         var precio_ind = $('#precio_' + id).val()
    //         if (precio_ind == '') {
    //             precio_ind = 0
    //         }
    //         var cantidad_ind = $('#canti_' + id).val()
    //         var descuento_ind = $('#descuento_' + id).val()
    //         if (descuento == '') {
    //             descuento = 0;
    //         }

    //         var importe_ind = parseFloat(precio_ind) * parseFloat(cantidad_ind)

    //         descuento_ind = parseFloat(precio_ind) * (parseFloat(descuento_ind) / 100)
    //         neto = parseFloat(precio_ind) - parseFloat(descuento_ind)
    //         $('#neto_' + id).val('$' + neto.toFixed(2))
    //         importe_ind = parseFloat(cantidad_ind) * parseFloat(neto)

    //         $('#importe_' + id).val('$' + importe_ind.toFixed(2))


    //     });



    //     $('#subtotalCotiLabel').html(numFrmt(total))
    //     $('#descCotiLabel').html(numFrmt(descuento))
    //     iva = (parseFloat(total)) * (parseFloat(ivaPorcent) / 100)
    //     $('#ivaCotiLabel').html(numFrmt(iva))
    //     totaltotal = (parseFloat(total) + parseFloat(iva))
    //     $('#totalCotiLabel').html(numFrmt(totaltotal))

    // }

    // function calcularTotalesCotizacion(tipo = 0) {
    //     var precio = 0;
    //     var total = 0;
    //     var iva = 0;
    //     $('.productosCotizacion').each(function(index, el) {
    //         id = $(this).attr('idprod')
    //         cantidad = parseFloat($(this).attr('cantidad'));
    //         precio += parseFloat($(this).attr('precio')) * parseFloat(cantidad);
    //         importe = $('#importe_' + id).val()
    //         importe2 = importe.slice(1, -1)
    //         total += parseFloat(importe2.replace(',', ''));
    //         ivaPorcent = $('#impuesto_' + id).val()
    //         iva += parseFloat(importe2.replace(',', '')) * (parseFloat(ivaPorcent) / 100)

    //     });
    //     //descCotiLabel
    //     //totalCotiLabel

    //     var porcentaje = $('#descuentoPorcent').val()
    //     if (porcentaje == '') {
    //         porcentaje = 0;
    //     }
    //     descuento = parseFloat(precio) * (parseFloat(porcentaje) / 100)

    //     $('#subtotalCotiLabel').html(numFrmt(total))
    //     $('#descCotiLabel').html(numFrmt(descuento))
    //     iva = (parseFloat(total)) * (parseFloat(ivaPorcent) / 100)
    //     $('#ivaCotiLabel').html(numFrmt(iva))
    //     totaltotal = (parseFloat(total) + parseFloat(iva))
    //     $('#totalCotiLabel').html(numFrmt(totaltotal))

    //     if (parseFloat(porcentaje) > 0) {
    //         $('.descinputs').prop('disabled', true)

    //         $('.descinputs').val(porcentaje).keyup();

    //     } else {
    //         $('.descinputs').prop('disabled', false)

    //         $('.descinputs').val(0).keyup();

    //     }
    // }


    function hacerCotizacion(id_volum, id_proy) {
        if ($('#moneda_cot option:selected').val() == '2') {
            if ($('#tipo_cambio').val() == 0 || $('#tipo_cambio').val() == '') {
                showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar un tipo de cambio.', 3000)
                return false;
            }
        }
        // if($('#plazos').val() == 'x'){
        //     showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Selecciona un plazo.', 3000)
        //     return false;
        // }
        var items = new Array()
        var partidas = 0;
        $(".prodsCoti").each(function() {
            id = $(this).attr('idprodvolu')
            dat = {
                iditem: id,
                PrecioVenta: $('#precioInicial_' + id).val(),
                Descuento: $('#descuento_' + id).val(),
                PrecioNuevo: $('#precio_' + id).val(),
            }
            items.push(dat)
        });

        $('#loadingLoad').modal('show');
        $.ajax({
                url: "{{ url('proyectos/save_cotizacion')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id_volum: id_volum,
                    id_proy: id_proy,
                    moneda: $('#moneda_cot option:selected').val(),
                    tipo_cambio: $('#tipo_cambio').val(),
                    moneda_cotizacion: $('#enviarEn option:selected').val(),
                    items: items,
                    descuentoProcent: $('#descuentoPorcent').val(),
                    plazo: ''
                },
            })
            .done(function(resp) {
                if (resp.estatus > 0) {
                    setTimeout(() => {
                        showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje, 3000)
                        $('#gridPoyectos').DataTable().ajax.reload();
                        $('#modalVersionesProyecto').modal('hide');
                    }, 2000);

                    window.open('{{url("/archivos")}}/' + resp.name_file, '_blank');
                } else {
                    Swal.fire({
                        title: 'Error Interlocutores',
                        html: '<label>' + resp.mensaje + '</label>',
                        type: 'error',
                        timer: 3000
                    })
                    return false;
                }


            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingLoad').modal('hide');
                }, 300);
            });
    }

    function generarPedido(Id, codiProye = '') {
        $('#id_proyecto_hidden').val(Id)

        $.ajax({
                url: "{{ url('proyectos/get_volumetria_productos')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id: Id
                },
            })
            .done(function(resp) {

                $('#almacen_destino').val(resp.almancen)
                if (resp.tipocambio == null) {
                    tipocambio = 0
                } else {
                    tipocambio = resp.tipocambio
                }
                $('#tipo_cambio_genPedido').val(tipocambio)

                $('#modalPedidoTitle').text('Generar pedido');
                $('#tableProductos').empty();
                $.each(resp.data, function(index, value) {

                    $('#tableProductos').append(
                        '<tr class="row_productos" consecutivo="' + index + '" id_vol_pr="' + value['Id'] + '">' +
                        '<td>' + value['producto'].Cod020a + '</td>' +
                        // '<td>' + value['producto'].Nom020a + '</td>' +
                        '<td>' + value['Cantidad'] + '</td>' +
                        //'<td>' + value['CostoUnitario'] + '</td>' +
                        '<td>' + numFrmt(value['PrecioVenta']) +
                        '<div class="input-group input-group-outline" style="display:none;">' +
                        '<input type="hidden" class="form-control form-control-sm" placeholder="0.00" id="precio_venta_' + index + '" value="' + value['PrecioVenta'] + '">' +
                        '</div>' +
                        '</td>' +
                        '<td>' + numFrmt((value['PrecioVenta'] * value['Cantidad']).toFixed(2)) + '</td>' +
                        '</tr>'
                    )
                })
                $('#clientePedido').val(resp.idcliente)
                $('#modalPedidoTitle').html('Generar pedido - ' + codiProye);
                $('#btn_guardar_pedido').prop('disabled', false);
                $('#modalPedidoProyecto').modal('show');

            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");

            });

    }

    function guardarPedido() {
        $('#btn_guardar_pedido').prop('disabled', true);

        var Id_proyecto = $('#id_proyecto_hidden').val();
        var almacen = $('#almacen_destino').val();
        var tipocambio = $('#tipo_cambio_genPedido').val();
        var cliente = $('#clientePedido').val()

        var productos_vol = new Array
        $('.row_productos').each(function(index, value) {
            var consecutivo = $(this).attr('consecutivo');
            data = {
                Id: $(this).attr('id_vol_pr'),
                PrecioVenta: $('#precio_venta_' + consecutivo).val(),
            }
            productos_vol.push(data);
        })


        if (almacen == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar el almacén destino.', 3000)
            return false;
        }

        $('#loadingLoad').modal('show');
        $.ajax({
                url: "{{ url('proyectos/save_pedido')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id_proyecto: Id_proyecto,
                    productos_vol: productos_vol,
                    almacen: almacen,
                    tipocambio: tipocambio,
                    cliente: cliente,
                },
            })
            .done(function(resp) {
                console.log("success");
                $('#modalPedidoProyecto').modal('hide');
                if (resp.estatus != '400') {

                    Swal.fire({
                        title: 'Pedido generado correctamente',
                        html: '<h4>' + resp.data.FolioWeb + '</h4><br>' + resp.data.Estatus,
                        type: 'success',
                        // timer: 2000
                    })
                    // setTimeout(() => {
                    // showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje, 3000)
                    $('#gridPoyectos').DataTable().ajax.reload();
                } else {
                    Swal.fire({
                        title: 'Problema al guardar el pedido',
                        html: '<label>' + resp.data['message'] + '</label>',
                        type: 'error',
                        // timer: 2000
                    })
                }

                // }, 2000);
                $('#id_proyecto_hidden').val('')

            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {

                    $('#loadingLoad').modal('hide');

                }, 2000);

            });
    }

    function numFrmt(monto) {
        return Intl.NumberFormat('es-MX', {
            style: 'currency',
            currency: 'MXN'
        }).format(monto);
    }

    function cambiaEstatusModal(id, codigo) {
        $('#idProdEstatus').val(id)
        $('#titlemodalCambiaEstatus').html('Proyecto : ' + codigo)
        $('#modalCambiaEstatus').modal('show')
    }

    function cambiarEstatus() {
        if ($('#idCabioEstatus').val() == 'Ganado' && $('#cuerpoCorr').val() == '') {
            Swal.fire({
                title: 'Error',
                html: '<label>Necesitas agregar los comentarios</label>',
                type: 'error',
                timer: 2000
            })
            return false;
        }
        $.ajax({
                url: '{{ url("proyectos/cambia_estatus") }}',
                type: 'POST',
                dataType: 'json',
                data: {
                    id: $('#idProdEstatus').val(),
                    estatus: $('#idCabioEstatus').val(),
                    cuerpo: $('#cuerpoCorr').val()
                },
            })
            .done(function(resp) {
                console.log("success");
                if (resp.id > 0) {
                    setTimeout(() => {
                        showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', 'Se ha cambiado el estatus correctamente.', 3000)
                        $('#gridPoyectos').DataTable().ajax.reload();
                        $('#modalCambiaEstatus').modal('hide');
                    }, 2000);
                }
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }


    function modalTipoCambio() {
        $('#modTipoCambio').val('')
        $('#modalTipoCambio').modal('show')
        loadTiposCambios()
    }

    function guardarTipoCambio() {
        var tp = $('#modTipoCambio').val()
        if (tp == '' || parseFloat(tp) == 0) {
            Swal.fire({
                title: 'Error',
                html: '<label>Guarda un tipo de cambio valido</label>',
                type: 'error',
                timer: 2000
            })
            return false;
        }
        $.ajax({
                url: '{{ url("proyectos/guarda_tipocambio") }}',
                type: 'POST',
                dataType: 'json',
                data: {
                    tp: tp
                },
            })
            .done(function(resp) {
                console.log("success");
                $('#modTipoCambio').val('')
                loadTiposCambios();
                Swal.fire({
                    title: 'Guardado con exito',
                    type: 'success',
                    timer: 2000
                })
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }

    function loadTiposCambios() {


        //$('#').DataTable();
        $('#tipoCambioTable').dataTable().fnDestroy();
        $('#tipoCambioTable td').css('white-space', 'initial');
        var table = $('#tipoCambioTable').DataTable({
            lengthMenu: [10, 15, 20, 50, 100],
            //dom: 'Bfrtip',
            processing: true,
            responsive: true,
            scrollY: '50vh',
            scrollCollapse: true,
            ajax: {
                url: "{{url('proyectos/get_tipos_cambios')}}",
                type: "POST",
                data: {
                    val: ''
                }
            },
            columns: [

                {
                    data: "id",
                    visible: false
                },
                {
                    data: "tipocambio"
                },
                {
                    data: "fecha"
                },

            ],

            order: [
                [0, "desc"]
            ],

        });


    }

    function cambiEsta() {
        if ($('#idCabioEstatus').val() == 'Ganado') {
            $('#cuerpoCorreoEstatus').hide()
        } else {
            $('#cuerpoCorreoEstatus').show()
        }
    }


    function solicitarDescuento(id) {
        $('#loadingLoad').modal('show');

        $.ajax({
                url: '{{ url("proyectos/solicitar_descuento") }}',
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id
                },
            })
            .done(function(resp) {
                console.log("success");
                Swal.fire({
                    title: 'Se ha enviado la solicitud de descuento con exito',
                    type: 'success',
                    timer: 2000
                })
                loadGrid();

            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                setTimeout(() => {
                    $('#loadingLoad').modal('hide');
                }, 2000);
            });
    }

    function generarExcelVolumetrias(Id) {
        $('#clientes_vl').val(0).trigger('change')
        $('#proyectos_vl').val(0);
        $('#lider_vl').val(0).trigger('change')
        $('#estatus_vl').val(0).trigger('change')
        $('#proyectos_vl').prop('disabled', true);

        $('#modalVolumetriasExcel').modal('show');
    }



    function getProyectosCliente(valor) {

        if (valor == 0)
            return false;

        $.ajax({
                url: '{{ url("proyectos/get_proyectos_cliente") }}',
                type: 'POST',
                dataType: 'json',
                data: {
                    Id_Cliente: valor,
                },
            })
            .done(function(resp) {
                console.log("success");
                $('#proyectos_vl').not(':first').remove();
                $.each(resp.data, function(index, value) {
                    $('#proyectos_vl').append(
                        '<option value="' + value['Id'] + '">' + value['CodigoProyecto'] + '</option>'
                    )
                })
                $('#proyectos_vl').prop('disabled', false);
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                setTimeout(() => {
                    $('#loadingLoad').modal('hide');
                }, 2000);
            });
    }

    function generarExcel() {
        $('#loadingLoad').modal('show');

        $.ajax({
                url: '{{ url("proyectos/generar_excel_volumetrias") }}',
                type: 'POST',
                dataType: 'json',
                data: {
                    id_cliente: $('#clientes_vl option:selected').val(),
                    id_lider: $('#lider_vl option:selected').val(),
                    id_proyecto: $('#proyectos_vl option:selected').val(),
                    estatus_vl: $('#estatus_vl option:selected').val(),
                },
            })
            .done(function(resp) {
                console.log(resp);
                const a = document.getElementById('descargar_excel')
                a.href = resp['url']
                a.click();
                setTimeout(() => {
                    showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', 'Se ha generado el EXCEL correctamente.', 3000)
                    $('#modalVolumetriasExcel').modal('hide');
                }, 2000);

            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                setTimeout(() => {
                    $('#loadingLoad').modal('hide');
                }, 2000);
            });
    }
</script>
@endsection