@extends('layouts.dashboard')
@section('css')
    <link rel="stylesheet" href="{{ asset('js/configuracion/minified/themes/default.min.css') }}" id="theme-style" />
    <link rel="stylesheet" href="{{ asset('js/configuracion/minified/themes/modern.min.css') }}" id="theme-style" />
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('css/configuracion/config.css') }}" id="theme-style" />
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
@endsection
@section('js')
    {{-- <script src="{{ asset('js/configuracion/addImpuesto.js') }}"></script> --}}
    <script src="{{ asset('../js/configuracion//minified/sceditor.min.js') }}"></script>
    <script src="{{ asset('js/configuracion/minified/icons/monocons.js') }}"></script>
    <script src="{{ asset('js/configuracion/minified/formats/bbcode.js') }}"></script>
    <script src="{{ asset('js/configuracion/minified/formats/xhtml.js') }}"></script>
    <script src="{{ asset('js/configuracion/config.js?version=' . version_js()) }}"></script>
    <script src="{{ asset('js/select2.js') }}"></script>
@endsection

@section('content')
    <style>
        .zoom {
            transition: transform .2s;
            margin-bottom: 20px;
        }

        .zoom:hover {
            transform: scale(1.1);
        }

        .img_plantilla {
            background-image: no-repeat;
            background-image: fixed;
            background-image: center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-size: 100% 100%;
            max-width: 100% !important;
        }

        .plantilla_config {
            background-color: #070707a9;
            border: none;
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            position: absolute;
        }

        .plantilla_config:before {
            margin: 0 auto;
            position: absolute;
            top: 35%;
            left: 40%;
            font-size: 80px;
            content: "\02713";
            color: #59F98C;
        }

        img {
            display: block;
            max-width: 100%;
        }

        .preview {
            overflow: hidden;
            width: 160px;
            height: 160px;
            margin: 10px;
            border: 1px solid red;
        }

        .modal-lg {
            max-width: 1000px !important;
        }

        /**********File Inputs**********/
        .container-input {
            text-align: inherit;
            background: transparent;
            border-radius: 6px;
            width: 50%;
        }

        .inputfile {
            width: 0.1px;
            height: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1;
        }

        .inputfile+label {
            max-width: 80%;
            font-size: 1.25rem;
            font-weight: 700;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            padding: 0.625rem 1.25rem;
        }

        .inputfile+label svg {
            width: 1em;
            height: 1em;
            vertical-align: middle;
            fill: currentColor;
            margin-top: -0.25em;
            margin-right: 0.25em;
        }

        .iborrainputfile {
            font-size: 16px;
            font-weight: normal;
            font-family: 'Lato';
        }

        /* style 3 */

        .inputfile-3+label {
            color: black;
        }

        .inputfile-3:focus+label,
        .inputfile-3.has-focus+label,
        .inputfile-3+label:hover {
            color: rgb(133, 133, 133);
        }

        #Mail {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
        }

        code:before {
            position: absolute;
            content: 'Code:';
            top: -1.35em;
            left: 0;
        }

        code {
            margin-top: 1.5em;
            position: relative;
            background: #eee;
            border: 1px solid #aaa;
            white-space: pre;
            padding: .25em;
            min-height: 1.25em;
        }

        code:before,
        code {
            display: block;
            text-align: left;
        }

        .grid-6-1 {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 1em;
        }

        .grid-4-1 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1em;
        }

        .grid-2-1 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1em;
        }

        .grid-3-1 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1em;
        }
        
        .gild-row-2-1 {
            display: grid;
            grid-template-rows: repeat(2, 1fr);
        }
        .gild-col-2 {
            grid-column: span 2 !important;
        }

        .header-card-conf {
            margin-left: 20px;
        }

        .icon-header-conf {
            height: 40px;
            width: 40px;
            text-align: center;
            padding: 8px;
            border-radius: 50% !important;
        }

        .card-conf {
            border-radius: 5px;
        }

        .card-conf-complemento {
            border-radius: 5px;
            padding: 20px;
        }

        .complemento-content {
            padding: 5px;
            grid-column: span 2;
        }
        :root {
            --bg: #ffffff;
            --purple: #969494;
            --green: #3ac47d;
            --font: 'Roboto Mono', sans-serif;
        }
        .wrap-toggle {
            padding: 5px;
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 125px;
            height: 31px;
            background-color: var(--purple);
            border-radius: 4px;
            border:1px solid #969494;
            transition: all 0.3s;
            cursor: pointer;
            padding-top:3px;
        }
        .switch::before {
            padding: 4px;
            color: white;
            content: "Desactivado ";
            padding-left:20px;
            font-size: 0.8rem;
            font-weight: 500;
        }
        .switch:after {
            content: " ";
            position: absolute;
            width: 15px;
            height: 30px;
            border-radius: 20% 4px 4px 20%;
            background-color: white;
            border:1px solid;
            top: 0px;
            right: -1px;
            transition: all 0.3s;
        }

        input[type='checkbox']:checked + .switch:after {
            transform: translateX(-110px);
            background-color: var(--bg);
        }
        
        input[type='checkbox']:checked + .switch{
            border:1px solid var(--green);
            background-color: var(--green);
        }
        input[type='checkbox']:checked +.switch:before {
            color: white;
            content: "Activado ";
            padding-left:20px;
            font-size: 0.8rem;
            font-weight: 500;
        }

        .offscreen {
            position: absolute;
            left: -9999px;
        }
        @media (max-width: 1024px) {

            /* Estilos para pantallas de hasta 1024px de ancho */
            .grid-L-1-1 {
                grid-template-columns: repeat(1, 1fr);
                gap: 1em;
            }

            .grid-L-2-1 {
                grid-template-columns: repeat(2, 1fr);
                gap: 1em;
            }
        }

        @media (max-width: 768px) {
            /* Estilos para pantallas de hasta 768px de ancho */
        }

        @media (max-width: 480px) {
            /* Estilos para pantallas de hasta 480px de ancho */

            .grid-C-1-1 {
                grid-template-columns: repeat(1, 1fr);
                gap: 1em;
            }

            .complemento-content {
                grid-column: span 1;
            }

        }
    </style>
    <script>
        var __Plantilla__ = "{{ $c_Plantilla }}";
    </script>

    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-12">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Configuración del portal</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>


    @if (session('message'))
        <div class="alert alert-success alert-dismissable col-lg-4 col-md-12"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('message') }}</strong>
        </div>
    @endif
    @if (session('danger'))
        <div class="col-md-12 text-center">
            <div class="alert alert-danger alert-dismissable col-md-12" style="word-break:break-all" role="progressbar"
                aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <strong>{{ session('danger') }}</strong>
            </div>
        </div>
    @endif

    {{-- @if (!session('danger_free')) --}}
        <div class="animated fadeIn">
            <!-- /Widgets -->
            @include('configuracion.header')
            <div class="row">
                {{--
                    .color_primario_1_azul_dinbox
                    .color_primario_2_gris_dinbox
                    .color_primario_3_naranja_dinbox
                    --}}
                {{-- Inicio seccion del comprobante --}}
                @can('configuracion.general')
                    <div class="col-lg-12 form_conf_generales">
                        <form action="{{ url('/configuracion') }}" method="POST" autocomplete="off">
                            @csrf
                            <div class="grid-4-1  grid-L-2-1 grid-C-1-1 col-md-12">
                                <div class="card card-conf">
                                    <div class="card-header">
                                        <div class="header-card-conf grid-3-1">
                                            <div class="icon-header-conf color_primario_3_naranja_dinbox">
                                                <i class="fa fa-file" style="font-size: 25px;font-weight:bold;color:white"></i>
                                            </div>
                                            <div class="gild-row-2-1">
                                                {{-- <div class="widget-heading mb-0 opacity-7">Configurar</div> --}}
                                                <div>General</div>
                                            </div>
                                            <div></div>
                                        </div>
                                    </div>
                                    <div class="line_divisor"></div>
                                    <div class="card-body">
                                        <div class="row form-group">
                                            <div class="col-8">
                                                <label for="text-input" class=" form-control-label">
                                                    Precisión de decimales
                                                </label>
                                            </div>
                                            <div class="col-4">
                                                <select class="form-control" id="precision_decimales" name="precision_decimales">
                                                    <option value="2" @if ($No_Decimal == '2') selected @endif>
                                                        2 </option>
                                                    <option value="3" @if ($No_Decimal == '3') selected @endif>
                                                        3 </option>
                                                    <option value="4" @if ($No_Decimal == '4') selected @endif>
                                                        4 </option>
                                                    <option value="5" @if ($No_Decimal == '5') selected @endif>
                                                        5 </option>
                                                    <option value="6" @if ($No_Decimal == '6') selected @endif>
                                                        6</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row form-group">
                                            <div class="col-8"><label for="text-input" class=" form-control-label">Tasa de Iva
                                                    Predeterminado
                                                </label>
                                            </div>
                                            <div class="col-4">
                                                <select class="form-control" id="tasa_iva_predeterminado"
                                                    name="tasa_iva_predeterminado">
                                                    <option value="15" @if ($tasa_iva_predeterminado == '15') selected @endif>
                                                        EXENTO </option>
                                                    <option value="1" @if ($tasa_iva_predeterminado == '1') selected @endif>
                                                        0 % </option>
                                                    <option value="2" @if ($tasa_iva_predeterminado == '2') selected @endif>
                                                        8 % </option>
                                                    <option value="4" @if ($tasa_iva_predeterminado == '4') selected @endif>
                                                        16 % </option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="row form-group">
                                            <div class="col-8">
                                                <label for="text-input" class=" form-control-label">
                                                    Base de impuesto manual
                                                </label>
                                            </div>
                                            <div class="col-4">
                                                <input class="input-control" type="checkbox" id="base_impuesto_manual"
                                                    name="base_impuesto_manual" @if ($base_impuesto_manual == 'A') checked @endif>
                                            </div>
                                        </div>

                                        <div class="row form-group">
                                            <div class="col-8"><label for="text-input" class=" form-control-label">Editar Fecha
                                                </label>
                                            </div>
                                            <div class="col-4">
                                                <input class="input-control" type="checkbox" id="editar_fecha" name="editar_fecha"
                                                    @if ($editar_fecha == 'A') checked @endif>
                                            </div>
                                        </div>
                                        @if (session('ses_roll') != 'AdminBasico')
                                            <div class="row form-group">
                                                <div class="col-8">
                                                    <label for="text-input" class=" form-control-label">
                                                        Incluir propina
                                                    </label>
                                                </div>
                                                <div class="col-4">
                                                    <input class="input-control" type="checkbox" id="txt_incluir_propina"
                                                        name="txt_incluir_propina" @if ($incluir_propina == 'S') checked @endif>
                                                </div>
                                            </div>
                                        @endif
                                        @if (session('ses_roll')=='Administrador')
                                            <div class="row form-group">
                                                <div class="col-8"><label for="text-input" class=" form-control-label">Heredar configuración general
                                                    <a href="#question-circle" data-toggle="tooltip" data-placement="right" title="" data-original-title="Esta opcion hereda a todas las sucursales la aplicacion de impuestos, precisión de decimales, tasa de iva predeterminada, etc.">
                                                        <i class="fa fa-question-circle"></i>
                                                    </a></label>
                                                </div>
                                                <div class="col-4">
                                                    <input class="input-control" @if ($heredar_conf == 'A') checked @endif type="checkbox" id="heredar_conf_general" name="heredar_conf_general">
                                                </div>
                                            </div>
                                        @endif
                                        @can('control_pagos.all')
                                            <div class="row form-group">
                                                <div class="col-8"><label for="text-input" class=" form-control-label">Activar Control Pagos
                                                    </label>
                                                </div>
                                                <div class="col-4">
                                                    <input class="input-control" type="checkbox" id="control_pago" name="control_pago"
                                                        @if ($control_pago == 'A') checked @endif>
                                                </div>
                                            </div>
                                            <div class="row form-group">
                                                <div class="col-12" style="padding-left: 0px;">
                                                    <button type="button" class="mb-2 mr-2 btn-icon btn btn-lg" data-toggle="modal" data-target="#modal_autoConfPagos">
                                                        <i class="lnr-cog btn-icon-wrapper"> </i>Configuración automatización de pagos</button>
                                                </div>
                                            </div>
                                        @endcan
                                    </div>
                                </div>
                                @can('receptores.ln_all')
                                    <div class="card card-conf">
                                        <div class="card-header">
                                            <div class="header-card-conf grid-3-1">
                                                <div class="icon-header-conf color_primario_3_naranja_dinbox">
                                                    <i class="fa fa-user-secret  "
                                                        style="font-size: 25px;font-weight:bold;color:white"></i>
                                                </div>
                                                <div class="gild-row-2-1">
                                                    {{-- <div class="widget-heading mb-0 opacity-7">Configurar</div> --}}
                                                    <div style="white-space: nowrap;text-overflow: ellipsis;">Listas negras</div>
                                                </div>
                                                <div></div>
                                            </div>
                                        </div>
                                        <div class="line_divisor"></div>
                                        <div class="card-body">
                                            <div class="row form-group">
                                                <div class="col col-md-10" style="padding-left: 8px;"><label for="text-input"
                                                        class=" form-control-label">Timbrar comprobante con
                                                        receptor en listas negras
                                                    </label>
                                                </div>
                                                <div class="col-2">
                                                    <input class="input-control" type="checkbox" id="lista_negra_check"
                                                        name="timbrar_lista_negra_check" @if ($T_lista_negra == 'A') checked @endif>
                                                </div>
                                            </div>
                                            <div class="row form-group">
                                                <div class="col col-md-10" style="padding-left: 8px;"><label for="text-input"
                                                        class=" form-control-label">Buscar receptores en lista negras en el módulo CFDI
                                                    </label>
                                                </div>
                                                <div class="col-2">
                                                    <input class="input-control" type="checkbox" id="lista_negra_check"
                                                        name="busqueda_lista_negra_check" @if ($B_lista_negra == 'A') checked @endif>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endcan
                                <div class="card card-conf">
                                    <div class="card-header">
                                        <div class="header-card-conf grid-3-1">
                                            <div class="icon-header-conf color_primario_3_naranja_dinbox">
                                                <i class="fa fa-life-ring"
                                                    style="font-size: 25px;font-weight:bold;color:white"></i>
                                            </div>
                                            <div class="gild-row-2-1">
                                                {{-- <div class="widget-heading mb-0 opacity-7">Configurar</div> --}}
                                                <div>Partidas</div>
                                            </div>
                                            <div></div>
                                        </div>
                                    </div>
                                    <div class="line_divisor"></div>
                                    <div class="card-body">
                                        <div class="row form-group">
                                            <div class="col col-md-8" style="padding-left: 8px;"><label for="text-input"
                                                    class=" form-control-label">Aplicación de
                                                    Impuestos
                                                </label>
                                            </div>
                                            <div class="col-4">
                                                <select name="cbx_Impuestos" id="cbx_Impuestos" class="form-control"
                                                    onchange="impuestos_Select(this);">
                                                    <option @if ($global == 'G') selected @endif value="global">
                                                        Global
                                                    </option>
                                                    <option @if ($global == 'P') selected @endif value="partida">
                                                        Partida
                                                    </option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="row form-group">
                                            <div class="col-8" style="padding-left: 8px;"><label for="text-input"
                                                    class=" form-control-label">Agrupar partida repetida
                                                </label>
                                            </div>
                                            <div class="col-4">
                                                <input class="input-control" type="checkbox" id="rep_concepto"
                                                    name="rep_concepto" @if ($repeticion_concepto == '1') checked @endif>
                                            </div>
                                        </div>

                                        <div class="row form-group">
                                            <div class="col col-md-8" style="padding-left: 8px;"><label for="text-input"
                                                    class=" form-control-label"> Precisión de decimales para retención ISR 1.25%
                                                </label>
                                            </div>
                                            <div class="col-4">
                                                <select class="form-control" id="precision_decimales_isr"
                                                    name="precision_decimales_isr">
                                                    <option value="4" @if ($No_Decimal_isr == '4') selected @endif>
                                                        4 </option>
                                                    <option value="6" @if ($No_Decimal_isr == '6') selected @endif>
                                                        6</option>
                                                </select>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="card card-conf">
                                    <div class="card-header">
                                        <div class="header-card-conf grid-3-1">
                                            <div class="icon-header-conf color_primario_3_naranja_dinbox">
                                                <i class="fa fa-font" style="font-size: 25px;font-weight:bold;color:white"></i>
                                            </div>
                                            <div class="gild-row-2-1">
                                                {{-- <div class="widget-heading mb-0 opacity-7">Configurar</div> --}}
                                                <div>Títulos</div>
                                            </div>
                                            <div></div>
                                        </div>
                                    </div>
                                    <div class="line_divisor"></div>
                                    <div class="card-body">
                                        <div class="col-12" style="padding-left: 0px;">
                                            <button type="button" class="mb-2 mr-2 btn-icon btn btn-lg" data-toggle="modal"
                                                data-target="#add-titulo-doc">
                                                <i class="lnr-cog btn-icon-wrapper"> </i>Configuración de titulos de
                                                documentos</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="card card-conf">
                                    <div class="card-header">
                                        <div class="header-card-conf grid-3-1">
                                            <div class="icon-header-conf color_primario_3_naranja_dinbox">
                                                <i class="fa fa-share" style="font-size: 20px;font-weight:bold;color:white"></i>
                                            </div>
                                            <div class="gild-row-3-1">
                                                <div>Configurar Respaldo</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="line_divisor"></div>
                                    <div class="card-body">
                                        <div class="row d-flex justify-content-center">
                                            @if (session('ses_roll') == 'AdminBasico')
                                                <input type="button" class="btn btn-primary col-12 text-wrap"
                                                value="Para sincronizar con Dropbox necesita mejorar su paquete">
                                            @else
                                                @if ($dropbox_token == null)
                                                    <input id="buttonAuth" type="text" class="btn btn-primary col-12"
                                                        value="Sincronizar con Dropbox">
                                                @else
                                                    <label class="col-12 mb-0">Email asociado: </label>
                                                    <label class="col-12">{{$dropbox_email}}</label>
                                                    <input id="buttonLogout" type="text" class="btn btn-primary col-12 mt-2"
                                                        value="Eliminar sincronizacion">
                                                @endif
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 ">
                                <div class="row justify-content-center">
                                    <button type="submit" class="btn btn-lg buttom_agregar" style="height: 30px;width: 90px;"
                                        id="btn_save_form">
                                        <span id="btn_save">Guardar</span>
                                    </button>
                                </div>
                            </div>
                        </form>
                        <div class="display_none">
                            @if ($dropbox_token == null)
                                <form id="formAuth" method="GET" action="/sincronizar/auth">
                                </form>
                            @else
                                <form id="formLogout" method="GET" action="/sincronizar/logout">
                                </form>
                            @endif
                        </div>

                    </div>
                @endcan
                @cannot('configuracion.general')
                    <div class="col-lg-12 form_conf_generales">
                        @include('errors.bloqueo_funciones')
                    </div>
                @endcannot
                {{-- Fin seccion del comprobante --}}
                {{-- Inicio seccion del complemento --}}
                @can('configuracion.complementos')
                    <div class="col-sm-12 form_conf_complemento" style="display:none">
                        <div class="card">
                            <div class="row" style="padding: 10px">
                                <div class="card-body card-block col-lg-6"
                                    @if (count($complemento_emisor) > 4) style="border-right:  solid 3px  rgb(214, 213, 213)" @endif>
                                    @foreach ($complemento_emisor as $key => $item)
                                        @if ($key < 4)
                                            <div class="row form-group ">
                                                <div class="col col-md-2">
                                                    <span class="icon-wrapper icon-wrapper-alt rounded-circle">
                                                        <span class="icon-wrapper-bg bg-primary"></span>
                                                        <i class="fa fa-fw" aria-hidden="true" title="Copy to use cube"></i>
                                                    </span>
                                                </div>
                                                <div class="col col-md-5">
                                                    {{ $item->nombre }}
                                                </div>
                                                <div class="col col-md-2">
                                                    <input type="checkbox" data-toggle="toggle" data-on="On" data-off="Off"
                                                        data-onstyle="success" @if ($item->status == 'A') checked @endif
                                                        data-offstyle="danger" name="status"
                                                        onchange="_upd_complemento(this, {{ $item->id_complemento }})">
                                                </div>
                                                <div class="col col-md-3">
                                                    @if ($item->id_complemento == '1')
                                                        <button type="button" class="mb-2 mr-2 btn-icon btn btn-lg btn-block"
                                                            data-toggle="modal" data-target="#add-impuestolocal">
                                                            <i class="lnr-cog btn-icon-wrapper"> </i>Configurar nuevo
                                                            impuesto</button>
                                                    @endif
                                                    @if ($item->id_complemento == '4')
                                                        <button type="button" class="mb-2 mr-2 btn-icon btn btn-lg btn-block"
                                                            data-toggle="modal" data-target="#add-leyendasFisc">
                                                            <i class="lnr-plus-circle btn-icon-wrapper"> </i>Agregar
                                                            leyenda fiscal</button>
                                                    @endif
                                                    @if ($item->id_complemento == '3')
                                                        <button id="conf_donataria"
                                                            style="display:@if ($item->status == 'D') none @endif"
                                                            type="button" class="mb-2 mr-2 btn-icon btn btn-lg btn-block"
                                                            data-toggle="modal" data-target="#add-Donatarias">
                                                            <i class="lnr-cog btn-icon-wrapper"> </i>Configurar
                                                            complemento</button>
                                                    @endif
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                                <div class="card-body card-block col-lg-6">
                                    @foreach ($complemento_emisor as $key => $item)
                                        @if ($key > 3)
                                            <div class="row form-group ">
                                                <div class="col col-md-2">
                                                    <span class="icon-wrapper icon-wrapper-alt rounded-circle">
                                                        <span class="icon-wrapper-bg bg-primary"></span>
                                                        <i class="fa fa-fw" aria-hidden="true" title="Copy to use cube"></i>
                                                    </span>
                                                </div>
                                                <div class="col col-md-5">
                                                    {{ $item->nombre }}
                                                </div>
                                                <div class="col col-md-2">
                                                    <input type="checkbox" data-toggle="toggle" data-on="On" data-off="Off"
                                                        data-onstyle="success" @if ($item->status == 'A') checked @endif
                                                        data-offstyle="danger" name="status"
                                                        onchange="_upd_complemento(this, {{ $item->id_complemento }})">
                                                </div>
                                                <div class="col col-md-3">
                                                    @if ($item->id_complemento == '1')
                                                        <button type="button" class="mb-2 mr-2 btn-icon btn btn-lg btn-block"
                                                            data-toggle="modal" data-target="#add-impuestolocal">
                                                            <i class="lnr-cog btn-icon-wrapper"> </i>Configurar nuevo
                                                            impuesto</button>
                                                    @endif
                                                    @if ($item->id_complemento == '4')
                                                        <button type="button" class="mb-2 mr-2 btn-icon btn btn-lg btn-block"
                                                            data-toggle="modal" data-target="#add-leyendasFisc">
                                                            <i class="lnr-plus-circle btn-icon-wrapper"> </i>Agregar
                                                            leyenda fiscal</button>
                                                    @endif
                                                    @if ($item->id_complemento == '3')
                                                        <button id="conf_donataria"
                                                            style="display:@if ($item->status == 'D') none @endif"
                                                            type="button" class="mb-2 mr-2 btn-icon btn btn-lg btn-block"
                                                            data-toggle="modal" data-target="#add-Donatarias">
                                                            <i class="lnr-cog btn-icon-wrapper"> </i>Configurar
                                                            complemento</button>
                                                    @endif
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                @endcan
                @cannot('configuracion.complementos')
                    <div class="col-lg-12 form_conf_complemento" style="display:none">
                        @include('errors.bloqueo_funciones')
                    </div>
                @endcannot
                {{-- Fin seccion del Complemento --}}
                {{-- Inicio seccion del pdf --}}
                @can('configuracion.pdf')
                    <div class="col-sm-12 form_conf_pdf" style="display: none">
                        <div class="">
                            <div class="col-lg-12">
                                <div class="main-card mb-3 card">
                                    <div class="card-body">
                                        <div class="grid-menu grid-menu-2col">
                                            <div class="no-gutters row">
                                                <div class="col-sm-6 justify-content-center">
                                                    <div class="col-12 col-md-12 justify-content-center">
                                                        <div class="row justify-content-center">
                                                            <label for="text-input" class=" form-control-label"
                                                                style="font-size: 16px;">Asignar logotipo
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-md-12 justify-content-center">
                                                        <div class="row justify-content-center">
                                                            <img class="mb-2 mt-2" id="content_logo"
                                                                src="{{ isset($logo) ? asset('storage/' . $logo) : asset('assets/images/img-not-found.jpg') }}"
                                                                alt="Logo"
                                                                style="width: 12rem;height: auto;border-radius: 5px;border-color: black;box-shadow: 7px -2px 10px -2px #999;">
                                                        </div>
                                                        @can('configuracion.logoTipo')
                                                            <div class="row justify-content-center">
                                                                <input class="image" type="file" id="image" name="image"
                                                                    accept="image/*">
                                                            </div>
                                                        @endcan
                                                        @cannot('configuracion.logoTipo')
                                                            <div class="row justify-content-center">
                                                                    No tienes permisos para configurar el logotipo
                                                            </div>
                                                        @endcannot
                                                    </div>
                                                    @if (isset($logo))
                                                        <div class="row col-12 justify-content-center">
                                                            <form action="{{ url('/imagen/delete') }}" method="POST">
                                                                @csrf
                                                                <div class="col-4" style="border: none"></div>
                                                                <div class="col-6" style="border: none">
                                                                    <input type="submit" class="mt-4 btn btn-primary" value="Eliminar logotipo">
                                                                </div>
                                                            </form>
                                                        </div>                                              
                                                    @endif
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="row justify-content-center">
                                                        <label for="text-input" class=" form-control-label"
                                                            style="font-size: 16px;">Configurar colores del PDF
                                                        </label>
                                                    </div>
                                                    @can('configuracion.colorPDF')
                                                        <form action="{{ url('/config/color') }}" method="POST">
                                                            @csrf
                                                            @if (session('ses_roll')=='Administrador')
                                                                <div class="row form-group ">
                                                                    <div class="col col-md-8" style="border: none">
                                                                        <label for="text-input" class=" form-control-label">Sincronizar configuración PDF a sucursales
                                                                        </label>
                                                                    </div>
                                                                    <div class="col col-md-4">
                                                                        <div class="wrap-toggle">
                                                                            <input type="checkbox" id="toggle" class="offscreen" onchange="_activar_herencia_pdf(this)" @if ($heredar_plantilla == 'A') checked @endif  />
                                                                            <label for="toggle" class="switch"></label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                            <div class="row form-group ">
                                                                <div class="col col-md-4" style="border: none">
                                                                    <label for="text-input" class=" form-control-label">Color del PDF
                                                                    </label>
                                                                </div>
                                                                <div class="col col-md-8">
                                                                    <input type="color" value="#{{ $pdf_color }}" class="form-control"
                                                                        id="color_pdf" name="color_pdf">
                                                                </div>
                                                            </div>
                                                            <div class="row form-group ">
                                                                <div class="col col-md-4" style="border: none">
                                                                    <label for="text-input" class=" form-control-label">Color de letra
                                                                    </label>
                                                                </div>
                                                                <div class="col col-md-8" style="border: none">
                                                                    <input type="color" value="#{{ $letra_color }}" class="form-control"
                                                                        id="color_letra" name="color_letra">
                                                                </div>
                                                            </div>
                                                            <br>
                                                            <div class="row form-group justify-content-center">
                                                                <div class="col-md-4" style="border: none"></div>
                                                                <div class="col-md-4" style="border: none">
                                                                    <input type="submit" class="col-md-4  btn-icon btn btn-primary"
                                                                        value="Aplicar colores">
                                                                </div>
                                                            </div>
                                                        </form>
                                                    @endcan
                                                    @cannot('configuracion.colorPDF')
                                                    <div class="row justify-content-center">
                                                            No tienes permisos para configurar los colores del PDF
                                                    </div>
                                                    @endcannot
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            {{-- <div class="card-header">
                                <div class="header-card-conf grid-3-1">
                                    <div class="icon-header-conf color_primario_3_naranja_dinbox">
                                        <i class="fa fa-file-pdf" style="font-size: 25px;font-weight:bold;color:white"></i>
                                    </div>
                                    <div class="gild-row-2-1">
                                        <div class="widget-heading mb-0 opacity-7">Configurar</div>
                                        <div>PDF</div>
                                    </div>
                                    <div></div>
                                </div>
                            </div> --}}
                        </div>
                        <div class="col-md-12">
                            <div class="grid-4-1  grid-L-2-1 grid-C-1-1">
                                @foreach ($plantillas_pdfs as $item)
                                    <div class="card card-conf">
                                        <div class="card-header">
                                            <div class="header-card-conf grid-3-1">
                                                <div class="icon-header-conf color_primario_3_naranja_dinbox">
                                                    <i class="fa fa-file-pdf"
                                                        style="font-size: 25px;font-weight:bold;color:white"></i>
                                                </div>
                                                <div class="gild-row-2-1">
                                                    {{-- <div class="widget-heading mb-0 opacity-7">Configurar</div> --}}
                                                    <div>{{ $item->nombre }}</div>
                                                </div>
                                                <div></div>
                                            </div>
                                        </div>
                                        <div class="line_divisor"></div>
                                        <div class="card-body">
                                            <div id="previo_{{ $item->id_plantilla }}"></div>
                                            <div class="demo-image-bg img_plantilla"
                                                onclick="select_Plantilla('{{ $item->id_plantilla }}','{{ $item->nombre }}','{{ $item->descripcion }}')"
                                                data-toggle="modal" data-target="#PlantillaModalLong"
                                                style="background-image: url({{ asset($item->url_logotipo) }});">
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endcan
                @cannot('configuracion.pdf')
                    <div class="col-lg-12 form_conf_pdf" style="display:none">
                        @include('errors.bloqueo_funciones')
                    </div>
                @endcannot
                {{-- Fin seccion del pdf --}}
                {{-- Inicio seccion del email --}}
                @can('configuracion.email')
                    <form action="{{ url('/configuracion_email') }}" method="post">
                        @csrf
                        <div class="row justify-content-center form_conf_email" style="display: none">
                            <div class="card card-body card-block col-lg-7" style="padding: 30px">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="input-group input-group-sm mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text bg-light">CC</span>
                                            </div>
                                            <input type="text" name="input_copia_email" id="input_copia_email"
                                                class="form-control" aria-label="Small" aria-describedby="inputGroup-sizing-sm"
                                                value="{{ $copia_email }}">
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <textarea name="textCorreoSc" id="textCorreo" class="col-12" habilitar="{{ $plantillaDefault }}">
                                                {{ $plantillaPersonalizada }}
                                            </textarea>
                                    </div>
                                </div>
                                <div class="row" style="padding: 30px">
                                    <div class="col-md-12  text-center">
                                        <button type="submit" class="btn btn-lg buttom_agregar"
                                            style="height: 30px;width: 90px;" id="saveEmail">
                                            <span id="btn_save_email">Guardar</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body card-block col-lg-4">
                                <div class="card">
                                    <div class="card-header bg-light" style="justify-content: center;">
                                        Eliga el tipo de plantilla de email
                                    </div>
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="check_plantilla_default"
                                                    id="check_plantilla_default1" value="0"
                                                    @if ($plantillaDefault == '0') checked @endif>
                                                <label class="form-check-label" for="check_plantilla_default1">
                                                    Email Default
                                                </label>
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="check_plantilla_default"
                                                    id="check_plantilla_default2" value="1"
                                                    @if ($plantillaDefault == '1') checked @endif>
                                                <label class="form-check-label" for="check_plantilla_default2">
                                                    Email Personalizada
                                                </label>
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="form-check">
                                                <input type="button" id="bt_reset_email"
                                                    onclick="location.href='{{ url('/reset_plantilla') }}'"
                                                    style="height: 30px;width: 90px;" value="Restablecer"
                                                    class="btn buttom_warning">
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="card text-center">
                                    <div class="card-header bg-light" style="justify-content: center;">
                                        Palabras claves
                                    </div>
                                    <ul class="list-group list-group-flush" id="palabrasClave">
                                        <li class="list-group-item" id="perro">[rfcEmisor]</li>
                                        <li class="list-group-item" id="perro2">[nombreEmisor]</li>
                                        <li class="list-group-item">[rfcReceptor]</li>
                                        <li class="list-group-item">[nombreReceptor]</li>
                                        <li class="list-group-item">[folioFiscal]</li>
                                        <li class="list-group-item">[folio]</li>
                                        <li class="list-group-item">[serie]</li>
                                        <li class="list-group-item">[fechaEmision]</li>
                                        <li class="list-group-item">[total]</li>
                                        <li class="list-group-item">[telefonoEmisor]</li>
                                        <li class="list-group-item">[emailEmisor]</li>
                                        <li class="list-group-item">[calleDomicilioEmisor]</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </form>
                @endcan
                @cannot('configuracion.email')
                    <div class="col-lg-12 form_conf_email" style="display:none">
                        @include('errors.bloqueo_funciones')
                    </div>
                @endcannot
                {{-- Fin seccion del email --}}
            </div><!-- .row -->
        </div>
    {{-- @endif --}}

    {{-- @if (session('danger_free'))
        @include('errors.bloqueo_funciones')
    @endif --}}
@endsection

<div class="modal fade bd-Plantilla-modal-lg" id="PlantillaModalLong" tabindex="-1" role="dialog"
    aria-labelledby="PlantillaModalLongTitle" style="display: none;" aria-modal="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="PlantillaModalLongTitle">Tema estardar</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <script>
                __plantillas = new Array();
            </script>
            <div class="modal-body">
                @foreach ($plantillas_pdfs as $item)
                    <div class="col-md-12 " id="p_modal_{{ $item->id_plantilla }}" style="display:none">
                        <img class="img_plantilla" src="{{ asset($item->url_logotipo) }}" alt=""
                            srcset="">
                    </div>
                    <script>
                        __plantillas.push({
                            "id": "{{ $item->id_plantilla }}",
                            "nombre": "{{ $item->nombre }}",
                            "url": "{{ $item->url_logotipo }}",
                            "descripcion": "{{ $item->descripcion }}",
                        });
                    </script>
                @endforeach
            </div>
            <form action="{{ url('/configuracion') }}" method="post">
                @csrf
                <input type="hidden" name="input_plantilla" id="input_plantilla">
                <input type="hidden" name="input_name" id="input_name">
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-primary">Selecionar plantilla</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel"
    aria-hidden="true" style="display:none" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalLabel">Redimensionar imágen</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="img-container">
                    <div class="row">
                        <div class="col-md-8">
                            <img id="image" src="
                            ">
                        </div>
                        <div class="col-md-4">
                            <div class="preview"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" id="crop">Registar</button>
            </div>
        </div>
    </div>

    <div class="loader-wrapper d-flex justify-content-center align-items-center" id="loader_OTD"
        style="width: 100%;height: 52vh;position: absolute;opacity: 0;z-index: -1;">
        <div class="loader">
            <div class="ball-grid-pulse">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
</div>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.js"></script>
@include('modal.config_titulo_doc')

@can('configuracion.complementos')
    @include('modal.complemento_OTD')
    @include('modal.complemento_leyendas')
    @include('modal.complemento_Donataria')
@endcan
@include('modal.automatizacion_pagos')
<script>
    var $modal = $('#modal');
    var image = document.getElementById('image');

    var cropper;
    $("body").on("change", ".image", function(e) {
        var files = e.target.files;
        var done = function(url) {
            image.src = url;
            $modal.modal('show');
        };
        var reader;
        var file;
        var url;
        if (files && files.length > 0) {
            file = files[0];
            if (URL) {
                done(URL.createObjectURL(file));
            } else if (FileReader) {
                reader = new FileReader();
                reader.onload = function(e) {
                    done(reader.result);
                };
                reader.readAsDataURL(file);
            }
        }
    });
    $modal.on('shown.bs.modal', function() {
        document.getElementById('content_logo').src = document.getElementById('image').src;
        cropper = new Cropper(image, {
            aspectRatio: 0,
            viewMode: 2,
            preview: '.preview'
        });
    }).on('hidden.bs.modal', function() {
        cropper.destroy();
        cropper = null;
    });

    $("#crop").click(function() {
        /*canvas = cropper.getCroppedCanvas({
            width: 160,
            height: 90,

        });*/
        canvas = cropper.getCroppedCanvas({
            minWidth: 256,
            minHeight: 256,
            maxWidth: 4096,
            maxHeight: 4096,
            fillColor: '#fff',
            imageSmoothingEnabled: true,
            imageSmoothingQuality: 'high',
        });

        canvas.toBlob(function(blob) {
            url = URL.createObjectURL(blob);

            var reader = new FileReader();
            reader.readAsDataURL(blob);
            reader.onloadend = function() {

                var base64data = reader.result;

                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "imagen",
                    data: {
                        '_token': $('meta[name="csrf-token"]').attr('content'),
                        'image': base64data
                    },
                    success: function(data) {
                        console.log(data);
                        $modal.modal('hide');
                        swal("", "El logo se ha guardado correctamente");
                    }
                });
            }
        });
    });
</script>

{{--
<div class="row">
    <div class="col-12">
        <h5>Comprobantes</h5>
    </div>
    <div class="col-12">
        <div class="row">
            <div class="row col-6">
                <div class="col-6" style="padding-left: 8px;">
                    <label for="text-input" class=" form-control-label">
                        Precisión de decimales
                    </label>
                </div>
                <div class="col-6">
                    <select class="form-control" id="precision_decimales"
                        name="precision_decimales">
                        <option value="2"
                            @if ($No_Decimal == '2') selected @endif>
                            2 </option>
                        <option value="3"
                            @if ($No_Decimal == '3') selected @endif>
                            3 </option>
                        <option value="4"
                            @if ($No_Decimal == '4') selected @endif>
                            4 </option>
                        <option value="5"
                            @if ($No_Decimal == '5') selected @endif>
                            5 </option>
                        <option value="6"
                            @if ($No_Decimal == '6') selected @endif>
                            6</option>
                    </select>
                </div>
            </div>

            <div class="row col-6">
                <div class="col-6" style="padding-left: 8px;"><label
                        for="text-input" class=" form-control-label">Tasa de Iva
                        Predeterminado
                    </label>
                </div>
                <div class="col-6">
                    <select class="form-control" id="tasa_iva_predeterminado"
                        name="tasa_iva_predeterminado">
                        <option value="15"
                            @if ($tasa_iva_predeterminado == '15') selected @endif>
                            EXENTO </option>
                        <option value="1"
                            @if ($tasa_iva_predeterminado == '1') selected @endif>
                            0 % </option>
                        <option value="2"
                            @if ($tasa_iva_predeterminado == '2') selected @endif>
                            8 % </option>
                        <option value="4"
                            @if ($tasa_iva_predeterminado == '4') selected @endif>
                            16 % </option>
                    </select>
                </div>
            </div>

            <div class="row col-md-6" style="padding-top: 10px;">
                <div class="col-6" style="padding-left: 8px;">
                    <label for="text-input" class=" form-control-label">
                        Base de impuesto manual
                    </label>
                </div>
                <div class="col-6">
                    <input class="input-control" type="checkbox"
                        id="base_impuesto_manual"
                        name="base_impuesto_manual"
                        @if ($base_impuesto_manual == 'A') checked @endif>
                </div>
            </div>

            <div class="row col-6" style="padding-top: 10px;">
                <div class="col-6" style="padding-left: 8px;"><label
                        for="text-input" class=" form-control-label">Editar Fecha
                    </label>
                </div>
                <div class="col-6">
                    <input class="input-control" type="checkbox"
                        id="editar_fecha" name="editar_fecha"
                        @if ($editar_fecha == 'A') checked @endif>
                </div>
            </div>


        </div>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <h5>Listas negras</h5>
    </div>
    <div class="col-12">
        <div class="row col-md-6">
            <div class="col-6" style=""><label for="text-input"
                    class=" form-control-label">Timbrar a receptores en listas negras
                </label>
            </div>
            <div class="col-6">
                <input class="input-control" type="checkbox" id="rep_concepto"
                    name="rep_concepto" >
            </div>
        </div>
    </div>
</div>
<div class="row" style="margin-left: 0px;display:">
    <div class="row col-md-3" style="padding-left: 0px;">
        <div class="col-12" style="padding-left: 0px;">
            <button type="button" class="mb-2 mr-2 btn-icon btn btn-lg"
                                data-toggle="modal" data-target="#add-titulo-doc">
                                <i class="lnr-cog btn-icon-wrapper"> </i>Configuración de titulos de documentos</button>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <h5>A nivel de partidas</h5>
    </div>

</div> --}}