@extends('header_nuevo_generico')
@section('main')

<h1 class="text-center text-fidelitas mt-5 pt-5">Capítulos</h1>
<div class="container">
    <div class="row justify-content-end">
        <div class="col-xl-3 text-end">
            <button type="button" id="modal_crear_cap" class="btn btn-fidelitas mb-2"  data-bs-toggle="modal" data-bs-target="#modal_nuevo_capitulo"><i class="bi bi-plus-square-fill"></i> Crear</button>
        </div>
    </div>
    <div class="row">
        @if(empty($capitulos))
            <h3>
                No se encuentran capítulos disponibles.
            </h3>
        @else
            <table id="tabla-capitulos" class="table">
                <thead>
                    <tr class="bg-fidelitas">
                        <th>Nombre del Capítulo</th>
                        <th>Nombre del cliente</th>
                        <th>Estado</th>
                        <th>Creado por:</th>
                        <th>Ultima modificacion:</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($capitulos as $capitulo)
                        <tr>
                            <td>{{$capitulo->nombre_capitulo}}</td>
                            <td>{{$capitulo->nombre_cliente}}</td>
                            <td>@if($capitulo->visible==1) Activo @else Inactivo @endif</td>
                            <td>{{$capitulo->created}}</td>
                            <td>{{$capitulo->modified}}</td>
                            <td>
                                <div class="d-flex gap-2">
                                    <button id="boton_editar" type="button" class="btn btn-fidelitas p-2 rounded-0 boton_editar_{{$capitulo->idCapitulo}}" title="Editar" style="width: 40px; height: 40px;" data-id="{{$capitulo->idCapitulo}}" data-nombre="{{$capitulo->nombre_capitulo}}" data-estado="{{$capitulo->visible}}" data-cliente="{{$capitulo->cliente}}" data-bs-toggle="modal" data-bs-target="#modal_editar_capitulo">
                                        <i class="bi bi-pencil-square"></i>
                                    </button>
                                    <button id="btn-docs" class="btn btn-primary"  type="button" data-id-cliente="{{$capitulo->cliente}}" data-idcap="{{$capitulo->idCapitulo}}"><i class="bi bi-file-earmark-fill"></i></button>
                                </div>
                            </td>                  
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @endif
    </div>
</div>

<form id="FormAsignarDoc" method="post">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="tipo_doc" id="tipodoc">
    <input type="hidden" name="familia" id="familia">
    <input type="hidden" name="capAsig" id="capAsig">
</form>
<form id="FormcambiarCapitulo" method="post">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="capCambiar" id="capCambiar">
    <input type="hidden" name="capFamilia" id="capFamilia">
    <input type="hidden" name="idcaptipodoc" id="idcaptipodoc">
</form>
<form method="POST" id="obtener-familias">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="id-cliente" id="id-cliente-familias">
</form>
@include('abm-capitulos/modales_capitulos')

@endsection

@section('funcionesJS')
    <script src="/js/capitulos/panel_capitulos.js?v={{rand()}}"></script>
@endsection