changed function add manual rule and remove manual rule to support adding policy while adding a new manual rule. changed HTML, rebuild css.

Author: ChrispyBacon-dev

dockflare/app/static/css/output.css

@@ -323,7 +323,7 @@ <h2 class="card-title text-2xl sm:text-3xl border-b border-base-300 pb-3 mb-6">
                                         </td>
                                         <td class="p-3 whitespace-nowrap text-sm" style="min-width: 80px;">
                                             {% if details.source == 'manual' %}
-                                                <form action="{{ url_for('web.ui_delete_manual_rule_route', hostname=hostname) }}" method="post" onsubmit="return confirm('Are you sure you want to delete the manual rule for {{ hostname }}?');" class="protocol-aware-form">
+                                                <form action="{{ url_for('web.ui_delete_manual_rule_route', rule_key_from_url=rule_key) }}" method="post" onsubmit="return confirm('Are you sure you want to delete the manual rule for {{ hostname }}?');" class="protocol-aware-form">
                                                     <button type="submit" class="btn btn-xs btn-error btn-outline">Delete</button>
                                                 </form>
                                             {% else %}
@@ -490,7 +490,26 @@ <h4 class="text-md font-semibold mb-2">Service</h4>
                     </div>
                 </div>
             </div>
-            <div class="space-y-4 pt-4 border-t border-base-300">
+            <div>
+                <h4 class="text-md font-semibold mb-2">Access Policy (Optional)</h4>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-start">
+                    <div>
+                        <label class="label" for="manual_access_policy_type"><span class="label-text">Policy Type</span></label>
+                        <select name="manual_access_policy_type" id="manual_access_policy_type" class="select select-bordered w-full policy-type-select">
+                            <option value="none" selected>None (Public - No App)</option>
+                            <option value="bypass">Bypass (Public App)</option>
+                            <option value="authenticate_email">Authenticate by Email</option>
+                            <option value="default_tld">Use Default *.tld Policy</option>
+                        </select>
+                    </div>
+                    <div class="auth-email-field hidden md:col-span-1">
+                        <label class="label" for="manual_auth_email"><span class="label-text">Allowed Email(s) or Domain(s)</span></label>
+                        <input type="text" id="manual_auth_email" name="manual_auth_email" placeholder="[email protected], @domain.com" class="input input-bordered w-full" />
+                        <div class="text-xs opacity-60 mt-1">Comma-separated. e.g., [email protected], @another.org</div>
+                    </div>
+                </div>
+            </div>
+            <div class="space-y-4 pt-4 border-t border-base-300 mt-6">
                  <div>
                     <label class="label" for="manual_zone_name_override"><span class="label-text">Cloudflare Zone Name (Override/Specific)</span></label>
                     <input type="text" id="manual_zone_name_override" name="manual_zone_name_override" placeholder="yourdomain.com (if different from Domain Name or CF_ZONE_ID)" class="input input-bordered w-full" />