<?php
use Livewire\Component;
?>

<div>
    <div class="card_1">
        <div class="card-header my-0 pb-0">
            <div class="d-flex justify-content-between">
                <h6>1 - Documents Pédagogiques</h6>
                <span>
                    <button wire:click="myInput" class="btn btn-inverse btn-outline-inverse btn-sm py-1 mt-0" id="myBtn" title="Edit Info">
                        <i class="fas fa-pen m-0"></i>
                    </button>
                </span>
            </div>
        </div>
        <div class="card-body table-border-style">
        <div class="table-responsive">
            <table class="table table-bordered" style="width: 100%">
            <thead>
                <tr>
                <th class="text-center" style="width: 5%">N°</th>
                <th style="width: 25%">Document</th>
                <th style="width: 20%">Nombre</th>
                <th style="width: 50%">Observation</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                <th class="text-center">1</th>
                <td>Mark</td>
                <td class="text-center">Otto</td>
                <td>@mdo</td>
                </tr>
                <tr>
                <th class="text-center">2</th>
                <td>Jacob</td>
                <td class="text-center">Thornton</td>
                <td>@fat</td>
                </tr>
                <tr>
                <th class="text-center">3</th>
                <td>Larry</td>
                <td class="text-center">the Bird</td>
                <td>@twitter</td>
                </tr>
            </tbody>
            </table>
        </div>
        </div>
    </div>
</div>