@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center">
                    <strong>{{ session()->get('success') }}</strong>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center">
                    <strong>{{ session()->get('warning') }}</strong>
                </div>
            @endif
            @if(session()->has('danger'))
                <div class="alert alert-danger text-center">
                    <strong>{{ session()->get('danger') }}</strong>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>¡Error!</strong> Revise los campos obligatorios<br><br>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Facturación</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Clientes</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Facturas e Informes</div>
    </div>
    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    {{--
    @if ($datos_muestras_reporte->count() <= 0)
        <button class="ui button fluid primary create_servicio_cliente_modal">
            <i class="pencil alternate icon"></i> Nuevo registro de servicio al cliente
        </button>
    @else
    <div class="row">
        <div class="col-md-10 mb-1">
            <button class="ui button fluid green edit_servicio_cliente_modal" 
                id="servicio_cliente_reporte_{{$estatus_reportes->id_servicio_cliente_reporte}}"                     
                data-id_servicio_cliente_reporte="{{$estatus_reportes->id_servicio_cliente_reporte}}">
                <i class="pencil alternate icon"></i>Editar Servicio al cliente
            </button> 
        </div>
        <div class="col-md-2">
        <button class="ui button fluid red delete_servicio_cliente_modal " data-id_recibo_muestra="{{$id_recibo_muestra}}">
                <i class="trash alternate icon"></i>Eliminar
            </button> 
        </div>
    </div>
    
    @endif
    --}}
     
    
    <div class="ui divider"></div>
    
    <div class="form-group row">
        <div class="form-group col-md-6">
            <p><strong>DATOS PARA FACTURAR</strong></p>
            <p><strong>Empresa:</strong> {{$datos_cliente_factura->nombre_empresa}}</p>
            <p><strong>RFC:</strong> {{$datos_cliente_factura->rfc}}</p>
            <p><strong>Domicilio:</strong>
                @if ($datos_cliente_factura->calle)
                    {{$datos_cliente_factura->calle.", "}}
                @endif
                @if ($datos_cliente_factura->numero_exterior)
                    {{$datos_cliente_factura->numero_exterior.", "}}
                @endif
                @if ($datos_cliente_factura->numero_interior)
                    {{$datos_cliente_factura->numero_interior.", "}} 
                @endif
                @if ($datos_cliente_factura->colonia)
                    {{$datos_cliente_factura->colonia.", "}}
                @endif
                @if ($datos_cliente_factura->codigo_postal)
                    {{$datos_cliente_factura->codigo_postal.", "}}
                @endif
                @if ($datos_cliente_factura->delegacion)
                    {{$datos_cliente_factura->delegacion}}
                @endif
            </p>
        </div>
        <div class="form-group col-md-6">
            <p><strong>CONTACTOS</strong></p>
            <table class="ui celled table unstackable">
                <thead>
                    <th>Nombre</th>
                    <th>E-mail</th>
                    <th>Teléfono</th>
                    <th>Extensión</th>
                    <th>Celular</th>
                </thead>
                <tbody>
                    @foreach ($contactos as $dato_contacto)
                    <tr>
                        <td>{{$dato_contacto->nombre_contacto}}</td>
                        <td>{{$dato_contacto->correo}}</td>
                        <td>{{($dato_contacto->telefono != "null") ? $dato_contacto->telefono : ""}}</td>
                        <td>{{($dato_contacto->extension != "null") ? $dato_contacto->extension : ""}}</td>
                        <td>{{($dato_contacto->celular != "null") ? $dato_contacto->celular : ""}}</td>
                    </tr> 
                    @endforeach
                    
                </tbody>
            </table>
        </div>
    </div> 
    {{--<button class="ui button fluid primary" id="create_comprobante_wizzard">
        <i class="pencil alternate icon"></i> Nuevo comprobante
    </button>--}} 

    <div class="ui grid">
        <div class="six wide column">
            <a class="ui button fluid primary inverted" id="create_comprobante_wizzard">
                <i class="pencil alternate icon"></i> Nueva Factura
            </a>
        </div>
        <div class="six wide column">
            <a class="ui green inverted fluid button" id="create_complemento">
                <i class="file icon"></i> Nuevo complemento de pago
            </a>
        </div>
        <div class="four wide column">
            <a class="ui secondary inverted fluid button send_mail_servicio_cliente_modal">
                <i class="envelope icon"></i> Enviar correo
            </a>
        </div>
    </div>
    
    <div class="mt-3">
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item">
              <a class="nav-link active" id="facturas-tab" data-toggle="tab" href="#facturas" role="tab" aria-controls="facturas" aria-selected="true">Facturas</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="prefactura-tab" data-toggle="tab" href="#prefactura" role="tab" aria-controls="prefactura" aria-selected="false">Datos de Pre Factura</a>
              </li>
        </ul>
        <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active" id="facturas" role="tabpanel" aria-labelledby="facturas-tab">
                <div class="sx-autorender mt-3">
                    <div class="sx-scroll-x">
                        <table class="ui celled table unstackable lang-dt">
                            <thead>
                                <th>Serie y folio</th>
                                <th>UUID</th>
                                <th>Tipo de comprobante</th>
                                <th class="collapsing">Total</th>
                                <th>Uso de CFDI</th>
                                <th>Forma de pago</th>
                                <th>Fecha</th>
                                
                                <th class="">Acciones</th>
                            </thead>
                            <tbody>
                                @foreach ($facturas->contactos as $contacto)
                                    @foreach ($contacto->facturas as $factura)
                                    @php
                                        $cobranza = json_decode($factura->complemento->cobranza)                                        
                                    @endphp
                                   
                                            <tr>
                                                <td>{{$factura->complemento->serie}} - {{$factura->complemento->concecutivo}}</td>
                                                <td>{{$factura->complemento->uiid}}</td>
                                                <td>{{$factura->tipo_comprobante}}</td>
                                                
                                                <td class="collapsing">$ </td>
                                                <td>{{$factura->cfdi}}</td>
                                                <td>{{$factura->tipo_pago}}</td>
                                                <td>{{$factura->created_at}}</td>
                                                
                                                <td class="collapsing">
                                                    <div class="ui tiny icon buttons">
                                                        <a class="ui button orange" title="Detalles de facturación el cliente" href="{{url('facturacion_cliente/'.$datos_cliente_factura->id_cliente_factura.'/detalle/'.$factura->id_factura)}}">
                                                        Detalles 
                                                        <i class="arrow right icon"></i>
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                    @endforeach
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="prefactura" role="tabpanel" aria-labelledby="prefactura-tab">
                <div class="sx-autorender mt-3">
                    <div class="sx-scroll-x">
                        <table class="ui celled table unstackable">
                            <thead>
                                <th>Informe</th>
                                <th>No. Informe</th>
                                <th>Norma</th>
                                <th>Nombre</th>
                                <th>Marca</th>
                                <th>Modelo</th>
                                <th>Urgente</th>
                            </thead>
                            <tbody>
                                @foreach ($datos_cliente_factura->contactos as $dato_contacto)
                                <tr>
                                    <td>{{$dato_contacto->nombre_contacto}}</td>
                                    <td>{{$dato_contacto->correo}}</td>
                                    <td>{{$dato_contacto->telefono}}</td>
                                    <td>{{$dato_contacto->extension}}</td>
                                    <td>{{$dato_contacto->celular}}</td>
                                    <td>{{$dato_contacto->extension}}</td>
                                    <td>{{$dato_contacto->celular}}</td>
                                </tr> 
                                @endforeach
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
        
        
        <div class="ui divider"></div>
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
                {{--<input type="submit" value="Guardar" class="ui button primary">--}}
                <a href="{{ route('facturacion.index') }}" class="ui button gray">Atrás</a>
            </div>
        </div>
    </div>
    @include('Facturacion.create_facturacion_wizzard')
    @include('Facturacion.create_complemento_wizzard')
    
    <!---WIZARD--------------------->
   <style type="text/css">
    .stepwizard-step p {
        margin-top: 10px;
    }

    .stepwizard-row {
        display: table-row;
    }

    .stepwizard {
        display: table;
        width: 100%;
        position: relative;
    }

    /*.stepwizard-step button[disabled] {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }**/

    .stepwizard-row:before {
        top: 14px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 1px;
        background-color: #ccc;
        z-order: 0;

    }

    .stepwizard-step {
        display: table-cell;
        text-align: center;
        position: relative;
    }

    .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    }
    </style> 
    <script>
        var id_cliente = 0;
        let num_complementos = 0;
        $(document).ready(function(){
            $('#fechaPago').datepicker({
                format: 'yyyy-mm-dd'
            });
            $('#horaPago').datetimepicker({
                format: 'hh:mm:ss'
            });
            $('#create_comprobante_wizzard').click(function(){
                readButtons("create_comprobante_facturacion_wizzard");
                $('#create_facturacion_wizzard').modal('show');  
            });

            $('#create_complemento').click(function(){
                readButtons("create_comprobante_complemento_wizzard");
                $('#create_complemento_wizzard').modal('show');  
            });

            $('#new_complemento').click(function(){
                $('div#complementos').append(`
                    <div class="card" id="card_${++num_complementos}">
                        <div class="card-body" id="cardbody_${num_complementos}">
                        </div>
                    </div>`
                );
                $("#cardbody_"+num_complementos).load('{{url("facturacion/complemento/".$id_cliente_factura."/num")}}/'+num_complementos, function(){
                    $(".selectpicker").selectpicker();
                    $("select.complementos").change(function(){
                        id_factura = $(this).val();
                        num = $(this).data("num");
                        let impPagado = 0;
                        let monto = 0;
                        $.ajax({
                            url:"{{ url('facturacion/cobranza') }}",
                            method:"POST",
                            data:{'id_factura': id_factura, '_token': _token = $('input[name="_token"]').val()},
                            success:function(response){
                                $('#pagos_'+num).append('');
                                result = JSON.parse(response); 
                                resultData = result.data;
                                
                                $('#pagos_'+num).empty();
                                $.each(resultData.conceptos, function(key, value) {
                                    estatus = "Sin Pago";
                                    /*$('#pagos_'+num).append(
                                        `<div class="col-12">
                                        <label for="Tencion" class="">${value['num_informe']}</label>
                                        <input type="text" class="form-control" id="descuento" name="descuento" value="${value['precio_unitario']}" disabled>
                                        <input type="text" class="form-control" id="id_cobranza_${num}[]" name="id_cobranza_${num}[]" value="${value['id_cobranza']}" readonly hidden>
                                        </div>`
                                    );*/
                                    if(value['id_cobranza']){
                                        estatus = "Pagado";
                                    }
                                    $('#pagos_'+num).append(
                                        `<div class="col-12">
                                        <label for="Tencion" class="">${value['num_informe']} ${estatus}</label>
                                        
                                        <input type="text" class="form-control" id="id_cobranza_${num}[]" name="id_cobranza[]" value="${value['id_cobranza']}" hidden>
                                        </div>`
                                    );
                                    //impPagado= dividir(multiplicar(impPagado) + multiplicar(value['precio_unitario']));
                                });
                                cobranza = JSON.parse(resultData.factura["cobranza"]);
                                $("#ImpPagado_"+num).attr('max="'+cobranza['total']+'"');
                                $("#serie_"+num).val(resultData.factura['serie']);
                                $("#folio_"+num).val(resultData.factura['concecutivo']);
                                $("#ImpSaldoAnt_"+num).val(cobranza['total']);
                                //$("#ImpPagado_"+num).val(impPagado);
                                $("#ImpSaldoInsoluto"+num).val(dividir(multiplicar(cobranza['total'])));

                                
                                $("#ImpPagado_"+num).val(impPagado);
                                $('.pagados').keyup(function () {
                                    monto = 0;
                                    let num = $(this).data('num');
                                    
                                    $(".pagados").each(function(index, value) {
                                        if ( $.isNumeric( $(this).val() ) ){
                                            monto+= parseFloat($(this).val());
                                        }
                                    });
                                    
                                    $("#ImpSaldoInsoluto"+num).val(dividir(multiplicar($('#ImpSaldoAnt_'+num).val()) - multiplicar($(this).val())));
                                    
                                    $("#Monto").val(monto.toFixed(2));
                                });
                            }
                        });
                        
                    });
                });
            });

            
        });

        readButtons = function(type_accion){
            let navListItems = $('div#'+type_accion+' div.setup-panel div a'),
            allWells = $('div#'+type_accion+' .setup-content'),
            allNextBtn = $('div#'+type_accion+' .nextBtn');
            allBackBtn = $('div#'+type_accion+' .backBtn');

            navListItems.click(function (e) {
                e.preventDefault();
                var $target = $($(this).attr('href')),
                    $item = $(this);

                if (!$item.hasClass('disabled')) {
                    navListItems.removeClass('btn-primary').addClass('btn-default');
                    $item.addClass('btn-primary').removeClass('disabled');
                    allWells.hide();
                    $target.show();
                    //$target.find('input:eq(0)').focus();
                }
            });

            allNextBtn.click(function(){
                var curStep = $(this).closest("div#"+type_accion+" .setup-content"),
                    curStepBtn = curStep.attr("id"),
                    nextStepWizard = $('div#'+type_accion+' div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
                    curInputs = curStep.find("input[type='text'],input[type='url']"),
                    isValid = true;

                $(".form-group").removeClass("has-error");
                    navListItems.addClass('disabled');
                    nextStepWizard.removeAttr('disabled').removeClass('disabled').trigger('click');
            });

            allBackBtn.click(function(){
                var curStep = $(this).closest("div#"+type_accion+" .setup-content"),
                    curStepBtn = curStep.attr("id"),
                    nextStepWizard = $('div#'+type_accion+' div.setup-panel div a[href="#' + curStepBtn + '"]').parent().prev().children("a"),
                    curInputs = curStep.find("input[type='text'],input[type='url']"),
                    isValid = true;

                $(".form-group").removeClass("has-error");
                    navListItems.addClass('disabled');
                    nextStepWizard.removeAttr('disabled').removeClass('disabled').trigger('click');
            });

            $('div.setup-panel div a.btn-primary').trigger('click'); 
        } 
    </script>
    <script>
        let subtotal = 0;
        let descuento = 0;
        let total = 0;
        let total_total = 0;
        let iva = 0;
        $(document).ready(function(){
            
            /*$('.facturar').click(function(){
                let id_concepto = $(this).val();
                var $fila;
                if($(this).prop('checked')){
                    $fila = $("#lang-dt tbody tr#row_"+id_concepto);
                    /*$fila.find('td.colFacturado_'+id_concepto).remove();
                    $fila.find('td.colTipoPago_'+id_concepto).remove();
                    $fila.find('td.colEstatus_'+id_concepto).remove();
                    $fila.find('td.colComentario_'+id_concepto).remove();
                    $fila.find('td.colCheck_'+id_concepto).remove();
                    $fila.appendTo("#breakdown tbody");
                    $('#comentario_'+id_concepto).prop('disabled', false);
                    suma_subtotal($(this).data('precio'), $(this).data('descuento'), $(this).data('iva'));
                }else{
                    $fila = $("#breakdown tbody tr#row_"+id_concepto);
                    $fila.appendTo("#lang-dt tbody");
                    $('#comentario_'+id_concepto).prop('disabled', true);
                    resta_subtotal($(this).data('precio'), $(this).data('descuento'), $(this).data('iva'));
                }
            });*/

            $('#facturar').change(function(){
                let id_concepto = $(this).val();
                $.ajax({
                    url:"{{ url('facturacion/consultaInforme') }}",
                    method:"POST",
                    data:{'id_concepto': id_concepto, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        let html = '';
                        $.each(resultData.partidas, function(key, concepto) {
                           html+=`
                                    <tr class="">
                                    <td class="">{{--$recibo->reporte->tipo_pago--}}${concepto.reporte.tipo_pago}</td>
                                    <td class="">{{--$recibo->estatus--}}${concepto.reporte.recibo_muestra.estatus}</td>
                                    <td class="">{{--$concepto->num_informe--}}${concepto.num_informe}</td>
                                    <td class="">{{--$concepto->producto--}}${concepto.producto}</td>
                                    <td class="">{{--$concepto->marca--}}${concepto.marca}</td>
                                    <td class="">{{--$concepto->modelo--}}${concepto.modelo}</td>
                                    <td class="collapsing">{{--$concepto->servicio--}}${concepto.servicio}</td>
                                    <td class=""><input type="text" class="form-control" id="comentario_${concepto.id_servicio_cliente_concepto}{{--$concepto->id_servicio_cliente_concepto--}}" name="comentario_${concepto.id_servicio_cliente_concepto}{{--$concepto->id_servicio_cliente_concepto--}}"></td>
                                    <td class="collapsing">$ {{--$concepto->precio_unitario--}}${concepto.precio_unitario}</td>
                                    <td class="collapsing">$ {{--($concepto->descuento_activo?($concepto->precio_unitario - ($concepto->precio_unitario*($concepto->descuento / 100))):$concepto->precio_unitario)--}}${concepto.subtotal}</td>
                                    <td class="collapsing">$ {{--($concepto->descuento_activo?(($concepto->precio_unitario - ($concepto->precio_unitario*($concepto->descuento / 100))) * .16):($concepto->precio_unitario * .16))--}}${concepto.iva}</td>
                                    </tr>`
                            
                        });
                        $('table#breakdown tbody').html(html);
                        $('#subTotal').val(resultData.totales.subtotal);
                        $('#iva').val(resultData.totales.iva);
                        $('#total1').val(resultData.totales.total1);
                        $('#total').val(resultData.totales.subtotal);
                        /*cobranza = JSON.parse(resultData.factura["cobranza"]);
                        $("#serie_"+num).val(resultData.factura['serie']);
                        $("#folio_"+num).val(resultData.factura['concecutivo']);
                        $("#ImpSaldoAnt_"+num).val(cobranza['total']);
                        $("#ImpPagado_"+num).val(impPagado);
                        $("#ImpSaldoInsoluto"+num).val(dividir(multiplicar(cobranza['total']) - multiplicar(impPagado)));*/

                    }
                });
            });

            $("#selectAll").click(function() {
                if($(this).prop('checked')){
                    subtotal = 0;
                    descuento = 0;
                    iva = 0;
                    total = 0;
                    $("input.facturar").each(function (index, val) {
                        suma_subtotal($(val).data('precio'), $(val).data('descuento'), $(this).data('iva'));
                    });
                    $(".facturar").prop("checked", true);
                    
                }else{
                    $("input.facturar").each(function (index, val) {
                        if($(val).prop('checked')){
                            resta_subtotal($(val).data('precio'), $(val).data('descuento'), $(this).data('iva'));
                        }
                    });
                    $(".facturar").prop("checked", false);
                }
            });

            $("#relacion").click(function() {
                if($(this).prop('checked')){
                    //console.log("Hola");
                    $('div#relacion').load('{{url("facturacion/relacion/".$id_cliente_factura)}}', function(){
                        $(".selectpicker").selectpicker();
                    });
                }else{
                    $('div#relacion').empty();
                    console.log("Adios");
                }
            });

            $("#metodoDePago").change(function(){
                metodoDePago = $(this).val();
                if(metodoDePago == "PPD"){
                    $("#formaDePago").val(99);
                    $('.selectpicker#formaDePago').selectpicker('refresh');
                }
            });

            $("#tipoDeComprobante").change(function(){
                tipoDeComprobante = $(this).val();
                if(tipoDeComprobante === "P"){
                    $('.facturar').prop('disabled', true);
                }else{
                    $('.facturar').prop('disabled', false);
                }
            });

            $("#moneda").change(function(){
                moneda = $(this).val();
                if(moneda == "MXN"){
                    $("#tipo_cambio").val(1);
                }else if(moneda == "USD"){
                    $("#tipo_cambio").val(21.99);
                }
            });
        });

        var suma_subtotal = function(precio, porcentaje, iva_unitario){
            subtotal+= parseFloat(precio);
            descuento+= parseFloat(precio) * (parseFloat(porcentaje)/100);
            iva = dividir(multiplicar(iva) + multiplicar(iva_unitario));
            total = subtotal - descuento;
            total_total = dividir(multiplicar(subtotal) + multiplicar(iva));
            show_valores();
        }

        var resta_subtotal = function(precio, porcentaje, iva_unitario){
            subtotal-= parseFloat(precio);
            descuento-= parseFloat(precio) * (parseFloat(porcentaje)/100);
            iva = dividir(multiplicar(iva) - multiplicar(iva_unitario));
            total = subtotal - descuento;
            total_total = dividir(multiplicar(subtotal) + multiplicar(iva));
            show_valores();
        }

        var show_valores = function(){
            $('#subTotal').val(subtotal);
            $('#descuento').val(descuento);
            $('#iva').val(iva);
            $('#total').val(total);
            $('#total1').val(total_total);
        }

        function multiplicar(a){
            return a*1000;
        }

        function dividir(a){
            return a/1000;
        }

        
    </script>

@include('Facturacion.Recorts.send_mail_modal')
<script>
    $(document).ready(function(){
       
        $(document).on('click','.send_mail_servicio_cliente_modal',function(){
    
            $('#send_mail_servicio_cliente_modal').modal('show'); 
        });
        let cc = $('.copia').toArray().length;
        let para = $(".para").toArray().length;;
        console.log(para);
        $("#enter-mail-id-cc").keydown(function (e) {
        if (e.keyCode == 13 || e.keyCode == 32) {
            //alert('You Press enter');
            var getValue = $(this).val();
            
            if ((/^([\da-z_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/).test(getValue.trim())){
                $('.all-mail-cc').append('<div class="input-group mb-1 col-6">'+ 
                                            '<input class="form-control form-control-sm disabled" type="email" id="copia_'+(++cc)+'" name="copia[]" value="'+getValue+'">'+
                                            '<div class="input-group-append">'+
                                                '<button class="btn btn-outline-danger btn-sm cancel-email" type="button">X</button>'+
                                            '</div>'+
                                        '</div>');
                $(this).val('');
            } else {
                alert("La dirección de email es incorrecta.");
            }
            
        }
        });

        $("#enter-mail-id-para").keydown(function (e) {
        if (e.keyCode == 13 || e.keyCode == 32) {
            //alert('You Press enter');
            var getValue = $(this).val();
            if ((/^([\da-z_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/).test(getValue.trim())){
                $('.all-mail-para').append('<div class="input-group mb-1 col-6">'+ 
                                                '<input class="form-control form-control-sm para disabled" type="email" id="para_opcional_'+(++para)+'" name="para_opcional[]" value="'+getValue+'">'+
                                                '<div class="input-group-append">'+
                                                    '<button class="btn btn-outline-danger btn-sm cancel-email" type="button">X</button>'+
                                                '</div>'+
                                            '</div>');
                $(this).val('');
            }else{
                alert("La dirección de email es incorrecta.");
            }
        }
        });

        $(document).on('click','.cancel-email',function(){
            cc--;
            $(this).parent().parent().remove();
        });

        $('.summernote').summernote({
            placeholder: 'Mensaje',
            tabsize: 1,
            height: 150,
            toolbar: [
                ['style', ['bold', 'italic', 'underline']],
                ['font', ['strikethrough', 'superscript', 'subscript']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['view', ['fullscreen']]
            ]
        });
        
    });
</script>

@endsection