@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Muestras</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Ingreso de muestras</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Muestras de empresa</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <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('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="form-group row">
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="empresa" class="">Empresa</label>
            {{--<input disabled type="text" class="form-control" placeholder="{{$datos_empresa->razon_social}}" id="empresa" name="empresa">--}}
            {{--<p>{{$datos_empresa->razon_social}}</p>--}}
            @if ($flag != 0)
                @if ($cliente_informe != NULL)
                    <p>{{$cliente_informe}}</p>
                @elseif ($datos_cliente_informe->id_empresa != NULL)
                    <p>{{$datos_cliente_informe->nombre_empresa}}</p>  
                @endif  
            @endif
        </div>
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="quien_entrega" class="">Quién entrega</label>
            {{--<input disabled type="text" class="form-control" placeholder="{{$datos_empresa->quien_entrego}}" id="quien_entrega" name="quien_entrega">--}}
            <p>{{$datos_recibo_muestra->quien_entrego}}</p>
        </div>
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="fecha_recibo" class="">Fecha de recibo</label>
            {{--<input disabled type="text" class="form-control" placeholder="{{$datos_empresa->fecha_recibo}}" id="fecha_recibo" name="fecha_recibo">--}}
            <p>{{date("d-m-Y",strtotime($datos_recibo_muestra->fecha_recibo))}}</p>
        </div>
    </div> 
    {{--<div class="ui segment">
        <form class="ui form" action="usuarioSearch" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Nombre de la muestra...">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar muestra">
                </div>
            </div>
        </form>
    </div>--}}
    @if ($permisos && $permisos->crear == 1)
    <button class="ui button fluid primary create_modal_muestra_empresa">
        <i class="pencil alternate icon"></i> Agregar nueva muestra
    </button>    
	@endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{ $muestras->count() }}</strong> resultados en esta página</p>
            <table class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>Partida</th>
                        <th>Nombre</th>
                        <th>Marca</th>
                        <th>Modelo</th>
                        <th>Cantidad</th>
                        @if ($permisos && $permisos->gerente == 1)
                        <th>Fecha real</th>
                        @endif
                        
                        <th class="collapsing">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @if($muestras->count())
                    @foreach ($muestras as $muestra)
                        <tr>
                            <td>{{ $muestra->partida }}</td>
                            <td>{{ $muestra->nombre }}</td>
                            <td>{{ $muestra->marca }}</td>
                            <td>{{ $muestra->modelo }}</td>
                            <td>{{ $muestra->cantidad }}</td>
                            @if ($permisos && $permisos->gerente == 1)
                            <td>{{$muestra->created_at}}</td>
                            @endif
                            <td>
                                <div class="ui tiny icon buttons">
                                    <!-- Editar --> 
                                @if ($permisos->actualizar == 1)                                   
                                    <a class="ui button green edit_muestra" 
                                       title="Modifica" 
                                       id="muestra_{{$muestra->id_muestra}}"
                                       
                                       data-id_muestra="{{$muestra->id_muestra}}">
                                        <i class="pencil alternate icon"></i>
                                    </a>
                                @endif 
                                 @if ($permisos && $permisos->eliminar == 1)
                                    <button class="ui button red eliminarMuestra" data-id_muestra="{{$muestra->id_muestra}}" data-nombre_muestra="{{$muestra->nombre." ".$muestra->marca." ".$muestra->modelo}}">
                                        <i class="trash alternate icon"></i>
                                    </button>  
                                 @endif
                                    <!--<form action="etiqueta_de_muestra" method="post">
                                        {{--csrf_field()--}}
                                        <input type="hidden" name="id_muestra" id="id_muestra" value="{{$muestra->id_muestra}}">
                                        <button title="Descargar etiqueta de muestra" id="pdf_button_etiqueta_{{$muestra->id_muestra}}" class="ui button orange" type="submit">
                                            
                                            <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                  
                                            <i class="download icon"></i>
                                        </button>
                                    </form>-->
                                    <form action="{{url('recibo_de_muestra_pdf')}}" method="post">
                                        {{csrf_field()}}
                                        <input type="hidden" name="id_muestra" id="id_muestra" value="{{$muestra->id_muestra}}">
                                        <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_recibo_muestra->id_recibo_muestra}}">
                                        <input type="hidden" name="id_empresa" id="id_empresa" 
                                        
                                        @if ($flag != 0)
                                            @if ($datos_cliente_informe->id_empresa != NULL)
                                            value="{{$datos_cliente_informe->id_empresa}}"
                                            @endif  
                                        @endif
                                        >
                                        <button title="Descargar recibo de muestra" id="pdf_button_recibo_{{$muestra->id_muestra}}" class="ui button blue" type="submit"
                                            style="border-radius: 0">
                                            
                                            <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                  
                                            <i class="download icon"></i>
                                        </button>
                                        
                                    </form>
                                    
                                    <button class="ui button blue" title="Subir archivos"
                                        data-toggle="modal" data-target="#anexoMuestraModal"
                                        onclick="subirAnexos({{ $muestra }})">
                                        <i class="paperclip icon"></i>  
                                    </button>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td class="text-center" colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{ $muestras->links("pagination::bootstrap-4") }}
        </div>
        <div class="ui divider"></div>
        @if ($muestras->count() > 0)
        <div class="form-group">
            {{--<form action="{{url('recibo_de_muestra_general_pdf/'.$datos_recibo_muestra->id_recibo_muestra)}}" method="post">
                {{csrf_field()}}
                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_recibo_muestra->id_recibo_muestra}}">
                <input type="hidden" name="id_empresa" id="id_empresa" 
                @if ($flag != 0)
                    @if ($datos_cliente_informe->id_empresa != NULL)
                        value="{{$datos_cliente_informe->id_empresa}}"
                    @endif  
                @endif
                >--}}
                <a id="pdf_button_recibo" class="ui button green" href="{{url('recibo_de_muestra_general_pdf/'.$datos_recibo_muestra->id_recibo_muestra)}}">
                    <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                    <i class="download icon"></i>Descargar recibo de muestra
                </a>
            {{--</form>--}}
        </div>
        @endif
        <!--Boton regresa -->
        <div class="form-group">            
            <a class="ui button grey" href="{{url('ingreso_de_muestras')}}"><i class="arrow circle left icon"></i> Regresar</a>            
        </div>
    </div>
    @include('Muestras.create_modal')
    <script>
        $(document).on('click','.create_modal_muestra_empresa',function(){

            $('#create_muestra_empresa').modal('show'); 
        });
    </script>
    @include('Muestras.delete_modal')
    <script>
        $(document).on('click','.eliminarMuestra',function(){
            var id_muestra=$(this).attr('data-id_muestra');
            var nombre_muestra=$(this).attr('data-nombre_muestra');
           
            $('#id_muestra_delete').val(id_muestra);
            $('#nombre_muestra_delete').html(nombre_muestra);

            $('#delete_modal_muestra_empresa').modal('show'); 
        });
    </script>
    @include('Muestras.modify_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_muestra').on('click', function(){
                //alert("modify");
                idMuestra = $(this).attr('id');
                id_muestra = $('#'+idMuestra).data('id_muestra');
                //alert(id_muestra);
                $('#id_muestra_modify').val(id_muestra);
                $.ajax({
                    url:"{{url('muestras_de_empresa/'.$datos_recibo_muestra->id_recibo_muestra.'/show_muestra_empresa')}}",
                    method:"POST",
                    data:{'id_muestra': id_muestra, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        //console.log(resultData);
                        $('#modify_modal_muestra').modal('show');
                    }
                });
        
            });
        });
        
        $('#modify_modal_muestra').on('show.bs.modal', function () {
            
            $("#modify_modal_muestra :input").each(function(){
                
                input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                console.log(input);
                if(input in resultData){
                    
                    $('#modify_modal_muestra #'+input).val(resultData[input]);
                    
                    
                }
                if (input == 'tramite_certificacion_edit') {
                    if (resultData['tramite_certificacion'] == 1) {
                        $('#modify_modal_muestra #tramite_certificacion_edit').prop('checked', true);
                    }else{
                        $('#modify_modal_muestra #tramite_certificacion_edit').prop('checked', false);
                    }
                }
            });
        });
    </script>
    <script>
        $('button').click(function(){
         
            pdf_button = $(this).attr('id');
            
            spinner = $('#'+pdf_button).find('span');
            spinner.removeClass('d-none');

            icono = $('#'+pdf_button).find('i');
            icono.addClass('d-none');
        });
        
        setInterval(function(){ 
            spinner.addClass('d-none'); 
            icono.removeClass('d-none');
        }, 5000);

    </script>

    {{-- Funciones para agregar anexo a muestra y mostrarla --}}
    @include('Muestras.anexos_modal')
    <script>
        // Subida de archivos
        function subirAnexos(muestra) {
            
            let anexos = muestra.anexos;
            let id_muestra = muestra.id_muestra;

            $('#formAnexos').attr('action', `/muestras_de_empresa/anexos/${id_muestra}`);

            anexosMuestra(anexos);
        }
        
        // Muestra los anexos de la muestra seleccionada
        function anexosMuestra(anexos) {
            var divHtml = '';
            $.each(anexos, function(i, value) {
                divHtml +=
                    `<tr>
                        <td>
                            <a href="/storage/${value.ruta}" 
                                target="_blank" class="btn btn-primary btn-sm d-block m-auto">
                                Ver archivo
                            </a>
                        </td>
                        <td>${value.anexo}</td>
                        <td>${value.tipo}</td>
                        <td>${value.descripcion ?? '-----'}</td>
                        <td>
                            <button type="button" class="btn btn-danger btn-sm d-block m-auto" title="Eliminar"
                                data-toggle="modal" data-target="#delAnexoModal"
                                onclick="deleteAnexo('${value.id_muestra_anexo}','${value.anexo}')">
                                <i class="trash alternate icon m-0"></i>
                            </button>
                    </tr>`;
            });

            $('#tableAnexos').html(divHtml);
        }
    </script>
    {{-- FIN Funciones para agregar anexo a muestra y mostrarla --}}
    <script>
        $(document).ready(function(){
            $('form').submit(function(){
                $('button[type=submit]').prop('disabled', true);
            });
        });
    </script>
@endsection