Document Item

<div class="rounded-button border-1 border-ui grid md:grid-cols-6 md:grid-rows-none grid-rows-3 items-center px-5 py-5 md:py-0 md:h-[83px] md:gap-0 gap-2">

    <div class="col-span-2 flex gap-5 items-center">

        <?php include renderTemplate('atoms/form/checkbox', 'checkbox'); ?>

        <?= icon('file-type-pdf-colored', 'w-7 md:ml-5'); ?>

        <div class="font-semibold text-sm text-text-light">Contrat d'assurance</div>

    </div>

    <div class="flex flex-col border-r-1 md:border-none">

        <span class="font-semibold text-sm text-text-light">10 Juin 2023</span>

        <div class="flex md:flex-col gap-1 md:gap-0">

            <span class="font-normal text-xxs text-icon">à</span>

            <span class="font-normal text-xxs text-icon">15:18</span>

        </div>

    </div>

    <div class="flex flex-col">

        <span class="font-semibold text-sm text-text-light">Vous</span>

        <span class="font-normal text-xxs text-icon">Alexandre Villombreuse</span>

    </div>

    <div>

        <?php include renderTemplate('atoms/status', 'approved'); ?>

    </div>

    <div class="flex gap-2.5 text-icon">

        <?= icon('download', 'w-5'); ?>

        <?= icon('bin', 'w-5'); ?>

        <?= icon('edit-small', 'w-5'); ?>

        <?= icon('share', 'w-5'); ?>

    </div>

</div>

<div class="flex flex-col bg-white p-5">

    <div class="border-b-1 pb-3 mb-5 md:mb-0">

        <span class="font-semibold">Mes documents</span>

    </div>

    <div class="grid-cols-6 hidden md:grid p-5 text-icon h-[83px] items-center">

        <div class="col-span-2 flex gap-10 items-center">

            <?php include renderTemplate('atoms/form/checkbox', 'checkbox'); ?>

            <span class="font-normal text-sm">Documents</span>

        </div>

        <span class="font-normal text-sm">Date</span>

        <span class="font-normal text-sm">Propriétaire</span>

        <span class="font-normal text-sm">Statut</span>

        <span class="font-normal text-sm">Actions</span>



    </div>

    <div class="flex flex-col gap-5">

        <?php include renderTemplate('online-garage/document-item', 'document-item'); ?>

        <?php include renderTemplate('online-garage/document-item', 'document-item'); ?>

        <?php include renderTemplate('online-garage/document-item', 'document-item'); ?>

        <?php include renderTemplate('online-garage/document-item', 'document-item'); ?>

        <?php include renderTemplate('online-garage/document-item', 'document-item'); ?>

        <?php include renderTemplate('online-garage/document-item', 'document-item'); ?>

        <?php include renderTemplate('online-garage/document-item', 'document-item'); ?>

    </div>



</div>