@extends('adminlte::page')

@section('title', 'Constancias Posesion')

@section('content_header')
@stop

@section('content')
<br>
<x-adminlte-card title="LISTA DE USUARIOS" class="m-2" theme="dark" icon="fas fa-id-card">
    <div class="col-12">                                         
        <div class="row">
            <div class="col-12">
                <div class="card-body">
                    <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                        <div class="col-sm-12">
                            @if (session('success'))
                                <div class="alert alert-success">
                                    <strong>{{ session('success') }}</strong>
                                </div>
                            @elseif (session('error'))
                                <div class="alert alert-danger">
                                    <strong>{{ session('error') }}</strong>
                                </div>
                            @endif
                            <table id="example2" class="table table-hover align-middle dataTable dtr-inline collapsed" aria-describedby="example1_info">
                                <thead class="text-center px-2 py-2 text-nowrap bg-gray">
                                    <tr>
                                        <th>N°</th>
                                        <th>CODIGO CONSTANCIA</th>
                                        <th>NOMBRE</th>
                                        <th>DNI</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(is_array($datos) || is_object($datos))
                                        @foreach ($datos as $dato)
                                        <tr class="text-nowrap">
                                            <td>{{ $dato->id }}</td>
                                            <td>{{ $dato->nombreCompleto }}</td>
                                            <td>{{ $dato->numdoc }}</td>
                                            <td>{{ $dato->numInforme }}</td>
                                        </tr>
                                        <input type="hidden" value="{{$dato->estado}}" name=estado>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="18" class="text-center">No hay datos para mostrar</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <x-adminlte-modal id="modalConstancia" title="Vista Previa de Constancia" size="lg" theme="dark"
    icon="fas fa-eye">
    <div class="modal-body">
        <iframe id="frameConstancia" src="" width="100%" height="700px"></iframe>
    </div>
    
    <img class="img-fluid" src="" alt=""> 
    <x-slot name="footerSlot">
        {{--  <x-adminlte-button class="mr-auto" theme="success" label="Aceptar"/> --}}
        <x-adminlte-button theme="secondary" label="Cerrar" data-dismiss="modal"/>  
    </x-slot>
</x-adminlte-modal>
<input type="hidden" value="0" name=estado>

</x-adminlte-card>

@stop

@section('css')
@stop

@section('js')
@stop