@extends('layouts.app', ['activePage' => 'empresa', 'menuParent' => 'configuracion', 'titlePage' => __('Configuración')])

@section('content')
<style>
    .btn-file {
        position: relative;
        overflow: hidden;
    }

    .btn-file input[type=file] {
       
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 10%;
        font-size: 30px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }
        .img-zone {
        background-color: #F2FFF9;
        border: 5px dashed #4cae4c;
        border-radius: 5px;
        padding: 5px;

    }

    .img-zone h2 {
        margin-top: 0;
    }
    .dataTables_paginate a.paginate_button.previous {
  display: none;
}
</style>
<div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header card-header-primary card-header-icon">
                        <div class="card-icon ">
                            <i class="material-icons">business</i>
                        </div>
                        <h4 class="card-title">Empresa</h4>
                    </div>
                    <div class="card-body ">
                        <ul class="nav nav-pills nav-pills-primary" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#link1" role="tablist">
                                    General
                                </a>
                            </li>
                            <!-- <li class="nav-item" onclick="loadGridSerieFolio()">
                                <a class="nav-link" data-toggle="tab" href="#link2" role="tablist">
                                    Series y folios
                                </a>
                            </li> -->

                            <li class="nav-item" onclick="loadGridCorreos()">
                                <a class="nav-link" data-toggle="tab" href="#link3" role="tablist">
                                    Correos
                                </a>
                            </li>
                            <li class="nav-item" onclick="loadGridLeyendas()">
                                <a class="nav-link" data-toggle="tab" href="#link4" role="tablist">
                                    Leyendas documentos
                                </a>
                            </li>
                            <li class="nav-item" onclick="loadGridSeries()">
                                <a class="nav-link" data-toggle="tab" href="#link5" role="tablist">
                                    Series
                                </a>
                            </li>
                        </ul>
                        <hr>
                        <input type="hidden" id="idfact">
                        <div class="tab-content tab-space">
                            <div class="tab-pane active" id="link1">
                                <div class="row">
                                    <div class="col-4">
                                        <label>Configurar datos fiscales mediante Constancia de Situación Fiscal.</label>
                                    </div>
                                </div>
                                

                    <div class="row" id="dragzone">
                        <!--<div class="container-fluid">
                            <div class="row">-->
                                <div class="col-sm-6">
                                    <div class="img-zone text-center" id="img-zone">
                                        <div class="img-drop">
                                            <small>Arrastra y suelta tu Constancia de Situación Fiscal </small>
                                            <span class="btn btn-success btn-file btn-sm">
                                                Selecciona desde el explorador<input type="file" accept="application/pdf" id="input-img-zone">
                                            </span>
                                        </div>
                                    </div>
                                    <div class="progress hidden">
                                        <div style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-success progress-bar-striped active">
                                            <span class="sr-only">0% Complete</span>
                                        </div>
                                    </div>
                                </div>
                        <!--    </div>
                        </div>-->
                    </div>
                    <div class="row" style="display: block;">
                        <div class="row" id="contentFotosGaleria"></div>
                    </div>
                    <div class="row" style="display: none;">
                        <input type="text" id="formImgvalue">
                    </div>
                                <form enctype="multipart/form-data" id="formuploadajax" method="post" autocomplete="off">
                                    <input type="hidden" id="idorganizacion" name="idorganizacion">

                                    <div class="row">
                                        <div class="col-md-1">
                                            <div class="form-group filled">
                                                <label for="examplePass" class="bmd-label-floating">RFC: <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="RFC" name="RFC">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group  filled">
                                                <label for="examplePass" class="bmd-label-floating">Razón social: <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="nombreorganizacion" name="nombreorganizacion">
                                            </div>
                                        </div>
                                        <div class="col-md-3 ">
                                            <div class="form-group">
                                                <label>Régimen:<span class="text-danger">*</span></label>
                                                <select id="idregfiscal" name="idregfiscal" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                                    <option value="0" selected disabled>-Selecciona-</option>
                                                    @foreach($data['regimen'] as $r)
                                                    <option value="{{$r->id}}">{{$r->descripcion}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group  filled">
                                                <label for="examplePass" class="bmd-label-floating">Nombre comercial: <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="nombrecomercial" name="nombrecomercial">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group filled">
                                                <label for="examplePass" class="bmd-label-floating">Página web:</label>
                                                <input type="text" class="form-control" id="paginaweb" name="paginaweb">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group filled">
                                                <label for="examplePass" class="bmd-label-floating">Domicilio: <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="domicilio" name="domicilio">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group  filled">
                                                <label for="examplePass" class="bmd-label-floating">Número exterior:</label>
                                                <input type="text" class="form-control" id="num_ext" name="num_ext">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group  filled">
                                                <label for="examplePass" class="bmd-label-floating">Colonia: <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="colonia" name="colonia">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group  filled">
                                                <label for="examplePass" class="bmd-label-floating">Ciudad: </label>
                                                <input type="text" class="form-control" id="ciudad" name="ciudad">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group filled">
                                                <label for="examplePass" class="bmd-label-floating">Código postal: <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="cp" name="cp">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 row">
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <label>País:<span class="text-danger">*</span></label>
                                                    <select id="idpais" name="idpais" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="getEstado();">
                                                        <option value="0" selected disabled>-Selecciona-</option>
                                                        @foreach($data['paises'] as $p)
                                                        <option value="{{$p->idpais}}" nombre="{{$p->pais}}">{{$p->pais}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- <div class="col-3  form-group filled">
                                                <button class="btn btn-info form-control col-8 " onclick="agregarPEM(1)">+</button>
                                            </div> -->
                                        </div>
                                        <div class="col-md-3 row">
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <label>Estado:<span class="text-danger">*</span></label>
                                                    <select id="idestado" name="idestado" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="getMunicipio();">
                                                        <option value="0" selected disabled>-Selecciona-</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- <div class="col-3 form-group">
                                                <button class="btn btn-info form-control col-8 " onclick="agregarPEM(2)">+</button>
                                            </div> -->
                                        </div>
                                        <div class="col-md-3 row">
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <label>Municipio:<span class="text-danger">*</span></label>
                                                    <select id="idmunicipio" name="idmunicipio" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                                        <option value="0" selected disabled>-Selecciona-</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- <div class="col-3  form-group">
                                                <button class="btn btn-info form-control col-8 " onclick="agregarPEM(3)">+</button>
                                            </div> -->
                                        </div>
                                        <div class="col-md-3">
                                            <label for="examplePass" class="bmd-label-floating">Logotipo empresa:</label>
                                            <input type="file" width="100%" style="margin-top: -15px;" class="form-control inputFileVisible" id="logoempresa" name="logoempresa" accept="image/png, image/gif, image/jpeg" />
                                            <textarea id="logobase64" style="display: none;"></textarea>
                                        </div>
                                    </div>

                                    <hr>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="row">
                                                <div class="col-md-12">
                                                     <div class="form-check form-check-inline">
                                                      <div class="form-check">
                                                            <label class="form-check-label">
                                                                <input class="form-check-input impuescheck" type="checkbox" id="checkIsr" onclick="checa1(1)">
                                                                Se retiene ISR al facturar
                                                                <span class="form-check-sign">
                                                                    <span class="check"></span>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row" id="impuestosISR" style="display:none;">
                                                <div class="col-12">
                                                    @foreach ($data['impuestos_retenidos']->where('c_impuesto','001') as $element)
                                                       <div class="form-check form-check-inline">
                                                      <div class="form-check">
                                                            <label class="form-check-label">
                                                                <input class="form-check-input checkISRClass" type="radio" name="checkISR" id="checkISR_{{ $element->id }}" value="{{ $element->id }}">
                                                                {{ number_format($element->tasa,2) }}%
                                                                <span class="form-check-sign">
                                                                    <span class="check"></span>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="row">
                                                <div class="col-md-12">
                                                     <div class="form-check form-check-inline">
                                                      <div class="form-check">
                                                            <label class="form-check-label">
                                                                <input class="form-check-input impuescheck" type="checkbox" id="checkIvaRet" onclick="checa1(2)">
                                                                Se retiene IVA al facturar
                                                                <span class="form-check-sign">
                                                                    <span class="check"></span>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row" id="impuestosIvaRet" style="display: none;">
                                                <div class="col 12">
                                                    @foreach ($data['impuestos_retenidos']->where('c_impuesto','002') as $element)
                                                       <div class="form-check form-check-inline">
                                                      <div class="form-check">
                                                            <label class="form-check-label">
                                                                <input class="form-check-input checkIvaRetClass" type="checkbox"  id="checkIvaRet_{{ $element->id }}" value="{{ $element->id }}">
                                                                {{ ($element->tasa==10.6667) ? $element->tasa : number_format($element->tasa,2) }}%
                                                                <span class="form-check-sign">
                                                                    <span class="check"></span>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>
                                            </div>                                       
                                        </div>
                                        <div class="col-md-4">
                                            <div class="row">
                                                <div class="col-md-12">
                                                     <div class="form-check form-check-inline">
                                                      <div class="form-check">
                                                            <label class="form-check-label">
                                                                <input class="form-check-input predialcheck" type="checkbox" id="checkPredial" >
                                                                Predial en Productos
                                                                <span class="form-check-sign">
                                                                    <span class="check"></span>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label>PAC:</label>
                                                <select id="pac" name="pac" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                                    <option value="0" selected="true">-Selecciona-</option>
                                                    <option value="1">Formas continuas</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group filled">
                                                <label for="fc_user" class="bmd-label-floating">Usuario PAC:</label>
                                                <input type="text" class="form-control" id="fc_user" name="fc_user" autocomplete="off">
                                            </div>
                                        </div>
                                        <div class="col-md-3">

                                            <div class="form-group  filled">
                                                <label for="fc_password" class="bmd-label-floating">Contraseña PAC:</label>
                                                <input type="password" style="display:none" />
                                                <input type="password" class="form-control" id="fc_password" name="fc_password" autocomplete="new-password">

                                            </div>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="col-md-3">
                                            <label for="examplePass" class="bmd-label-floating">Certificado_CSD (.cer): </label>
                                            <input type="file" class="form-control inputFileVisible" id="cer" name="cer">
                                            <label id="cerfilename" style="font-size: 12px;"></label>

                                        </div>
                                        <div class="col-md-3">
                                            <label for="examplePass" class="bmd-label-floating">Llave_CSD (.key):</label>
                                            <input type="file" class="form-control inputFileVisible" id="llave" name="llave">
                                            <label id="llavefilename" style="font-size: 12px;"></label>

                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group  filled" style="margin-top:30px ;">
                                                <label for="examplePass" class="bmd-label-floating">Contraseña CSD: </label>
                                                <input type="password" class="form-control" id="clave" name="clave">
                                            </div>
                                        </div>
                                        <!-- <div class="col-md-3">
                                            <input type="submit" class="btn btn-fill btn-warning" value="Guardar archivos">
                                        </div> -->
                                    </div>
                                    <div class="row ">
                                        <div class="col-md-3">
                                            <label for="examplePass" class="bmd-label-floating">Certificado_FIEL (.cer): </label>
                                            <input type="file" class="form-control inputFileVisible" id="cer_fiel" name="cer_fiel">
                                            <label id="fielcerfilename" style="font-size: 12px;"></label>
                                        </div>
                                        <div class="col-md-3">
                                            <label for="examplePass" class="bmd-label-floating">Llave_FIEL (.key): </label>
                                            <input type="file" class="form-control inputFileVisible" id="llave_fiel" name="llave_fiel">
                                            <label id="fielllavefilename" style="font-size: 12px;"></label>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group  filled" style="margin-top:30px ;">
                                                <label for="examplePass" class="bmd-label-floating ">Contraseña FIEL:</label>
                                                <input type="password" class="form-control" id="clave_fiel" name="clave_fiel">
                                            </div>
                                        </div>
                                        <!-- <div class="col-md-3">
                                            <input type="submit" class="btn btn-fill btn-warning" value="Guardar archivos">
                                        </div> -->
                                        <div class="col-md-3">
                                            <div class="form-group filled" style="margin-top:28px ;">
                                                <label>PDF Version:</label>
                                                <select id="pdf_version" name="pdf_version" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                                    <option value="0">Regular</option>
                                                    <option value="1">Nombre Comercial</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card-footer row justify-content-end ">
                                        <button type="submit" class="btn btn-fill btn-primary">Guardar</button>
                                    </div>
                                </form>

                            </div>
                            <div class="tab-pane" id="link2">
                                <div class="row">
                                    <div class="col-12 text-right">
                                        <button class="btn btn-primary " onclick="nuevoSerieFolio()">Nueva serie y folio</button>
                                    </div>
                                </div>
                                <div class="material-datatables ">
                                    <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="tableFolios">
                                        <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Sucursal</th>
                                                <th>Serie 1</th>
                                                <th>Serie 2</th>
                                                <th>Folio</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane" id="link3">
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="form-group filled-c">
                                            <label for="examplePass" class="bmd-label-floating">Correo electrónico: <span class="text-danger">*</span></label>
                                            <input type="email" class="form-control" id="correo">
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group filled-c">
                                            <label for="examplePass" class="bmd-label-floating">Usuario: <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="usuario">
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group filled-c">
                                            <label for="examplePass" class="bmd-label-floating">Contraseña: <span class="text-danger">*</span></label>
                                            <input type="password" class="form-control" id="contraseña">
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group filled-c">
                                            <label for="examplePass" class="bmd-label-floating">Host: <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="host">
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group filled-c">
                                            <label for="examplePass" class="bmd-label-floating">Puerto: <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="puerto">
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group filled-c">
                                            <label for="examplePass" class="bmd-label-floating">Seguridad: <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="seguridad">
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label>Tipo:<span class="text-danger">*</span></label>
                                            <select id="estatus_correo" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                                <option value="0" selected disabled>-Selecciona-</option>
                                                <option value="P">PRINCIPAL</option>
                                                <option value="A">ALTERNO</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <button type="submit" class="btn btn-primary" onclick="guardarEmail()">Guardar</button>
                                    </div>
                                </div>
                                <div class="material-datatables ">
                                    <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="tableCorreos">
                                        <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Correo</th>
                                                <th>Usuario</th>
                                                <th>Contraseña</th>
                                                <th>Tipo</th>
                                                <th>Host</th>
                                                <th>Puerto</th>
                                                <th>Seguridad</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </thead>

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

                            </div>
                            <div class="tab-pane" id="link4">
                                <div class="row">
                                    <div class="col-md-12 text-right">
                                        <button class="btn btn-primary" id="btn_nueva_leyenda">Nueva leyenda</button>
                                    </div>
                                </div>
                                <div class="material-datatables ">
                                    <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="gridLeyendas">
                                        <thead>
                                            <tr>
                                                <th width="5%">ID</th>
                                                <th width="5%">Prefijo</th>
                                                <th width="5%">Documento</th>
                                                <th>Leyenda</th>
                                                <th width="5%">Estatus</th>
                                                <th width="10%">Acciones</th>
                                            </tr>
                                        </thead>

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

                            </div>
                            <div class="tab-pane" id="link5">
                                <!--<div class="row">
                                    <div class="col-md-12 text-right">
                                        <button class="btn btn-primary" id="btn_nueva_serie" onclick="newSerie()">Series</button>
                                    </div>
                                </div>-->
                                <div class="row">
                                    <div class="col-md-4"></div>
                                    <div class="col-md-4">
                                        <div class="row">
                                            <div class="col-md-12 text-right">
                                        <button class="btn btn-primary" id="btn_nueva_serie" onclick="newSerie()">Nuevo</button>
                                    </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                                                <div class="material-datatables ">
                                    <table class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" style="width:100%" id="gridSeries">
                                        <thead>
                                            <tr>
                                                <th>Documento</th>
                                                <th>Serie</th>
                                                <th>Folio</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>

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

<div class="modal draggable fade" id="modalSeriesFolios" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="titleModal"></h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    <i class="material-icons">clear</i>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>Sucursal:<span class="text-danger">*</span></label>
                    <select id="sucursal" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                        <option value="0" selected disabled>-Selecciona-</option>
                        @foreach($data['sucursales'] as $r)
                        <option value="{{$r->idSuc}}">{{$r->nombre}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Serie 1:<span class="text-danger">*</span></label>
                            <select id="prefijo" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                <option value="0" selected disabled>-Selecciona-</option>
                                @foreach($data['prefijos'] as $r)
                                <option value="{{$r->Id}}">{{$r->ClavePrefijo}} - {{$r->Descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group filled2">
                            <label for="examplePass" class="bmd-label-floating">Serie 2: <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="serie2">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group filled2">
                            <label for="examplePass" class="bmd-label-floating">Folio: <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="folio">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarSerieFolio();">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal draggable fade" id="modalLeyenda" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="titleModalLeyendas">Nueva leyenda</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    <i class="material-icons">clear</i>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Prefijo:<span class="text-danger">*</span></label>
                            <select id="prefijo_leyenda" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                <option value="0" selected disabled>-Selecciona-</option>
                                @foreach($data['prefijos'] as $r)
                                <option value="{{$r->id}}">{{$r->tipo}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label>Leyenda:</label>
                    <textarea class="form-control" id="leyenda" rows="8"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarLeyenda();">Guardar</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="seriesfolios">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Serie Folio</h4>
            </div>
            <div class="modal-body">
                <input type="hidden" id="idSerie">
                <div class="row">
                    <div class="col-12">
                        <label>Documento:<span class="text-danger">*</span></label>
                        <select id="tipoDocumento" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                            @foreach ($data['tipos_documentos'] as $element)
                                <option value="{{ $element->id }}"> {{ $element->tipo }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <label>Serie:<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="serieN">
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <label>Folio:<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="folioN">
                    </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="guardarSerieFolio2();">Guardar</button>
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="id_leyenda_hidden">
<input type="hidden" id="id_correo_hidden">
<input type="hidden" id="id_sf_hidden">

@include ('configuracion.addPME')
@endsection

@push('js')
<script>
    $(document).ready(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
                var img_zone = document.getElementById('img-zone'),
            collect = {
                filereader: typeof FileReader != 'undefined',
                zone: 'draggable' in document.createElement('span'),
                formdata: !!window.FormData
            },
            acceptedTypes = {
                'image/png': true,
                'image/jpeg': true,
                'image/jpg': true,
                'image/gif': true
            };
        if (collect.zone) {
            dragHandle(img_zone);

        } else {
            alert("Drag & Drop isn't supported, use Open File Browser to upload photos.");
        }
        loadEmpresa();
        // loadGridSerieFolio();
        // loadGridCorreos();

    });

        $(document).on('change', '.btn-file :file', function() {
        if (this.id == 'input-img-zone') {

            ajax_upload(this.files[0]);
        } 

    });

    function dragHandle(element) {
        element.ondragover = function() {
            return false;
        };
        element.ondragend = function() {
            return false;
        };
        element.ondrop = function(e) {
            e.preventDefault();
            if (element.id == 'img-zone') {
                console.log('7777777777777')
                console.log(e.dataTransfer)
                ajax_upload(e.dataTransfer.files[0]);
            } else if (element.id == 'img-zone2') {
                //ajax_upload2(e.dataTransfer.files);
                //alert(e.dataTransfer.files)
            } else {
                //ajax_upload3(e.dataTransfer.files);
            }

        }
    }
            function ajax_upload(files) {

        $('.progress').removeClass('hidden');
        $('.progress-bar').css({
            "width": "0%"
        });
        $('.progress-bar span').html('0% complete');

        var formData = new FormData();
        console.log(files)

        $('#formImgvalue').val(formData)


        console.log(formData)
       
        formData.append('pdf', files);
        //$('#modalCargando').modal('show')
        $.ajax({
            url: '{{ url("configuracion/empresa/leer-pdf") }}', // Change name according to your php script to handle uploading on server
            type: 'post',
            data: formData,
            dataType: 'json',
            processData: false,
            contentType: false,
            error: function(request) {
                ajax_msg(false, 'Error al subir la imagen.', 'img-zone');
            },
            success: function(json) {
                console.log(json)

                $('#RFC').val(json.rfc);
                $('#nombreorganizacion').val(json.razon_social);
                $('#domicilio').val(json.calle);
                $('#num_ext').val(json.no_exterior);
                $('#cp').val(json.codigo_postal);
                $('#colonia').val(json.colonia);
                $('#RFC').val(json.rfc);
                if(json.id_estado!='0'){
                    $('#idestado').val(json.id_estado).selectpicker("refresh");
                    getMunicipio();
                    setTimeout(function() {
                        if(json.id_municipio!='0'){
                            $('#idmunicipio').val(json.id_municipio).selectpicker("refresh");
                        }
                    }, 3000);
                }
                $('#dragzone').hide('slow')

            },
            progress: function(e) {
                if (e.lengthComputable) {
                    var pct = (e.loaded / e.total) * 100;
                    $('.progress-bar').css({
                        "width": pct + "%"
                    });
                    $('.progress-bar span').html(pct + '% complete');
                } else {
                    console.warn('Content Length not reported!');
                }
            }
        });
    }

    // EMPRESA
    function loadEmpresa() {
        $.ajax({
                url: "{{ url('configuracion/empresa/get_empresa')}}",
                type: 'POST',
                dataType: 'json',

            })
            .done(function(resp) {
                if (resp.result == 1) {
                    showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje)
                } else {

                    // console.log(resp.data)
                    getEstado(resp.data['idpais'], resp.data['idestado']);
                    getMunicipio(resp.data['idestado'], resp.data['idmunicipio']);
                    $('.filled').addClass('is-filled');
                    $('.selectpicker').selectpicker("refresh");
                    $('#idorganizacion').val(resp.data['idorganizacion']);
                    $('#RFC').val(resp.data['RFC']);
                    $('#nombreorganizacion').val(resp.data['nombreorganizacion']);
                    $('#nombrecomercial').val(resp.data['nombrecomercial'])
                    $('#idregfiscal').val(resp.data['idregfiscal']).selectpicker('refresh');
                    $('#domicilio').val(resp.data['domicilio']);
                    $('#idpais').val(resp.data['idpais']).selectpicker('refresh');
                    $('#cp').val(resp.data['cp']);
                    $('#colonia').val(resp.data['colonia']);
                    $('#paginaweb').val(resp.data['paginaweb']);
                    $('#logobase64').text(resp.data['logoempresa']);

                    $('#idfact').val(resp.data2['id']);
                    $('#ciudad').val(resp.data2['ciudad']);
                    $('#num_ext').val(resp.data2['num_ext']);
                    // $('#cer').val(resp.data2['cer']);
                    // $('#llave').val(resp.data2['llave']);
                    $('#clave').val(resp.data2['clave']);
                    $('#pac').val(resp.data2['pac']).selectpicker('refresh');
                    $('#fc_user').val(resp.data2['fc_user']);
                    $('#fc_password').val(resp.data2['fc_password']);

                    $('#pdf_version').val(resp.data['pdf_version']).selectpicker('refresh');
                    // $('#cer_fiel').val(resp.data2['cer_fiel']);
                    // $('#llave_fiel').val(resp.data2['llave_fiel']);
                    $('#clave_fiel').val(resp.data2['clave_fiel']);
                    $('#cerfilename').text('Archivo .cer guardado: ' + resp.data2['cer'])
                    $('#llavefilename').text('Archivo .key guadardo: ' + resp.data2['llave'])
                    $('#fielcerfilename').text('Archivo .cer guardado: ' + resp.data2['cer_fiel'])
                    $('#fielllavefilename').text('Archivo .key guadardo: ' + resp.data2['llave_fiel'])

                    if(resp.isrs.length!=0){
                        $('#checkIsr').prop('checked',true)
                        $('#checkISR_'+resp.isrs[0].id_impuesto).prop('checked',true)
                        $('#impuestosISR').show()

                    }

                    if(resp.ivasr.length!=0){
                         $('#checkIvaRet').prop('checked',true)
                         $.each(resp.ivasr, function(index, val) {
                             $('#checkIvaRet_'+val.id_impuesto).prop('checked',true)
                         });
                         $('#impuestosIvaRet').show()
                    }
                    if(resp.data['predial']=='1'){
                        $('#checkPredial').prop('checked',true)
                    }else{
                        $('#checkPredial').prop('checked',false)
                    }

                }

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

    }

    function getEstado(idpais, idestado) {
        if (idpais == undefined) {
            var idpais = $('#idpais option:selected').val();
        }
        $.ajax({
                url: "{{ url('configuracion/empresa/get_estado')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: idpais,
                },
            })
            .done(function(resp) {
                $('#idestado').empty()
                $.each(resp.data.estados, function(key, value) {
                    $('#idestado')
                        .append('<option value="' + value['idestado'] + '" nombre="' + value['estado'] + '">' + value['estado'] + '</option>');
                });
                $('#idestado').val(idestado);
                $('#idestado').selectpicker("refresh");
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }

    function getMunicipio(idestado, idmunicipio) {

        if (idestado == undefined) {
            var idestado = $('#idestado option:selected').val();
        }
        $.ajax({
                url: "{{ url('configuracion/empresa/get_municipio')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: idestado,
                },
            })
            .done(function(resp) {
                $('#idmunicipio').empty()

                $.each(resp.data.municipios, function(key, value) {
                    $('#idmunicipio')
                        .append('<option value="' + value['idmunicipio'] + '"  nombre="' + value['municipio'] + '">' + value['municipio'] + '</option>');
                });
                $('#idmunicipio').val(idmunicipio);
                $("#idmunicipio").selectpicker("refresh");
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }

    var uploadField = document.getElementById("logoempresa");
    uploadField.onchange = function() {
        if (this.files[0].size > 2097152) {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'La imagen seleccionada es demasiado grande.');
            this.value = "";
        };
    };

    function guardarEmpresa() {
        // var idorganizacion = $('#idorganizacion').val();
        // var nombreorganizacion = $('#nombreorganizacion').val();
        // var RFC = $('#RFC').val();
        // var idregfiscal = $('#idregfiscal option:selected').val();
        // var idpais = $('#idpais option:selected').val();
        // var idestado = $('#idestado option:selected').val();
        // var idmunicipio = $('#idmunicipio option:selected').val();
        // var cp = $('#cp').val();
        // var domicilio = $('#domicilio').val();
        // var colonia = $('#colonia').val();
        // var paginaweb = $('#paginaweb').val();
        // var logoempresa = $('#logobase64').text();
        // var idfact = $('#idfact').val();
        // var pais = $('#idpais option:selected').attr('nombre');
        // var municipio = $('#idmunicipio option:selected').attr('nombre');
        // var estado = $('#idestado option:selected').attr('nombre');
        // var num_ext = $('#num_ext').val();
        // var ciudad = $('#ciudad').val();
        // var cer = $('#cer').val();
        // var llave = $('#llave').val();
        // var clave = $('#clave').val();
        // var pac = $('#pac option:selected').val();
        // var fc_user = $('#fc_user').val();
        // var fc_password = $('#fc_password').val();
        // var cer_fiel = $('#cer_fiel').val();
        // var llave_fiel = $('#llave_fiel').val();
        // var clave_fiel = $('#clave_fiel').val();

        // // if (RFC == '' || idregfiscal == '' || idpais == '' || idestado == 0 || idmunicipio == 0 || cp == '' || domicilio == '' || colonia == '' || cer == '' || llave == '' || clave == '' || cer_fiel == '' || llave_fiel == '' || clave_fiel == '') {
        // if (RFC == '' || idregfiscal == '' || idpais == '' || idestado == 0 || idmunicipio == 0 || cp == '' || domicilio == '' || colonia == '') {
        //     showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar toda la información');
        //     return false;
        // }
        // $('#loadingSave').modal('show');
        // return true;

        // $.ajax({
        //         url: "{{ url('configuracion/empresa/save_empresa')}}",
        //         type: 'POST',
        //         dataType: 'json',
        //         data: {
        //             idorganizacion: idorganizacion,
        //             nombreorganizacion: nombreorganizacion,
        //             RFC: RFC,
        //             idregfiscal: idregfiscal,
        //             idpais: idpais,
        //             idestado: idestado,
        //             idmunicipio: idmunicipio,
        //             cp: cp,
        //             colonia: colonia,
        //             domicilio: domicilio,
        //             paginaweb: paginaweb,
        //             logoempresa: logoempresa,
        //             id: idfact,
        //             pais: pais,
        //             municipio: municipio,
        //             num_ext: num_ext,
        //             ciudad: ciudad,
        //             estado: estado,
        //             cer: cer,
        //             llave: llave,
        //             clave: clave,
        //             pac: pac,
        //             fc_user: fc_user,
        //             fc_password: fc_password,
        //             cer_fiel: cer_fiel,
        //             llave_fiel: llave_fiel,
        //             clave_fiel: clave_fiel,
        //         },

        //     })
        //     .done(function(resp) {
        //         console.log(resp);
        //         if (resp.result == 1) {
        //             showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje)

        //         } else {
        //             showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje)
        //         }
        //         setTimeout(function() {
        //             location.reload()
        //         }, 3000);

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

    }

    function eliminar(id) {
        Swal.fire({
            title: '¿Estás seguro de eliminar?',
            text: "Esta acción no es reversible",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Sí, eliminado'
        }).then((result) => {
            $('#loadingLoad').modal('show');
            $.ajax({
                    url: "{{ url('configuracion/sucursales/delete_sucursal')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                    },
                })
                .done(function(resp) {
                    showNotification('top', 'center', 'success', resp.mensaje)
                    setTimeout(() => {
                        loadGrid();
                    }, 2000);
                })

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



        })
    }

    $("#formuploadajax").on("submit", function(e) {
        e.preventDefault();
        var f = $(this);
        var formData = new FormData(document.getElementById("formuploadajax"));

        var idorganizacion = $('#idorganizacion').val();
        var nombreorganizacion = $('#nombreorganizacion').val();
        var nombrecomercial = $('#nombrecomercial').val();
        var RFC = $('#RFC').val();
        var idregfiscal = $('#idregfiscal option:selected').val();
        var idpais = $('#idpais option:selected').val();
        var idestado = $('#idestado option:selected').val();
        var idmunicipio = $('#idmunicipio option:selected').val();
        var cp = $('#cp').val();
        var domicilio = $('#domicilio').val();
        var colonia = $('#colonia').val();
        var paginaweb = $('#paginaweb').val();
        var logoempresa = $('#logobase64').text();
        var idfact = $('#idfact').val();
        var num_ext = $('#num_ext').val();
        var ciudad = $('#ciudad').val();
        var cer = $('#cer').val();
        var llave = $('#llave').val();
        var clave = $('#clave').val();
        var pac = $('#pac option:selected').val();
        var fc_user = $('#fc_user').val();
        var fc_password = $('#fc_password').val();
        var cer_fiel = $('#cer_fiel').val();
        var llave_fiel = $('#llave_fiel').val();
        var clave_fiel = $('#clave_fiel').val();
        var pdf_version = $('#pdf_version').val();

        if(pdf_version=='1' && nombrecomercial == ''){
            $('#nombrecomercial').focus()
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Por favor, agrega un nombre comercial.');
            return false;
        }

        formData.append('municipio', $('#idmunicipio option:selected').attr('nombre'));
        formData.append('pais', $('#idpais option:selected').attr('nombre'));
        formData.append('estado', $('#idestado option:selected').attr('nombre'));

        var ivasRet = ''
        $('.checkIvaRetClass').each(function(index, el) {
            if($(this).is(':checked')){
                ivasRet += $(this).val()+','
            }
        });
        var isr = $('[name="checkISR"]').is(':checked')
        if($('[name="checkISR"]').is(':checked')){
            isr = $('[name="checkISR"]:checked').val()
        }else{
            isr = 0;
        }
        if($('#checkPredial').is(':checked')){
            predial = 1
        }else{
            predial = 0
        }
        console.log(isr)
        formData.append('isr', isr);
        formData.append('ivasret', ivasRet);
        formData.append('predial', predial);

        if (RFC == '' || idregfiscal == '' || idpais == '' || idestado == 0 || idmunicipio == 0 || cp == '' || domicilio == '' || colonia == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar toda la información');
            return false;
        }
        $('#loadingSave').modal('show');
        $.ajax({
                url: "{{ url('configuracion/empresa/save_empresa')}}",
                type: "post",
                dataType: "html",
                data: formData,
                cache: false,
                contentType: false,
                processData: false
            })
            .done(function(resp) {
                showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', 'Se han guardado los archivos correctamente')
            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingSave').modal('hide')
                }, 2000);
            });

    });

    $("#formuploadajax2").on("submit", function(e) {
        e.preventDefault();
        var f = $(this);
        var formData = new FormData(document.getElementById("formuploadajax2"));
        formData.append("dato", "valor");
        $.ajax({
                url: "{{ url('configuracion/empresa/save_archivos/2')}}",
                type: "post",
                dataType: "html",
                data: formData,
                cache: false,
                contentType: false,
                processData: false
            })
            .done(function(resp) {
                showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', 'Se han guardado los archivos correctamente')
            });
    });

    // SERIES Y FOLIOS
    function loadGridSerieFolio() {
        $('#tableFolios').dataTable().fnDestroy();
        var table = $('#tableFolios').DataTable({
            lengthMenu: [10, 20, 50, 100, 200, 500],
            responsive: true,
            dom: 'Blfrtip',
            language: {
                url: "{{asset('material/datatable_sp.json')}}"
            },
            ajax: {
                url: "{{url('configuracion/empresa/get_series_folios')}}",
                type: "POST",
            },
            columns: [{
                    data: "Id"
                },
                {
                    data: "sucursal"
                },
                {
                    data: "Serie1"
                },
                {
                    data: "Serie2"
                },
                {
                    data: "Folio"
                },
                {
                    data: "acciones"
                },

            ],
            order: [
                [4, "desc"]
            ],
            buttons: [{
                    extend: 'excelHtml5',
                    text: 'EXCEL',
                    titleAttr: 'Excel',
                },
                {
                    extend: 'csvHtml5',
                    text: 'CSV',
                    titleAttr: 'CSV',
                },
                {
                    extend: 'pdfHtml5',
                    text: 'PDF',
                    titleAttr: 'PDF',
                    footer: true,
                    download: 'download',
                    title: 'Lista de correos',
                },
                {
                    extend: 'copyHtml5',
                    text: 'COPIAR',
                    titleAttr: 'Copiar',
                },

            ]
        });
        table.buttons().nodes().css('background', '#0a415f');
        table.buttons().nodes().css('color', 'white');
    }

    function nuevoSerieFolio() {
        $('#id_sf_hidden').val('')
        $('#sucursal').val('').selectpicker('refresh')
        $('#prefijo').val('').selectpicker('refresh')
        $('#serie2').val('').selectpicker('refresh')
        $('#folio').val('')
        $('.filled2').removeClass('is-filled');
        $('#titleModal').text('Agregar serie y folio')
        $('#modalSeriesFolios').modal('show')
    }

    function guardarSerieFolio() {
        var id = $('#id_sf_hidden').val();
        var sucursal = $('#sucursal option:selected').val();
        var prefijo = $('#prefijo option:selected').val();
        var serie2 = $('#serie2').val();
        var folio = $('#folio').val();
        $('#loadingSave').modal('show');
        $.ajax({
                url: "{{ url('configuracion/empresa/save_serie_folio')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id: id,
                    Sucursal_Id: sucursal,
                    PrefijoSerie_Id: prefijo,
                    Serie2: serie2,
                    Folio: folio
                },

            })
            .done(function(resp) {
                // console.log(resp);
                if (resp.err) {
                    showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje)
                    return false;
                }
                setTimeout(() => {
                    showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje)
                    $('#modalSeriesFolios').modal('hide')
                    $('#tableFolios').DataTable().ajax.reload();
                }, 2000);

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

    function editarSerieFolio(Id) {
        $.ajax({
                url: "{{url('configuracion/empresa/get_serie_folio')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id: Id,
                }
            })
            .done(function(resp) {

                $('#id_sf_hidden').val(resp.data['Id']);
                $('#sucursal').val(resp.data['Sucursal_Id']).selectpicker('refresh');
                $('#prefijo').val(resp.data['PrefijoSerie_Id']).selectpicker('refresh');
                $('#serie2').val(resp.data['Serie2']);
                $('#folio').val(resp.data['Folio']);
                $('.filled2').addClass('is-filled');
                $('#titleModal').text('Editar serie y folio')
                $('#modalSeriesFolios').modal('show')

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

    function eliminarSerieFolio(id) {
        Swal.fire({
            title: '¿Estás seguro de eliminar la serie y folio?',
            text: "Esta acción no es reversible",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Sí, eliminado'
        }).then((result) => {
            if (result.value) {
                $('#loadingLoad').modal('show');
                $.ajax({
                        url: "{{ url('configuracion/empresa/delete_sf')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            Id: id,
                        },
                    })
                    .done(function(resp) {
                        setTimeout(() => {
                            showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje);
                            $('#tableFolios').DataTable().ajax.reload();
                        }, 2000);
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                        setTimeout(() => {
                            $('#loadingLoad').modal('hide');
                        }, 2000);
                    });
            }
        })
    }


    const fileInput = document.querySelector("#logoempresa");

    // listen for the change event so we can capture the file
    fileInput.addEventListener("change", (e) => {
        // get a reference to the file
        const file = e.target.files[0];
        // encode the file using the FileReader API
        const reader = new FileReader();
        reader.onloadend = () => {
            $('#logobase64').text(reader.result);
        };
        reader.readAsDataURL(file);
    });

    //CORREOS

    function loadGridCorreos() {
        $('#tableCorreos').dataTable().fnDestroy();
        var table = $('#tableCorreos').DataTable({
            pagingType: "full_numbers",
            lengthMenu: [10, 20, 50, 100, 200, 500],
            responsive: true,
            dom: 'Blfrtip',
            language: {
                url: "{{asset('material/datatable_sp.json')}}"
            },
            ajax: {
                url: "{{url('configuracion/empresa/get_correos')}}",
                type: "POST",
            },
            columns: [{
                    data: "id"
                },
                {
                    data: "correo"
                },
                {
                    data: "usuario"
                },
                {
                    data: "contrasena"
                },
                {
                    data: "estatus"
                },
                {
                    data: "host"
                },
                {
                    data: "puerto"
                },
                {
                    data: "seguridad"
                },
                {
                    data: "acciones"
                },

            ],
            order: [
                [0, "desc"]
            ],
            buttons: [{
                    extend: 'excelHtml5',
                    text: 'EXCEL',
                    titleAttr: 'Excel',
                },
                {
                    extend: 'csvHtml5',
                    text: 'CSV',
                    titleAttr: 'CSV',
                },
                {
                    extend: 'pdfHtml5',
                    text: 'PDF',
                    titleAttr: 'PDF',
                    footer: true,
                    download: 'download',
                    title: 'Lista de correos',
                },
                {
                    extend: 'copyHtml5',
                    text: 'COPIAR',
                    titleAttr: 'Copiar',
                },

            ]
        });
        table.buttons().nodes().css('background', '#0a415f');
        table.buttons().nodes().css('color', 'white');

    }

    function guardarEmail() {
        var id = $('#id_correo_hidden').val(),
            correo = $('#correo').val(),
            usuario = $('#usuario').val(),
            contraseña = $('#contraseña').val(),
            host = $('#host').val(),
            puerto = $('#puerto').val(),
            estatus_correo = $('#estatus_correo option:selected').val(),
            seguridad = $('#seguridad').val();

        if (correo == '' || usuario == '' || host == '' || puerto == '' || contraseña == '' || seguridad == '' || estatus_correo == 0) {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar toda la información del correo.');
            return false;
        }
        $('#loadingSave').modal('show');
        $.ajax({
                url: "{{ url('configuracion/empresa/save_correo')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                    correo: correo,
                    usuario: usuario,
                    contrasena: contraseña,
                    host: host,
                    puerto: puerto,
                    seguridad: seguridad,
                    estatus: estatus_correo,
                },
            })
            .done(function(resp) {
                setTimeout(() => {
                    showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje);
                    limpiarCampos()
                    $('#tableCorreos').DataTable().ajax.reload();
                }, 2000);
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingSave').modal('hide');
                }, 2000);
            });
    }

    function limpiarCampos() {
        $('#id_correo_hidden').val('')
        $('#correo').val('');
        $('#usuario').val('');
        $('#contraseña').val('');
        $('#host').val('');
        $('#puerto').val('');
        $('#seguridad').val('');
        $('#estatus_correo').val(0)
        $('#estatus_correo').selectpicker('refresh');
        $('.filled-c').removeClass('is-filled')
    }

    function editarCorreo(id) {
        $.ajax({
                url: "{{ url('configuracion/empresa/get_correo')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                },
            })
            .done(function(resp) {
                $('#id_correo_hidden').val(resp.data['id'])
                $('#correo').val(resp.data['correo']);
                $('#usuario').val(resp.data['usuario']);
                $('#contraseña').val(resp.data['contrasena']);
                $('#host').val(resp.data['host']);
                $('#puerto').val(resp.data['puerto']);
                $('#seguridad').val(resp.data['seguridad']);
                $('#estatus_correo').val(resp.data['estatus'])
                $('#estatus_correo').selectpicker('refresh');
                $('.filled-c').addClass('is-filled')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");

            });
    }

    function eliminarCorreo(id) {
        Swal.fire({
            title: '¿Estás seguro de eliminar el correo?',
            text: "Esta acción no es reversible",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Sí, eliminado'
        }).then((result) => {
            if (result.value) {
                $('#loadingLoad').modal('show');
                $.ajax({
                        url: "{{ url('configuracion/empresa/delete_correo')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            id: id,
                        },
                    })
                    .done(function(resp) {
                        setTimeout(() => {
                            showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje);
                            $('#tableCorreos').DataTable().ajax.reload();
                        }, 2000);
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                        setTimeout(() => {
                            $('#loadingLoad').modal('hide');
                        }, 2000);
                    });
            }
        });

    }

    //LEYENDAS
    function loadGridLeyendas() {
        $('#gridLeyendas').dataTable().fnDestroy();
        var table = $('#gridLeyendas').DataTable({
            pagingType: "full_numbers",
            lengthMenu: [10, 20, 50, 100, 200, 500],
            responsive: true,
            dom: 'Blfrtip',
            language: {
                url: "{{asset('material/datatable_sp.json')}}"
            },
            ajax: {
                url: "{{url('configuracion/empresa/get_leyendas')}}",
                type: "POST",
            },
            columns: [{
                    data: "id",width: '5%'
                },
                {
                    data: "prefijo",width: '5%'
                },
                {
                    data: "documento",width: '5%'
                },
                {
                    data: "leyenda"
                },
                {
                    data: "estatus",width: '10%'
                },
                {
                    data: "acciones",width: '10%'
                },

            ],
            order: [
                [0, "desc"]
            ],
            buttons: [{
                    extend: 'excelHtml5',
                    text: 'EXCEL',
                    titleAttr: 'Excel',
                },
                {
                    extend: 'csvHtml5',
                    text: 'CSV',
                    titleAttr: 'CSV',
                },
                {
                    extend: 'pdfHtml5',
                    text: 'PDF',
                    titleAttr: 'PDF',
                    footer: true,
                    download: 'download',
                    title: 'Lista de leyendas',
                },
                {
                    extend: 'copyHtml5',
                    text: 'COPIAR',
                    titleAttr: 'Copiar',
                },

            ]
        });
        table.buttons().nodes().css('background', '#0a415f');
        table.buttons().nodes().css('color', 'white');

    }
    $('#btn_nueva_leyenda').on('click', () => {
        $('#prefijo_leyenda').val(0);
        $('#prefijo_leyenda').selectpicker('refersh');
        $('#leyenda').val('');
        $('#modalLeyenda').modal('show');
    })

    function guardarLeyenda() {



        if ($('#prefijo_leyenda option:selected').val() == 0 || $('#leyenda').val() == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar toda la información de la leyenda.');
            return false;
        }
        $('#loadingLoad').modal('show');
        $.ajax({
                url: "{{ url('configuracion/empresa/save_leyenda')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: $('#id_leyenda_hidden').val(),
                    id_prefijo: $('#prefijo_leyenda option:selected').val(),
                    leyenda: $('#leyenda').val(),
                    estatus: 1,
                },
            })
            .done(function(resp) {
                setTimeout(() => {
                    showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje);
                    $('#gridLeyendas').DataTable().ajax.reload();
                    $('#modalLeyenda').modal('hide');
                }, 2000);
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingLoad').modal('hide');
                }, 2000);
            });
    }

    function editarLeyenda(id) {
        $.ajax({
                url: "{{ url('configuracion/empresa/get_leyenda')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                },
            })
            .done(function(resp) {
                $('#id_leyenda_hidden').val(resp.data['id'])
                $('#leyenda').val(resp.data['leyenda']);
                $('#prefijo_leyenda').val(resp.data['id_prefijo'])
                $('#prefijo_leyenda').selectpicker('refresh');
                $('#modalLeyenda').modal('show');
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");

            });
    }

    function eliminarLeyenda(id) {
        Swal.fire({
            title: '¿Estás seguro de eliminar la leyenda?',
            text: "Esta acción no es reversible",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Sí, eliminado'
        }).then((result) => {
            if (result.value) {
                $('#loadingLoad').modal('show');
                $.ajax({
                        url: "{{ url('configuracion/empresa/delete_leyenda')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            id: id,
                        },
                    })
                    .done(function(resp) {
                        setTimeout(() => {
                            showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje);
                            $('#gridLeyendas').DataTable().ajax.reload();
                        }, 2000);
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                        setTimeout(() => {
                            $('#loadingLoad').modal('hide');
                        }, 2000);
                    });
            }
        });

    }
    function checa1(tipo){
        if(tipo==1){
            chequeado = $('#checkIsr').is(':checked');
            if(chequeado){
                $('#impuestosISR').show()
            }else{
                 $('.checkISRClass').prop('checked',false)
                $('#impuestosISR').hide()
            }

        }else{
            chequeado = $('#checkIvaRet').is(':checked');
            if(chequeado){
                $('#impuestosIvaRet').show()
            }else{
                $('.checkIvaRetClass').prop('checked',false)
                $('#impuestosIvaRet').hide()
            }
        }
    }
    function loadGridSeries(){
        $('#gridSeries').dataTable().fnDestroy();
        var table = $('#gridSeries').DataTable({
            pagingType: "full_numbers",
            lengthMenu: [10, 20, 50, 100, 200, 500],
            responsive: true,
            bLengthChange: false,
            language: {
                url: "{{asset('material/datatable_sp.json')}}"
            },
            ajax: {
                url: "{{url('configuracion/empresa/get_series')}}",
                type: "POST",
            },
            columns: [{
                    data: "tipodocumento_display"
                },
                {
                    data: "serie"
                },
                {
                    data: "folio"
                },
                {
                    data: "acciones"
                },

            ],
            order: [
                [0, "desc"]
            ],
            sInfo: false,
            /*buttons: [{
                    extend: 'excelHtml5',
                    text: 'EXCEL',
                    titleAttr: 'Excel',
                },
                {
                    extend: 'csvHtml5',
                    text: 'CSV',
                    titleAttr: 'CSV',
                },
                {
                    extend: 'pdfHtml5',
                    text: 'PDF',
                    titleAttr: 'PDF',
                    footer: true,
                    download: 'download',
                    title: 'Lista de leyendas',
                },
                {
                    extend: 'copyHtml5',
                    text: 'COPIAR',
                    titleAttr: 'Copiar',
                },

            ]*/
        });
        table.buttons().nodes().css('background', '#0a415f');
        table.buttons().nodes().css('color', 'white');
    }
    function editarSerie(id){
        $.ajax({
            url: '{{ url('configuracion/empresa/get_serie') }}',
            type: 'POST',
            dataType: 'json',
            data: {id: id},
        })
        .done(function(resp) {
            console.log("success");
            $('#idSerie').val(resp.data.id)
            $('#serieN').val(resp.data.serie)
            $('#folioN').val(resp.data.folio)
            $('#tipoDocumento').val(resp.data.tipodocumento)
            $('#tipoDocumento').selectpicker("refresh");
            $('#seriesfolios').modal('show')
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    function guardarSerieFolio2(){
        var idserie = $('#idSerie').val()
        var serie = $('#serieN').val()
        var folio = $('#folioN').val()
        var tipo = $('#tipoDocumento').val();

        if(serie=='' || folio=='' || tipo==''){
               Swal.fire({
                  title: 'Existen campos obligatorios vacios',
                  type: 'warning',
                  timer: 3000
                })
                return false;
        }
        $.ajax({
            url: '{{ url('configuracion/empresa/save_serie') }}',
            type: 'POST',
            dataType: 'json',
            data: {id: idserie,serie: serie,folio: folio, tipo: tipo},
        })
        .done(function(resp) {
            if(resp.estatus > 0){
                    $('#seriesfolios').modal('hide')
                    loadGridSeries()
                Swal.fire({
                  title: 'Se guardo con exito',
                  type: 'success',
                  timer: 1000
                })
                return false;
                 
            }else{
                  Swal.fire({
                  title: resp.msj,
                  type: 'warning',
                  timer: 3000
                })
                return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
    }
    function newSerie(){
        $('#idSerie').val('')
        $('#serieN').val('')
        $('#folioN').val('')
        $('#seriesfolios').modal('show')
    }
    function subirPdf() {

        $('#dragzone').show()
   /* let formData = new FormData();
    let file = document.getElementById('archivoPdf').files[0];
    formData.append('pdf', file);

    $.ajax({
        url: '{{ url('configuracion/empresa/leer-pdf') }}',
        type: 'POST',
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        },
        data: formData,
        processData: false,
        contentType: false,
        success: function (res) {
            console.log(res);
            $('#RFC').val(res.rfc);
            $('#nombreorganizacion').val(res.razon_social);
            $('#domicilio').val(res.calle);
            $('#num_ext').val(res.no_exterior);
            $('#cp').val(res.codigo_postal);
            $('#colonia').val(res.colonia);
            $('#RFC').val(res.rfc);
            if(res.id_estado!='0'){
                $('#idestado').val(res.id_estado).selectpicker("refresh");
                getMunicipio();
                setTimeout(function() {
                    if(res.id_municipio!='0'){
                        $('#idmunicipio').val(res.id_municipio).selectpicker("refresh");
                    }
                }, 3000);
            }
        },
        error: function (err) {
            alert('Error al subir el archivo.');
            console.log(err);
        }
    });*/
}
    function ajax_msg(status, msg, div) {
        var the_msg = '<div class="alert alert-' + (status ? 'success' : 'danger') + '">';
        the_msg += '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
        the_msg += msg;
        the_msg += '</div>';
        $(the_msg).insertBefore(div);
    }
</script>

@endpush