Seed03/undefined
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Église M.E.J. Reims Manager | Documents</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10</head>11<body class="bg-gray-50">12 <div class="flex h-screen overflow-hidden">13 <!-- Sidebar (same as index.html) -->14 <!-- Main Content -->15 <div class="flex flex-col flex-1 overflow-hidden">16 <!-- Top Navigation (same as index.html) -->17 18 <!-- Main Content Area -->19 <div class="flex-1 overflow-auto bg-gray-50">20 <div class="px-6 py-6 mx-auto max-w-7xl">21 <div class="flex items-center justify-between mb-6">22 <h1 class="text-2xl font-bold text-gray-900 en">Document Management</h1>23 <h1 class="text-2xl font-bold text-gray-900 fr hidden">Gestion des Documents</h1>24 <button class="px-4 py-2 text-sm font-medium text-white bg-primary-500 rounded-md hover:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-primary-500">25 <span class="en">Upload Document</span>26 <span class="fr hidden">Téléverser Document</span>27 </button>28 </div>29 30 <!-- Document Categories -->31 <div class="mb-6">32 <div class="flex flex-wrap gap-2">33 <button class="px-4 py-2 text-sm font-medium rounded-full bg-blue-100 text-blue-800">34 <span class="en">All Documents</span>35 <span class="fr hidden">Tous Documents</span>36 </button>37 <button class="px-4 py-2 text-sm font-medium rounded-full bg-gray-100 text-gray-800">38 <span class="en">Meeting Minutes</span>39 <span class="fr hidden">Procès-Verbaux</span>40 </button>41 <button class="px-4 py-2 text-sm font-medium rounded-full bg-gray-100 text-gray-800">42 <span class="en">Financial Reports</span>43 <span class="fr hidden">Rapports Financiers</span>44 </button>45 <button class="px-4 py-2 text-sm font-medium rounded-full bg-gray-100 text-gray-800">46 <span class="en">Ministry Materials</span>47 <span class="fr hidden">Matériels de Ministère</span>48 </button>49 </div>50 </div>51 52 <!-- Document List -->53 <div class="p-6 bg-white rounded-lg shadow">54 <div class="overflow-x-auto">55 <table class="min-w-full divide-y divide-gray-200">56 <thead class="bg-gray-50">57 <tr>58 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">59 <span class="en">Name</span>60 <span class="fr hidden">Nom</span>61 </th>62 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">63 <span class="en">Category</span>64 <span class="fr hidden">Catégorie</span>65 </th>66 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">67 <span class="en">Uploaded</span>68 <span class="fr hidden">Date</span>69 </th>70 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">71 <span class="en">Size</span>72 <span class="fr hidden">Taille</span>73 </th>74 <th scope="col" class="relative px-6 py-3">75 <span class="sr-only">Actions</span>76 </th>77 </tr>78 </thead>79 <tbody class="bg-white divide-y divide-gray-200">80 <!-- Sample Document 1 -->81 <tr>82 <td class="px-6 py-4 whitespace-nowrap">83 <div class="flex items-center">84 <div class="flex-shrink-0">85 <i data-feather="file-text" class="w-5 h-5 text-gray-400"></i>86 </div>87 <div class="ml-4">88 <div class="text-sm font-medium text-gray-900">Annual Report 2023</div>89 <div class="text-sm text-gray-500">PDF</div>90 </div>91 </div>92 </td>93 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">94 <span class="en">Financial Reports</span>95 <span class="fr hidden">Rapports Financiers</span>96 </td>97 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">98 2023-12-3199 </td>100 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">101 2.4 MB102 </td>103 <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">104 <a href="#" class="text-primary-600 hover:text-primary-900 mr-3">105 <span class="en">View</span>106 <span class="fr hidden">Voir</span>107 </a>108 <a href="#" class="text-gray-600 hover:text-gray-900">109 <span class="en">Download</span>110 <span class="fr hidden">Télécharger</span>111 </a>112 </td>113 </tr>114 <!-- More documents would be listed here -->115 </tbody>116 </table>117 </div>118 </div>119 </div>120 </div>121 </div>122 </div>123 <script>124 feather.replace();125 </script>126</body>127</html>