frontend 1

frontend/index.html

@@ -1,20 +1,55 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Fitness Tracker Dashboard</title>
-    <style>
-        body {font-family: Arial, sans-serif; margin: 20px;}
-        .card {border: 1px solid #ddd; padding: 10px; margin-bottom: 10px;}
-        h2 {margin-top: 0;}
-    </style>
-</head>
-<body>
-    <h1>Fitness Tracker Dashboard</h1>
-    <div id="visits" class="card">
-        <h2>Visits</h2>
-        <ul id="visit-list"></ul>
-    </div>
-    <script src="app.js"></script>
-</body>
-</html>
+@@
+-    <h1>Fitness Tracker Dashboard</h1>
+-    <div id="visits" class="card">
+-        <h2>Visits</h2>
+-        <ul id="visit-list"></ul>
+-    </div>
+-    <script src="app.js"></script>
++    <h1>Fitness Tracker Dashboard</h1>
++
++    <div class="card">
++      <h2>Providers</h2>
++      <form id="provider-form">
++        <div><label>Name: <input name="name" required></label></div>
++        <div><label>Photo URL: <input name="photo_url"></label></div>
++        <div><label>Hourly Rate: <input name="hourly_rate" type="number" step="0.01"></label></div>
++        <button type="submit">Add Provider</button>
++      </form>
++      <div class="list" id="providers-list"></div>
++    </div>
++
++    <div class="card">
++      <h2>Clients</h2>
++      <form id="client-form">
++        <div><label>Name: <input name="name" required></label></div>
++        <button type="submit">Add Client</button>
++      </form>
++      <div class="list" id="clients-list"></div>
++    </div>
++
++    <div class="card">
++      <h2>Services</h2>
++      <form id="service-form">
++        <div><label>Provider: <select name="provider_id" required></select></label></div>
++        <div><label>Name: <input name="name" required></label></div>
++        <div><label>Price: <input name="price" type="number" step="0.01" required></label></div>
++        <div><label>Duration (min): <input name="duration_minutes" type="number"></label></div>
++        <button type="submit">Add Service</button>
++      </form>
++      <div class="list" id="services-list"></div>
++    </div>
++
++    <div class="card">
++      <h2>Visits</h2>
++      <form id="visit-form">
++        <div><label>Provider: <select name="provider_id" required></select></label></div>
++        <div><label>Client: <select name="client_id" required></select></label></div>
++        <div><label>Start Time: <input name="start_time" type="datetime-local"></label></div>
++        <div><label>Duration (min): <input name="duration_minutes" type="number" required></label></div>
++        <button type="submit">Add Visit</button>
++      </form>
++      <div class="list" id="visits-list"></div>
++    </div>
++
++    <script src="app.js"></script>
+*** End Patch