Update templates/seller_dashboard.html

templates/seller_dashboard.html

@@ -5,42 +5,37 @@
     <h2 class="text-3xl font-bold text-center mb-8">Seller Dashboard</h2>
     
     <!-- Add Car Form -->
-    <section class="mb-12 bg-gray-50 p-6 rounded-lg">
-        <h3 class="text-2xl font-bold mb-4">➕ Add New Car</h3>
+    <section class="mb-12">
+        <h3 class="text-2xl font-bold mb-4">Add New Car</h3>
         <form method="POST" action="{{ url_for('add_car') }}" class="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div>
-                <label class="block text-gray-700 mb-2" for="name">Car Name & Model</label>
+                <label class="block text-gray-700 mb-2" for="name">Car Name</label>
                 <input type="text" id="name" name="name" required 
-                       class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500"
-                       placeholder="e.g., Maruti Suzuki Swift">
+                       class="w-full px-3 py-2 border border-gray-300 rounded-md">
             </div>
             
             <div>
                 <label class="block text-gray-700 mb-2" for="year">Year of Registration</label>
-                <input type="number" id="year" name="year" min="2000" max="2024" required 
-                       class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500"
-                       placeholder="e.g., 2022">
+                <input type="number" id="year" name="year" required 
+                       class="w-full px-3 py-2 border border-gray-300 rounded-md">
             </div>
             
             <div>
-                <label class="block text-gray-700 mb-2" for="price">Price (₹)</label>
+                <label class="block text-gray-700 mb-2" for="price">Price ($)</label>
                 <input type="number" id="price" name="price" required 
-                       class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500"
-                       placeholder="e.g., 650000">
+                       class="w-full px-3 py-2 border border-gray-300 rounded-md">
             </div>
             
             <div class="md:col-span-2">
-                <label class="block text-gray-700 mb-2" for="description">Car Description</label>
+                <label class="block text-gray-700 mb-2" for="description">Description</label>
                 <textarea id="description" name="description" required 
-                          class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:border-blue-500"
-                          placeholder="Describe your car's condition, features, mileage, etc."
-                          rows="4"></textarea>
+                          class="w-full px-3 py-2 border border-gray-300 rounded-md"></textarea>
             </div>
             
             <div class="md:col-span-2">
                 <button type="submit" 
-                        class="bg-blue-600 text-white px-6 py-3 rounded hover:bg-blue-700 transition duration-300 font-semibold">
-                    ➕ Add Car for Sale
+                        class="bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700">
+                    Add Car
                 </button>
             </div>
         </form>
@@ -48,38 +43,34 @@
     
     <!-- My Cars -->
     <section>
-        <h3 class="text-2xl font-bold mb-4">🚗 My Cars for Sale</h3>
+        <h3 class="text-2xl font-bold mb-4">My Cars</h3>
         
         {% if cars %}
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
             {% for car in cars %}
-            <div class="border border-gray-200 rounded-lg p-4 hover:shadow-lg transition duration-300">
-                <h4 class="text-xl font-bold text-blue-600 mb-2">{{ car.name }}</h4>
-                <p class="text-gray-600 mb-1">Year: {{ car.year }}</p>
-                <p class="text-green-600 font-bold text-lg mb-2">{{ car.price|format_price }}</p>
-                <p class="text-gray-700 mb-3 text-sm">{{ car.description }}</p>
-                <div class="flex justify-between items-center mb-3">
+            <div class="border rounded-lg p-4">
+                <h4 class="text-xl font-bold">{{ car.name }}</h4>
+                <p class="text-gray-600">Year: {{ car.year }}</p>
+                <p class="text-blue-600 font-bold">${{ car.price }}</p>
+                <p class="text-gray-700">{{ car.description }}</p>
+                <div class="mt-4">
                     <span class="px-3 py-1 rounded-full text-sm 
                                 {% if car.status == 'approved' %}bg-green-100 text-green-800
                                 {% else %}bg-yellow-100 text-yellow-800{% endif %}">
                         {{ car.status|title }}
                     </span>
                 </div>
-                <div class="text-center">
+                <div class="mt-4">
                     <a href="{{ url_for('seller_appointments', car_id=car._id) }}" 
-                       class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition duration-300 w-full block">
-                        📅 View Appointments
+                       class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
+                        View Appointments
                     </a>
                 </div>
             </div>
             {% endfor %}
         </div>
         {% else %}
-        <div class="text-center py-8">
-            <i class="fas fa-car text-6xl text-gray-300 mb-4"></i>
-            <p class="text-gray-600 text-xl">You haven't added any cars yet.</p>
-            <p class="text-gray-500">Add your first car using the form above!</p>
-        </div>
+        <p class="text-gray-600">You haven't added any cars yet.</p>
         {% endif %}
     </section>
 </div>