<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API Documentation</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        h1 {
            color: #333;
        }
        .api-route {
            margin-bottom: 20px;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background-color: #f9f9f9;
        }
        .api-route h2 {
            margin: 0 0 10px;
            color: #555;
        }
        .api-route p {
            margin: 5px 0;
        }
        .api-route .method {
            font-weight: bold;
            color: #007bff;
        }
        .api-route .endpoint {
            font-weight: bold;
            color: #28a745;
        }
        .api-route .request-body {
            background-color: #fff;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 3px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <h1>API Documentation</h1>

    <!-- Book Categories API -->
    <div class="api-route">
        <h2>Book Categories</h2>
        <p><span class="method">GET</span> <span class="endpoint">/api/book-categories</span></p>
        <p>Get all book categories.</p>
    </div>

    <div class="api-route">
        <p><span class="method">GET</span> <span class="endpoint">/api/book-categories/{id}</span></p>
        <p>Get a specific book category by ID.</p>
    </div>

    <!-- Books API -->
    <div class="api-route">
        <h2>Books</h2>
        <p><span class="method">GET</span> <span class="endpoint">/api/books</span></p>
        <p>Get all books.</p>
    </div>

    <div class="api-route">
        <p><span class="method">GET</span> <span class="endpoint">/api/books/{id}</span></p>
        <p>Get a specific book by ID.</p>
    </div>

    <div class="api-route">
        <p><span class="method">GET</span> <span class="endpoint">/api/books/category/{categoryId}</span></p>
        <p>Get books by category ID.</p>
    </div>

    <!-- Dua Categories API -->
    <div class="api-route">
        <h2>Dua Categories</h2>
        <p><span class="method">GET</span> <span class="endpoint">/api/dua-categories</span></p>
        <p>Get all dua categories.</p>
    </div>

    <div class="api-route">
        <p><span class="method">GET</span> <span class="endpoint">/api/dua-categories/{id}</span></p>
        <p>Get a specific dua category by ID.</p>
    </div>

    <!-- Duas API -->
    <div class="api-route">
        <h2>Duas</h2>
        <p><span class="method">GET</span> <span class="endpoint">/api/duas</span></p>
        <p>Get all duas.</p>
    </div>

    <div class="api-route">
        <p><span class="method">GET</span> <span class="endpoint">/api/duas/{id}</span></p>
        <p>Get a specific dua by ID.</p>
    </div>

    <div class="api-route">
        <p><span class="method">GET</span> <span class="endpoint">/api/duas/category/{categoryId}</span></p>
        <p>Get duas by category ID.</p>
    </div>
</body>
</html><?php /**PATH /home/u180427332/domains/lime-stinkbug-754807.hostingersite.com/public_html/mulikat/resources/views/api-docs.blade.php ENDPATH**/ ?>