From 7e986ff008dbfa70e44cd25d23568cca6a6f6ee1 Mon Sep 17 00:00:00 2001
From: Promofaux <adzjwarner@gmail.com>
Date: Fri, 17 Feb 2017 20:48:39 +0000
Subject: [PATCH] modal dialog

---
 index.php | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/index.php b/index.php
index 0651a645..62721753 100644
--- a/index.php
+++ b/index.php
@@ -2,6 +2,39 @@
     $indexpage = true;
     require "scripts/pi-hole/php/header.php";
 ?>
+
+<!-- Modal for custom disable time -->
+<div class="modal fade" id="customDisableModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="myModalLabel">Custom disable timeout</h4>
+            </div>
+            <div class="modal-body">
+                <div class="row">
+                    <div class="col-sm-3"><input id="customTimeout" class="form-control" type="number" value="60"></div>
+                    <div class="col-sm-9">
+                        <div class="btn-group" data-toggle="buttons">
+                            <label class="btn btn-default">
+                                <input type="radio"/> Secs
+                            </label>
+                            <label id="btnMins" class="btn btn-default active">
+                                <input type="radio"  /> Mins
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                <button  id="pihole-disable-custom" type="button" class="btn btn-primary" data-dismiss="modal">Submit</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+
 <!-- Small boxes (Stat box) -->
 <div class="row">
     <div class="col-lg-3 col-xs-12">