@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="section">Facturas e Informes</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Detalles Factura</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>
        <h4>Datos Comprobante Factura</h4>
        <div class="ui divider"></div>
        <div class="ui grid">
            <div class="five wide column">
                <a class="ui button fluid green inverted @if ($factura->cancelado == 1)
                    disabled
                @endif" href="{{url($factura->complemento->pdf)}}" >
                    <i class="file pdf icon"></i> Descargar PDF 
                </a>
            </div>
            <div class="five wide column">
                <a class="ui button fluid blue inverted @if ($factura->cancelado == 1)
                    disabled
                @endif" href="{{url('facturacion/xml/'.$factura->id_factura)}}" >
                    <i class="file xml icon"></i> Descargar XML
                </a>
            </div>
            <div class="six wide column">
                <a class="ui button fluid red @if ($factura->cancelado == 1)
                    disabled
                @endif" id="cancelacion" >
                    <i class="ban icon"></i> Cancelacion factura 
                </a>
            </div>

            {{--<div class="five wide column">
                <a class="ui blue inverted fluid button send_mail_servicio_cliente_modal">
                    <i class="envelope icon"></i> Enviar correo
                </a>
            </div>--}}
        </div>
        <div class="ui divider"></div>
        <p><strong>Información general</strong></p>
        <div class="row">
            <div class="col-md-4">
                <div class="row">
                    <p class="col-sm-6"><strong>Cliente:</strong></p>
                    <p class="col-sm-6">{{$factura->complemento->cobranza['RFC']}}</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <p class="col-sm-6"><strong>Tipo de comprobante:</strong></p>
                    <p class="col-sm-6">{{$factura->tipo_comprobante}}</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <p class="col-sm-6"><strong>Método de pago:</strong></p>
                    <p class="col-sm-6">{{$factura->tipo_pago}}</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="row">
                    <p class="col-sm-6"><strong>Serie y folio:</strong></p>
                    <p class="col-sm-6">{{$factura->complemento->serie}} - {{$factura->complemento->concecutivo}}</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <p class="col-sm-6"><strong>Condiciones de pago:</strong></p>
                    <p class="col-sm-6">{{$factura->condiciones_pago}}</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <p class="col-sm-6"><strong>Moneda:</strong></p>
                    <p class="col-sm-6">{{$factura->moneda}}</p>
                </div>
            </div>
        </div>
        <div class="row">
            
            <div class="col-md-4">
                <div class="row">
                    <p class="col-sm-6"><strong>Tipo de cambio:</strong></p>
                    <p class="col-sm-6">1</p>
                </div>
            </div>

            <div class="col-md-4">
                <div class="row">
                    <p class="col-sm-6"><strong>Estatus:</strong></p>
                    <p class="col-sm-6">{{$factura->estatus}}</p>
                </div>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col-md-12">
                <div class="sx-scroll-x">

                    <table class="ui celled table unstackable structured">
                        <thead>
                            <th>Estatus de pago</th>
                            <th>No. Informe</th>
                            <th>Nombre</th>
                            <th>Marca</th>
                            <th>Modelo</th>
                            <th>Norma</th>
                            <th class="collapsing">Proyecto/Servicio</th>
                            <th>Precio lista</th>
                            <th>Subtotal</th>
                            <th>IVA</th>
                        </thead>
                        <tbody>
                        @foreach ($factura->conceptos as $concepto)
                            <tr>
                                <td>
                                    @if($concepto->cobranza)
                                    {{$concepto->cobranza->estatus}}
                                    @else
                                    Sin registro
                                    
                                    @endif
                                </td>
                                <td>{{$concepto->num_informe}}</td>
                                <td>{{$concepto->producto}}</td>
                                <td>{{$concepto->marca}}</td>
                                <td>{{$concepto->modelo}}</td>
                                <td>{{$concepto->servicio}}</td>
                                <td>{{$concepto->pivot->comentario}}</td>
                                <td class="collapsing">$ {{number_format($concepto->precio_unitario, 2, '.', ',')}}</td>
                                <td class="collapsing">$ {{number_format(($concepto->descuento_activo?($concepto->precio_unitario - ($concepto->precio_unitario*($concepto->descuento / 100))):$concepto->precio_unitario), 2, '.', ',')}}</td>
                                <td class="collapsing">$ {{number_format((($concepto->descuento_activo?($concepto->precio_unitario - ($concepto->precio_unitario*($concepto->descuento / 100))):$concepto->precio_unitario) * .16), 2, '.', ',')}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div id="tabla_devolucion_muestras_almacen"></div>
                
            </div>
        </div>
        <h3 class=" mt-3 text-right">TOTAL: $ {{$factura->complemento->cobranza['total']}}</h3>
        <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="{{ url('facturacion_cliente/'.$id_cliente_factura) }}" class="ui button gray">Atrás</a>
            </div>
        </div>
    </div>
    @include('Facturacion.delete_factura')
    {{--@include('Facturacion.Recorts.send_mail_modal')--}}
        <script>
            $(document).ready(function(){
                $('#factura').prop('disabled', true);
                $('#factura').selectpicker('refresh');
                $("#cancelacion").click(function(){
                    $('#modalDeleteFactura').modal('show');
                });
                $("#motivo").change(function(){
                    id_motivo = $(this).val();
                    console.log(id_motivo);
                    if(id_motivo == 1){
                        $('#factura').prop('disabled', false);
                        $('#factura').selectpicker('refresh');
                    }else{
                        $('#factura').prop('disabled', true);
                        $('#factura').selectpicker('refresh');
                    }
                });
                $(document).on('click','.send_mail_servicio_cliente_modal',function(){
            
                    $('#send_mail_servicio_cliente_modal').modal('show'); 
                });
                let cc = 5;
                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_'+(cc)+'" 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_'+(para)+'" 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