@extends('fragments.fullTemplate')
@section('titulo')
    Clasificadores
@endsection

@section('contenido')
@php
    /*$id_usuario = session('id_usuario');
    $analista = 0;
    $funciona = App\Tecnicos::select('id_tecnico')->where('id_usuario', $id_usuario)->where('estatus', 1)->where('inactividad', 1)->first();
    if($funciona){
        $analista = 1;
    }*/
@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">{{ $norma_capitulos->nombre }}</div>
    <i class="right chevron icon divider"></i>
    <div class="active section">Capítulo</div>
</div>

<div class="ui divider"></div>

<div data-module-notifications-anchor></div>
<div class="container-fluid">
    <div class="row">
        <div class="col-12 col-sm-12 col-md-4 col-lg-3">

            <div class="ui menu nav flex-column nav-pills">
                <a class="nav-link" href="{{ url('normas/'.$norma_capitulos->id_norma.'/indices') }}">Index General</a>
                <a class="nav-link" href="{{ url('normas/'.$norma_capitulos->id_norma.'/clasificadores') }}">Clasificadores</a>
                <a class="nav-link active" href="{{ url('normas/'.$norma_capitulos->id_norma.'/capitulos') }}"><b> > &nbsp; Capítulos</b></a>
                <a class="nav-link" href="{{ url('normas/'.$norma_capitulos->id_norma.'/incisos') }}">Incisos</a>
                <a class="nav-link" href="{{ url('normas/'.$norma_capitulos->id_norma.'/equipos_asignados') }}">Equipos</a>
            </div>
            
            <hr>

                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                        <a class="ui button gray btn-block" href="{{url('normas')}}">
                            <i class="arrow circle left icon"></i>Atrás
                        </a>
                    </div>
                </div>

        </div>

        <div class="col-12 col-sm-12 col-md-8 col-lg-9">
            <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>

            @if ($permisos->gerente == 1)
                <a class="ui button fluid primary" id="new_capitulo">
                    <i class="pencil alternate icon"></i> Nuevo capítulo
                </a>
            @endif

            <div class="ui divider"></div>

            <div class="sx-autorender">
                <div class="sx-scroll-x">
                    <h5 class="font-weight-bold">Capítulos</h5>
                    <table class="ui celled table unstackable">
                        <thead>
                            <tr>
                                <th class="collapsing">No.</th>
                                <th>Capítulo</th>
                                <th>Descripción</th>
                                <th class="collapsing">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($norma_capitulos->capitulos->count())
                                @foreach ($norma_capitulos->capitulos as $capitulo)
                                    <tr>
                                        <td>{{ $capitulo->numero }}</td>
                                        <td>{{ $capitulo->capitulo ?? $capitulo->eng_capitulo }}</td>
                                        <td>{{ $capitulo->descripcion ?? $capitulo->eng_descripcion }}</td>
                                        <td>
                                            <div class="ui tiny icon buttons">
                                                @if ($permisos->gerente == 1)
                                                    <a class="ui button green" title="Modifica" id="edit_capitulo" data-id="{{ $capitulo->id_capitulo }}">
                                                        <i class="pencil alternate icon"></i>
                                                    </a>

                                                    <a class="ui button red" title="Eliminar" id="delete_capitulo" data-id="{{ $capitulo->id_capitulo }}">
                                                        <i class="trash alternate icon"></i>
                                                    </a>
                                                @endif
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="8">No se encontraron registros</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    <p class="text-center">{{ $norma_capitulos->capitulos->count() }} resultados en esta página</p>
                </div>
            </div>

            <div class="ui divider"></div>

            <div class="sx-autorender">
                <div class="sx-scroll-x">
                    <h5 class="font-weight-bold">Apéndices</h5>
                    <table class="ui celled table unstackable">
                        <thead>
                            <tr>
                                <th class="collapsing">No.</th>
                                <th>Apéndice</th>
                                <th>Descripción</th>
                                <th class="collapsing">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($norma_apendices->capitulos->count())
                                @foreach ($norma_apendices->capitulos as $capitulo)
                                    <tr>
                                        <td>{{ $capitulo->numero }}</td>
                                        <td>{{ $capitulo->capitulo ?? $capitulo->eng_capitulo }}</td>
                                        <td>{{ $capitulo->descripcion ?? $capitulo->eng_descripcion }}</td>
                                        <td>
                                            <div class="ui tiny icon buttons">
                                                @if ($permisos->gerente == 1)
                                                    <a class="ui button green" title="Modifica" id="edit_capitulo" data-id="{{ $capitulo->id_capitulo }}">
                                                        <i class="pencil alternate icon"></i>
                                                    </a>
                                                    <a class="ui button red" title="Eliminar" id="delete_capitulo" data-id="{{ $capitulo->id_capitulo }}">
                                                        <i class="trash alternate icon"></i>
                                                    </a>
                                                @endif
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="8">No se encontraron registros</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    <p class="text-center">{{ $norma_apendices->capitulos->count() }} resultados en esta página</p>
                </div>
            </div>
        </div>
    </div>

    @include('NormasCapitulos.new_capitulo')
    @include('NormasCapitulos.edit_capitulo')
    @include('NormasCapitulos.delete_capitulo')

    <script>
        let resultData = {};
        let id_capitulo = 0;

        $(document).ready(function () {
            $('#new_capitulo').click(function () {
                $('#modalNewCapitulo').modal('show');
            });

            $('a#edit_capitulo').click(function () {
                showLoader();
                id_capitulo = $(this).data('id');

                $.ajax({
                    url: "{{ url('capitulos/show_capitulo') }}",
                    method: "POST",
                    data: {
                        'id_capitulo': id_capitulo,
                        '_token': $('input[name="_token"]').val()
                    },
                    success: function (response) {
                        resultData = response.data || {};
                        $('#modalEditCapitulo').modal('show');
                        hideLoader();
                    },
                    error: function () {
                        hideLoader();
                    }
                });
            });

            $('a#delete_capitulo').click(function () {
                id_capitulo = $(this).data('id');
                $('#modalDeleteCapitulo').modal('show');
            });
        });

        $('#modalEditCapitulo').on('show.bs.modal', function () {
            $("#modal-form-modify :input").each(function () {
                let input = $(this).attr('id');

                if (!input) {
                    return;
                }

                if (input === "equipo") {
                    $(".edit #equipo").prop("checked", Number(resultData.equipo) === 1);
                    return;
                }

                if (input === "mostrar_numero_incisos") {
                    $(".edit #mostrar_numero_incisos").prop("checked", Number(resultData.mostrar_numero_incisos) === 1);
                    return;
                }

                if (input === "contenido_resultados_obtenidos") {
                    let valorIndex = resultData.id_index ? String(resultData.id_index) : '';
                    $('#modal-form-modify #contenido_resultados_obtenidos').val(valorIndex);
                    $('#modal-form-modify #contenido_resultados_obtenidos').selectpicker('refresh');
                    return;
                }

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

            $('#modal-form-modify .selectpicker').selectpicker('refresh');
        });

        $('#modalDeleteCapitulo').on('show.bs.modal', function () {
            $('#modal-form-delete input#id_capitulo').val(id_capitulo);
        });
    </script>
@endsection