@extends('fragments.fullTemplate')
@section('titulo')
    Clasificadores
@endsection
@section('contenido')
@php
    //use App\Http\Controllers\plaza_de_cobros;
    //$objPlaza = new plaza_de_cobros();
@endphp
<div class="ui big breadcrumb">
    <div class="section">Catálogo</div>
    <i class="right chevron icon divider"></i>
    <div class="section">Normas</div>
    <i class="right chevron icon divider"></i>
<div class="section">{{$normas_equipos->nombre}}</div>
    <i class="right chevron icon divider"></i>
    <div class="active section">Equipos</div>
</div>
<div class="ui divider"></div>
<div data-module-notifications-anchor></div>
<div class="container-fluid">
    <div class="row">
    <div class="col-md-2">

        <div class="ui menu nav flex-column nav-pills">
            <a class="nav-link" id="" href="{{url('normas/'.$normas_equipos->id_norma.'/clasificadores')}}">Clasificadores</a>
            
            <a class="nav-link" id="" href="{{url('normas/'.$normas_equipos->id_norma.'/capitulos')}}">Capítulos</a>
            <a class="nav-link" id="" href="{{url('normas/'.$normas_equipos->id_norma.'/incisos')}}">Incisos</a>


            <a class="nav-link" href="{{ url('normas/'.$normas_equipos->id_norma.'/equipos_asignados') }}"><b> > &nbsp; Equipos</b></a>
            <a class="nav-link active" id="" href="{{url('normasEquipo/'.$normas_equipos->id_norma.'/equipos')}}">Equipos***</a>
        </div>
    </div>
    <div class="col-md-10">
    
        <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>
        <a class="ui button fluid primary" id="new_equipo">
            <i class="pencil alternate icon"></i> Nuevo Equipo
        </a>
        <div class="ui divider"></div>
        
        <div class="sx-autorender">
            <div class="sx-scroll-x">
                <p class="text-center" >{{ $normas_equipos->equipos->count() }}</strong> resultados en esta página</p>
                <table class="ui celled table unstackable">
                    <thead>
                        <tr>
                            <th class="">Clave</th>
                            <th class="">Equipo</th>
                            <th class="collapsing">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if($normas_equipos->equipos->count())
                        @foreach ($normas_equipos->equipos as $equipo)
                            <tr>
                                <td>{{ $equipo->clave }}</td>
                                <td>{{ $equipo->equipo }}</td>
                            
                                <td>
                                    <div class="ui tiny icon buttons">
                                        <!-- Editar -->
                                        {{--<a class="ui button green" title="Modifica" id="edit_equipo" data-id="{{$equipo->id_equipo}}">
                                            <i class="pencil alternate icon"></i>
                                        </a>--}}

                                        <a class="ui button secondary" title="Desvincular" id="deslink_equipo" data-id="{{$equipo->id_equipo}}">
                                            <i class="unlink icon"></i>
                                        </a>

                                        {{--<a class="ui button orange" title="Opciones" href="{{url('normas/'.$normas_equipos->id_norma.'/clasificadores/'.$equipo->id_equipo.'/opciones')}}">
                                            <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>
                {{--{{$clasificadores->links("pagination::bootstrap-4")}}--}}
            </div>
        </div>
    </div>
    </div>
    @include('NormasEquipos.new_equipo')
    @include('NormasEquipos.edit_equipo')
    @include('NormasEquipos.deslink_equipo')
    <script>
        resultData = [];
        id_equipo = 0;
        
        $(document).ready(function(){
            $('#new_equipo').click(function(){
                $('#modalNewEquipo').modal('show');
            });

            $('a#edit_equipo').click(function(){
                id_equipo = $(this).data('id');
                
                $.ajax({
                    url:"{{ url('normasEquipo/show_equipo') }}",
                    method:"POST",
                    data:{'id_equipo': id_equipo, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        $('#modalEditEquipo').modal('show');
                    }
                });
            });

            $('a#deslink_equipo').click(function(){
                id_equipo = $(this).data('id');
                $('#modalDeslinkEquipo').modal('show');
            });

            $('#nuevo').change(function(){
                id_equipo = $(this).val();

                $.ajax({
                    url:"{{ url('normasEquipo/show_equipo') }}",
                    method:"POST",
                    data:{'id_equipo': id_equipo, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        if(result.success){
                            resultData = result.data;
                            ajax_new(resultData);
                        }else{
                            ajax_new_reset();
                        }
                    }
                });
            });
        });
        
        ajax_new_reset = function () {
           $("#modal-form-new :input").each(function(){
                input = $(this).attr('id');
                if(input in resultData){
                    if ( $('#modal-form-new input#'+input).length ) {
                        $('#modal-form-new input#'+input).val('');
                    }else if($('#modal-form-new select#'+input)){
                        $("#modal-form-new option[value='"+input+"']").val(0);
                    }
                }
           });
        }
        ajax_new = function (resultData) {
           $("#modal-form-new :input").each(function(){
                input = $(this).attr('id');
                if(input in resultData){
                    
                    if ( $('#modal-form-new input#'+input).length ) {
                        
                        $('#modal-form-new input#'+input).val(resultData[input]);

                    }else if( $('#modal-form-new select#'+input) ){

                        $("#modal-form-new option[value='"+input+"']").attr("selected");

                    }
                }
           });
        }

        $('#modalNewEquipo').on('show.bs.modal', function () {
            $('#nuevo').val(0);
        });

        $('#modalEditEquipo').on('show.bs.modal', function () {
           $("#modal-form-modify :input").each(function(){
                input = $(this).attr('id');
                if(input in resultData){
                    if ( $('#modal-form-modify input#'+input) ) {

                        $('#modal-form-modify input#'+input).val(resultData[input]);

                    }else if( $('#modal-form-modify select#'+input) ){

                        $("#modal-form-modify option[value='"+input+"'").attr("selected",true);

                    }
                }
           });

       });

        $('#modalDeslinkEquipo').on('show.bs.modal', function () {
            $('#modal-form-delete input#id_equipo').val(id_equipo);
        });

        
    </script>
@endsection