@extends('fragments.fullTemplate')
@section('titulo')
    Lista de Precios
@endsection
@section('contenido')
@php
    //use App\Http\Controllers\plaza_de_cobros;
    //$objPlaza = new plaza_de_cobros();
@endphp
    <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 alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
            
    <div class="ui big breadcrumb">
        <div class="section">Catálogos</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Servicios</div>
    </div>
    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    @include('fragments.navs', [
    "navs" => [
        [
            "active" => 0,
            "url" => "lista_precios",
            "name" => "Lista Precios"
        ],
        [
            "active" => 1,
            "url" => "servicios",
            "name" => "Servicios"
        ]
    ]
    ])
    <div class="ui divider"></div>
    @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
    @include('Control_documentos.Notificacion.notificacion_documento_version')
    @include('Modificaciones.notificacion_modificacion')
    @include('Modificaciones.Notificacion.notificacion_modificacion_firma_modal')
    @if ($permisos->crear == 1)
    <button class="ui button fluid primary" id="nuevo_servicio">
        <i class="add alternate icon"></i> Nuevo Servicio
    </button>
    <div class="ui divider"></div>
    @endif

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            {{--<p class="text-center" >{{ $servicios->count() }}</strong> resultados en esta p&aacute;gina</p>--}}
            <table id="lang-dt" class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th class="">Clasificación</th>
                        <th class="">Norma / Servicio</th>
                        <th class="">Descripción</th>
                        <th class="collapsing">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @if($servicios->count())
                    @foreach ($servicios as $servicio)
                        <tr>
                            <td>
                            @switch($servicio->clasificacion)
                                @case(1)
                                    Servicios de norma
                                    @break
                                @case(2)
                                    Otros servicios
                                    @break
                                @case(3)
                                    Servicios internacionales
                                    @break
                                @case(4)
                                    Certificación
                                    @break
                                @default
                            @endswitch
                            </td>
                            <td>{{$servicio->servicio}}</td>
                            <td>{{$servicio->descripcion }}</td>
                            <td>
                                <div class="ui tiny icon buttons">
                                    <!-- Editar -->
                                    <!--<a class="ui button green" title="Modifica" id="edit_producto" data-id="{{$servicio->id_servicio}}">
                                        <i class="pencil alternate icon"></i>
                                    </a>-->
                                    @if ($permisos->actualizar == 1)
                                    <a class="ui button green edit_servicio" 
                                        title="Modifica" 
                                        id="id_servicio_{{$servicio->id_servicio}}"
                                        
                                        data-id_servicio="{{$servicio->id_servicio}}">
                                        <i class="pencil icon"></i>
                                    </a>
                                    @endif                
                                    @if ($permisos->eliminar == 1)
                                    <button class="ui button red del_servicio" data-id_servicio="{{$servicio->id_servicio}}" data-nombre_servicio="{{$servicio->servicio."<br>".$servicio->descripcion}}">
                                        <i class="trash alternate icon"></i>
                                    </button>
                                    @endif                         

                                    {{--<a class="ui button orange" title="NORMAS" href="{{url('lista_servicios/'.$servicio->id_servicio.'/normas')}}">
                                        <i class="arrow right icon"></i>
                                    </a>--}}
                                        
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{--$servicios->links("pagination::bootstrap-4")--}}
        </div>
    </div>
    
    @include('Lista_precios.create_servicio_modal')
    <script>
        $(document).ready(function(){
            $('#nuevo_servicio').click(function(){
                $('#create_servicio_modal').modal('show');  
            });
        }); 
    </script>
    @include('Lista_precios.delete_servicio_modal')
    <script>
        $(document).on('click','.del_servicio',function(){
        
            var id_servicio=$(this).attr('data-id_servicio');
            var nombre_servicio=$(this).attr('data-nombre_servicio');
            
            $('#id_servicio_delete').val(id_servicio);
            $('#nombre_servicio_delete').html(nombre_servicio);

            $('#delete_modal_servicio').modal('show');
        });
    </script>
    @include('Lista_precios.edit_servicio_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_servicio').on('click', function(){
                
                idServicio = $(this).attr('id');
                id_servicio = $('#'+idServicio).data('id_servicio');
                //alert(id_servicio);

                $('#id_servicio_edit').val(id_servicio);
                //console.log(id_servicio);
                showLoader();
                $.ajax({
                    url:"show_servicio_lista_precios",
                    method:"POST",
                    data:{'id_servicio': id_servicio, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        //console.log(resultData);
                        $('#edit_servicio_modal').modal('show');
                      hideLoader();
                    }
                });
        
            });
        });

        $('#edit_servicio_modal').on('show.bs.modal', function () {

            $("#edit_servicio_modal :input").each(function(){
                
                input = $(this).attr('id'); 
                if(input in resultData){
                    //console.log(resultData['fecha_ingreso_almacen']);
                    if(input == 'acreditacion_edit'){
                        if(resultData[input]){
                            $('#edit_servicio_modal #'+input).prop('checked', true);
                        }else{
                            $('#edit_servicio_modal #'+input).prop('checked', false);
                        }
                    }else{
                        $('#edit_servicio_modal #'+input).val(resultData[input]);
                        //Para recuperar los valores de select
                        $('#edit_servicio_modal #'+input).selectpicker('val', resultData[input]);
                    }
                }
                //console.log(resultData['acreditacion']);
                
            });
        });
    </script>
    <script src="{{ url('assets/js/servicios/index.js') }}"></script>
@endsection