@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">

        <div class="col-md-10">
            <div class="card">
                <div class="card-header">
                    Credenciales
                </div>
                <div class="card-body">
                    @can('credencials.create')
                    <a href="{{ route('credencials.create') }}" class="btn btn-sm btn-primary mb-1">Crear Nuevo
                        Registro</a>
                    <br>
                    @endcan

                    <div class="table-responsive">
                        <table id="usuario" class="table table-bordered table-sm" style="width:100%">
                            <thead>
                                <tr>
                                    <th scope="col">Nombre Completo</th>
                                    <th scope="col">Cargo</th>
                                    <th scope="col">Activo</th>
                                    {{-- <th scope="col">Dependencia</th> --}}
                                    {{-- <th scope="col">Visualizar</th> --}}
                                    <th scope="col">Credencial</th>
                                    <th scope="col">Acta</th>
                                    @can('credencials.edit')
                                    <th scope="col">Editar</th>
                                    @endcan
                                    @can('credencials.destroy')
                                    <th scope="col">Eliminar</th>
                                    @endcan
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($credencials as $credencial)
                                <tr>
                                    <td>{{ $credencial->nombres }} {{ $credencial->apellidos }} </td>
                                    <td>{{ $credencial->descripcion }} </td>
                                    <td>{{ $credencial->activo }} </td>

                                    @can('credencials.pdf')
                                    <td width=10px>
                                        {{--<button type="button" class="btn btn-sm btn-success" data-toggle="modal" data-target="#modal">
                                            Credencial
                                        </button>--}}
                                        <a data-toggle="modal" data-id="{{ route('credencials.pdf', $credencial->id) }}" title="Acta" class="open-AddBookDialog btn btn-sm btn-success" href="#addBookDialog">Credencial</a>
                                    </td>
                                    @endcan

                                    <td width=10px>
                                        {{--
                                        <button type="button" class="btn btn-sm btn-success" data-toggle="modal" data-target="#modalacta">
                                            Acta
                                        </button>
                                        --}}
                                        <a data-toggle="modal" data-id="{{ route('credencials.pdfacta', $credencial->id) }}" title="Acta" class="open-AddBookDialog btn btn-sm btn-success" href="#addBookDialog">Actas</a> 
                                    </td>

                                    @can('credencials.edit')
                                    <td width=10px>
                                        <a href="{{ route('credencials.edit', $credencial->id) }}" class="btn btn-sm btn-info">Editar</a>
                                    </td>
                                    @endcan

                                    {{-- <td width=10px>
                                                <a href="{{ route('certificados.show', array($item->id, $item->nroinscripcion)) }}"
                                    class="btn btn-sm btn-info">ver</a>
                                    </td> --}}

                                    @can('credencials.destroy')
                                    <td width=10px>
                                        {!! Form::open(['route' => ['credencials.destroy', $credencial->id], 'onclick' => "return confirm('Esta Seguro de Eliminar este Registro')", 'method' => 'DELETE']) !!}
                                        <button class="btn btn-sm btn-danger">Eliminar</button>
                                        {!! Form::close() !!}
                                    </td>
                                    @endcan

                                </tr>
                                @endforeach
                                </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<div class="modal fade" id="addBookDialog" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <embed src="" type="application/pdf" width="100%" height="550px" id="credencialId" />
            </div>
        </div>
    </div>
</div>
@endsection