using Disco.Plugins.ServiceTracker.Models;
using Disco.Plugins.ServiceTracker.Services;
using Disco.Services.Plugins;
using System;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.Mvc;

namespace Disco.Plugins.ServiceTracker.WebHandler
{
    public class ServiceTrackerWebHandler : PluginWebHandler
    {
        private ServiceTrackerDataStore GetDataStore()
        {
            var dataPath = PluginConfigurationHandler.GetPluginDataDirectory(
                HostController.HttpContext.Application["Disco.Plugins.ServiceTracker"] as Plugin
                ?? new ServiceTrackerPlugin());
            // Fallback: use AppData path
            if (string.IsNullOrEmpty(dataPath))
            {
                dataPath = System.IO.Path.Combine(
                    AppDomain.CurrentDomain.BaseDirectory, "App_Data", "Plugins", "Disco.Plugins.ServiceTracker");
            }
            return new ServiceTrackerDataStore(dataPath);
        }

        public override ActionResult ExecuteAction(string ActionName)
        {
            var action = ActionName != null ? ActionName.ToLower() : "";
            switch (action)
            {
                case "":
                case "index":
                case "dashboard":
                    return Dashboard();
                case "update":
                    return UpdateTicket();
                case "addnote":
                    return AddNote();
                case "detail":
                    return TicketDetail();
                case "export":
                    return ExportCsv();
                default:
                    return new HttpNotFoundResult();
            }
        }

        private ActionResult Dashboard()
        {
            var dataStore = GetDataStore();
            var service = new ServiceTrackerService(Database, dataStore);

            var filterPriority = HostController.Request.QueryString["priority"];
            var filterLocation = HostController.Request.QueryString["location"];
            var filterStatus = HostController.Request.QueryString["status"];
            var filterTech = HostController.Request.QueryString["tech"];
            var sortBy = HostController.Request.QueryString["sort"] ?? "due";

            var model = service.BuildDashboard(filterPriority, filterLocation, filterStatus, filterTech, sortBy);
            return HtmlResult(BuildDashboardPage(model));
        }

        private ActionResult UpdateTicket()
        {
            if (HostController.Request.HttpMethod != "POST")
                return new HttpStatusCodeResult(405);

            var dataStore = GetDataStore();
            var service = new ServiceTrackerService(Database, dataStore);

            int jobId;
            if (!int.TryParse(HostController.Request.Form["jobId"], out jobId))
                return new HttpStatusCodeResult(400);

            var priorityId = HostController.Request.Form["priority"];
            var locationId = HostController.Request.Form["location"];
            var techId = HostController.Request.Form["tech"];
            var status = HostController.Request.Form["status"];
            var summary = HostController.Request.Form["summary"];
            DateTime? eta = null;
            DateTime etaParsed;
            if (DateTime.TryParse(HostController.Request.Form["eta"], out etaParsed))
                eta = etaParsed;

            var currentUser = HostController.HttpContext.User?.Identity?.Name ?? "system";
            service.UpdateTicket(jobId, priorityId, locationId, techId, eta, status, summary, currentUser);

            return new RedirectResult("/Plugin/Disco.Plugins.ServiceTracker/Dashboard");
        }

        private ActionResult AddNote()
        {
            if (HostController.Request.HttpMethod != "POST")
                return new HttpStatusCodeResult(405);

            var dataStore = GetDataStore();
            var service = new ServiceTrackerService(Database, dataStore);

            int jobId;
            if (!int.TryParse(HostController.Request.Form["jobId"], out jobId))
                return new HttpStatusCodeResult(400);

            var content = HostController.Request.Form["note"];
            var noteType = HostController.Request.Form["noteType"] ?? "general";
            var currentUser = HostController.HttpContext.User?.Identity?.Name ?? "system";
            var userName = currentUser; // Could resolve display name from DB

            service.AddNote(jobId, currentUser, userName, content, noteType);
            return new RedirectResult("/Plugin/Disco.Plugins.ServiceTracker/Detail?id=" + jobId);
        }

        private ActionResult TicketDetail()
        {
            int jobId;
            if (!int.TryParse(HostController.Request.QueryString["id"], out jobId))
                return new HttpStatusCodeResult(400);

            var dataStore = GetDataStore();
            var service = new ServiceTrackerService(Database, dataStore);
            var config = dataStore.LoadConfig();

            // Get the job
            var job = Database.Jobs
                .Include("Device").Include("Device.DeviceModel")
                .Include("User").Include("OpenedTechUser")
                .Include("JobType").Include("JobSubTypes")
                .Include("JobLogs")
                .FirstOrDefault(j => j.Id == jobId);

            if (job == null)
                return new HttpNotFoundResult();

            var ticket = service.GetTicketDetail(jobId);
            return HtmlResult(BuildDetailPage(job, ticket, config));
        }

        private ActionResult ExportCsv()
        {
            var dataStore = GetDataStore();
            var service = new ServiceTrackerService(Database, dataStore);
            var model = service.BuildDashboard();

            var sb = new StringBuilder();
            sb.AppendLine("JobId,Device,User,Priority,Location,Status,AssignedTech,OpenedDate,ETA,SlaDeadline,SlaBreached,AgeDays,Summary,NoteCount");
            foreach (var t in model.Tiles)
            {
                sb.AppendLine(string.Join(",",
                    t.JobId, Csv(t.DeviceSerialNumber), Csv(t.UserDisplayName),
                    Csv(t.PriorityName), Csv(t.LocationName), Csv(t.StatusOverride),
                    Csv(t.AssignedTechName), t.OpenedDate.ToString("yyyy-MM-dd"),
                    t.EstimatedCompletion?.ToString("yyyy-MM-dd") ?? "",
                    t.SlaDeadline?.ToString("yyyy-MM-dd HH:mm") ?? "",
                    t.IsSlaBreached, t.AgeDays, Csv(t.Summary), t.NoteCount));
            }

            var fileName = "ServiceTracker_Export_" + DateTime.Now.ToString("yyyyMMdd_HHmmss") + ".csv";
            HostController.Response.Headers.Add("Content-Disposition", "attachment; filename=\"" + fileName + "\"");
            return new ContentResult
            {
                Content = sb.ToString(),
                ContentType = "text/csv",
                ContentEncoding = Encoding.UTF8
            };
        }

        // --- HTML Builders ---

        private ActionResult HtmlResult(string html)
        {
            return new ContentResult { Content = html, ContentType = "text/html", ContentEncoding = Encoding.UTF8 };
        }

        private string Csv(string v) { return "\"" + (v ?? "").Replace("\"", "\"\"") + "\""; }
        private string H(string v) { return string.IsNullOrEmpty(v) ? "" : HttpUtility.HtmlEncode(v); }

        private string BuildDashboardPage(DashboardViewModel model)
        {
            var pluginUrl = "/Plugin/Disco.Plugins.ServiceTracker";
            var sb = new StringBuilder();

            // --- Head ---
            sb.Append("<!DOCTYPE html><html><head><meta charset='utf-8'/>");
            sb.Append("<title>Service Tracker Dashboard</title>");
            sb.Append("<style>");
            sb.Append(GetDashboardCSS());
            sb.Append("</style></head><body>");

            // --- Header ---
            sb.Append("<div class='header'>");
            sb.Append("<div class='header-left'>");
            sb.Append("<h1>&#x1F6E0; Service Tracker</h1>");
            sb.Append("<span class='subtitle'>Open Jobs: <strong>" + model.Stats.TotalOpen + "</strong></span>");
            sb.Append("</div>");
            sb.Append("<div class='header-right'>");
            sb.Append("<a href='" + pluginUrl + "/Export' class='btn btn-default'>&#x2B07; Export CSV</a>");
            sb.Append("<a href='" + pluginUrl + "/Dashboard' class='btn btn-primary'>&#x21BB; Refresh</a>");
            sb.Append("</div></div>");

            // --- SLA Alert Banner ---
            if (model.Stats.SlaBreached > 0)
            {
                sb.Append("<div class='alert alert-danger'>");
                sb.Append("&#x26A0; <strong>" + model.Stats.SlaBreached + " job(s) have BREACHED SLA</strong> — immediate attention required!");
                sb.Append("</div>");
            }
            if (model.Stats.SlaWarning > 0)
            {
                sb.Append("<div class='alert alert-warning'>");
                sb.Append("&#x23F0; <strong>" + model.Stats.SlaWarning + " job(s) approaching SLA deadline</strong>");
                sb.Append("</div>");
            }

            // --- Stats Bar ---
            sb.Append("<div class='stats-bar'>");
            foreach (var p in model.Config.Priorities)
            {
                int count;
                model.Stats.ByPriority.TryGetValue(p.Id, out count);
                sb.Append("<a href='" + pluginUrl + "/Dashboard?priority=" + p.Id + "&sort=" + model.SortBy + "' class='stat-card' style='border-left:4px solid " + p.Color + ";'>");
                sb.Append("<div class='stat-num' style='color:" + p.Color + ";'>" + count + "</div>");
                sb.Append("<div class='stat-lbl'>" + H(p.Name) + "</div>");
                sb.Append("</a>");
            }
            sb.Append("<div class='stat-card stat-sep'>");
            sb.Append("<div class='stat-num' style='color:#DC3545;'>" + model.Stats.SlaBreached + "</div>");
            sb.Append("<div class='stat-lbl'>SLA Breached</div></div>");
            sb.Append("<div class='stat-card'>");
            sb.Append("<div class='stat-num'>" + model.Stats.AvgAgeDays.ToString("0.0") + "</div>");
            sb.Append("<div class='stat-lbl'>Avg Age (days)</div></div>");
            sb.Append("</div>");

            // --- Location Summary ---
            sb.Append("<div class='location-bar'>");
            foreach (var loc in model.Config.Locations)
            {
                int count;
                model.Stats.ByLocation.TryGetValue(loc.Id, out count);
                if (count > 0)
                {
                    sb.Append("<a href='" + pluginUrl + "/Dashboard?location=" + loc.Id + "' class='loc-chip' style='background:" + loc.Color + ";'>");
                    sb.Append(loc.Icon + " " + H(loc.Name) + " <strong>" + count + "</strong>");
                    sb.Append("</a>");
                }
            }
            sb.Append("</div>");

            // --- Sort Controls ---
            sb.Append("<div class='controls'>");
            sb.Append("<span class='ctrl-label'>Sort by:</span>");
            string[] sortOptions = { "due|Due Date", "priority|Priority", "age|Age", "sla|SLA Status", "modified|Last Updated" };
            foreach (var opt in sortOptions)
            {
                var parts = opt.Split('|');
                var active = parts[0] == model.SortBy ? " active" : "";
                sb.Append("<a href='" + pluginUrl + "/Dashboard?sort=" + parts[0]);
                if (!string.IsNullOrEmpty(model.CurrentFilter))
                {
                    // preserve filter
                }
                sb.Append("' class='sort-btn" + active + "'>" + parts[1] + "</a>");
            }
            if (!string.IsNullOrEmpty(model.CurrentFilter))
            {
                sb.Append("<a href='" + pluginUrl + "/Dashboard' class='sort-btn clear-btn'>&#x2716; Clear Filter</a>");
            }
            sb.Append("</div>");

            // --- Priority Legend ---
            sb.Append("<div class='legend'>");
            sb.Append("<span class='ctrl-label'>Priority:</span>");
            foreach (var p in model.Config.Priorities)
            {
                sb.Append("<span class='legend-item'><span class='legend-dot' style='background:" + p.Color + ";'></span>" + H(p.Name));
                if (p.SlaHours > 0) sb.Append(" <small>(" + p.SlaHours + "h SLA)</small>");
                sb.Append("</span>");
            }
            sb.Append("</div>");

            // --- Tile Grid ---
            sb.Append("<div class='tile-grid'>");
            if (model.Tiles.Count == 0)
            {
                sb.Append("<div class='empty-state'>");
                sb.Append("<div class='empty-icon'>&#x2705;</div>");
                sb.Append("<div class='empty-msg'>No open jobs found</div>");
                sb.Append("</div>");
            }
            else
            {
                foreach (var tile in model.Tiles)
                {
                    sb.Append(BuildTileHtml(tile, pluginUrl));
                }
            }
            sb.Append("</div>");

            // --- Tech Workload ---
            if (model.Stats.ByTech.Count > 0)
            {
                sb.Append("<div class='workload-section'>");
                sb.Append("<h3>Tech Workload</h3>");
                sb.Append("<div class='workload-bar'>");
                foreach (var kv in model.Stats.ByTech.OrderByDescending(x => x.Value))
                {
                    sb.Append("<div class='workload-item'>");
                    sb.Append("<span class='wl-name'>" + H(kv.Key) + "</span>");
                    sb.Append("<span class='wl-count'>" + kv.Value + "</span>");
                    sb.Append("</div>");
                }
                sb.Append("</div></div>");
            }

            sb.Append("<div class='footer'>Service Tracker Plugin &mdash; Disco ICT</div>");
            sb.Append("</body></html>");
            return sb.ToString();
        }

        private string BuildTileHtml(DashboardTile tile, string pluginUrl)
        {
            var sb = new StringBuilder();
            string borderClass = tile.IsSlaBreached ? "tile-breached" : tile.IsSlaWarning ? "tile-warning" : "";

            sb.Append("<div class='tile " + borderClass + "' onclick=\"window.location='" + pluginUrl + "/Detail?id=" + tile.JobId + "'\">");

            // Priority strip
            sb.Append("<div class='tile-priority' style='background:" + tile.PriorityColor + ";'></div>");

            // Tile header
            sb.Append("<div class='tile-header'>");
            sb.Append("<div class='tile-jobid'>#" + tile.JobId + "</div>");
            sb.Append("<div class='tile-age'>" + tile.AgeBadge + "</div>");
            sb.Append("</div>");

            // SLA badge
            if (tile.IsSlaBreached)
            {
                sb.Append("<div class='sla-badge sla-breached'>&#x26A0; SLA BREACHED</div>");
            }
            else if (tile.IsSlaWarning)
            {
                sb.Append("<div class='sla-badge sla-warn'>&#x23F0; SLA Warning</div>");
            }

            // Device info
            sb.Append("<div class='tile-device'>");
            sb.Append("<div class='tile-device-name'>" + H(tile.DeviceComputerName ?? tile.DeviceSerialNumber) + "</div>");
            if (tile.DeviceModelDescription != null)
                sb.Append("<div class='tile-device-model'>" + H(tile.DeviceModelDescription) + "</div>");
            sb.Append("</div>");

            // User
            sb.Append("<div class='tile-row'>");
            sb.Append("<span class='tile-icon'>&#x1F464;</span>");
            sb.Append("<span class='tile-value'>" + H(tile.UserDisplayName ?? "—") + "</span>");
            sb.Append("</div>");

            // Location
            sb.Append("<div class='tile-row'>");
            sb.Append("<span class='tile-loc-badge' style='background:" + tile.LocationColor + ";'>");
            sb.Append(tile.LocationIcon + " " + H(tile.LocationName));
            sb.Append("</span></div>");

            // Status
            sb.Append("<div class='tile-row'>");
            sb.Append("<span class='tile-icon'>&#x1F4CB;</span>");
            sb.Append("<span class='tile-value'>" + H(tile.StatusOverride ?? tile.DiscoStatus) + "</span>");
            sb.Append("</div>");

            // Assigned tech
            if (!string.IsNullOrEmpty(tile.AssignedTechName))
            {
                sb.Append("<div class='tile-row'>");
                sb.Append("<span class='tile-icon'>&#x1F527;</span>");
                sb.Append("<span class='tile-value'>" + H(tile.AssignedTechName) + "</span>");
                sb.Append("</div>");
            }

            // ETA
            sb.Append("<div class='tile-row'>");
            sb.Append("<span class='tile-icon'>&#x1F4C5;</span>");
            sb.Append("<span class='tile-value'>ETA: <strong>" + H(tile.EtaDisplay) + "</strong></span>");
            sb.Append("</div>");

            // Summary / Latest note
            if (!string.IsNullOrEmpty(tile.Summary))
            {
                sb.Append("<div class='tile-summary'>" + H(tile.Summary) + "</div>");
            }
            if (!string.IsNullOrEmpty(tile.LatestNote))
            {
                sb.Append("<div class='tile-note'>");
                sb.Append("<span class='note-icon'>&#x1F4AC;</span> " + H(tile.LatestNote));
                if (tile.NoteCount > 1)
                    sb.Append(" <small>(+" + (tile.NoteCount - 1) + " more)</small>");
                sb.Append("</div>");
            }

            // Priority label
            sb.Append("<div class='tile-footer'>");
            sb.Append("<span class='priority-label' style='background:" + tile.PriorityColor + ";'>" + H(tile.PriorityName) + "</span>");
            sb.Append("<span class='tile-type'>" + H(tile.JobTypeDescription) + "</span>");
            sb.Append("</div>");

            sb.Append("</div>");
            return sb.ToString();
        }

        private string BuildDetailPage(Disco.Models.Repository.Job job, ServiceTicket ticket, ServiceTrackerConfig config)
        {
            var pluginUrl = "/Plugin/Disco.Plugins.ServiceTracker";
            var sb = new StringBuilder();

            sb.Append("<!DOCTYPE html><html><head><meta charset='utf-8'/>");
            sb.Append("<title>Job #" + job.Id + " - Service Tracker</title>");
            sb.Append("<style>" + GetDashboardCSS() + GetDetailCSS() + "</style></head><body>");

            // Header
            sb.Append("<div class='header'>");
            sb.Append("<div class='header-left'>");
            sb.Append("<a href='" + pluginUrl + "/Dashboard' class='back-link'>&larr; Dashboard</a>");
            sb.Append("<h1>Job #" + job.Id + "</h1>");
            sb.Append("</div></div>");

            // Two-column layout
            sb.Append("<div class='detail-grid'>");

            // Left column - Job info + edit form
            sb.Append("<div class='detail-left'>");
            sb.Append("<div class='detail-card'>");
            sb.Append("<h3>Job Details</h3>");
            sb.Append("<table class='detail-table'>");
            sb.Append("<tr><th>Device</th><td>" + H(job.DeviceSerialNumber) + (job.Device?.DeviceDomainId != null ? " (" + H(job.Device.DeviceDomainId) + ")" : "") + "</td></tr>");
            sb.Append("<tr><th>Model</th><td>" + H(job.Device?.DeviceModel?.Description) + "</td></tr>");
            sb.Append("<tr><th>User</th><td>" + H(job.User?.DisplayName ?? job.UserId) + "</td></tr>");
            sb.Append("<tr><th>Type</th><td>" + H(job.JobType?.Description ?? job.JobTypeId) + "</td></tr>");
            sb.Append("<tr><th>Opened</th><td>" + job.OpenedDate.ToString("dd MMM yyyy HH:mm") + " by " + H(job.OpenedTechUser?.DisplayName ?? job.OpenedTechUserId) + "</td></tr>");
            if (job.ExpectedClosedDate.HasValue)
                sb.Append("<tr><th>Expected Close</th><td>" + job.ExpectedClosedDate.Value.ToString("dd MMM yyyy") + "</td></tr>");
            if (job.DeviceHeld.HasValue)
                sb.Append("<tr><th>Device Held</th><td>" + job.DeviceHeld.Value.ToString("dd MMM yyyy") + (job.DeviceHeldLocation != null ? " — " + H(job.DeviceHeldLocation) : "") + "</td></tr>");
            sb.Append("</table></div>");

            // Edit form
            sb.Append("<div class='detail-card'>");
            sb.Append("<h3>Service Tracker Settings</h3>");
            sb.Append("<form method='POST' action='" + pluginUrl + "/Update'>");
            sb.Append("<input type='hidden' name='jobId' value='" + job.Id + "'/>");

            // Priority dropdown
            sb.Append("<div class='form-group'><label>Priority</label><select name='priority' class='form-control'>");
            foreach (var p in config.Priorities)
            {
                var selected = (ticket?.PriorityId ?? config.DefaultPriorityId) == p.Id ? " selected" : "";
                sb.Append("<option value='" + p.Id + "'" + selected + ">" + H(p.Name) + " (" + p.SlaHours + "h SLA)</option>");
            }
            sb.Append("</select></div>");

            // Location dropdown
            sb.Append("<div class='form-group'><label>Location</label><select name='location' class='form-control'>");
            foreach (var l in config.Locations)
            {
                var selected = (ticket?.LocationId ?? config.DefaultLocationId) == l.Id ? " selected" : "";
                sb.Append("<option value='" + l.Id + "'" + selected + ">" + l.Icon + " " + H(l.Name) + "</option>");
            }
            sb.Append("</select></div>");

            // Status dropdown
            sb.Append("<div class='form-group'><label>Status</label><select name='status' class='form-control'>");
            sb.Append("<option value=''>— Use Disco Status —</option>");
            foreach (var s in config.StatusOptions)
            {
                var selected = ticket?.StatusOverride == s ? " selected" : "";
                sb.Append("<option value='" + H(s) + "'" + selected + ">" + H(s) + "</option>");
            }
            sb.Append("</select></div>");

            // Assigned tech
            sb.Append("<div class='form-group'><label>Assigned Tech (User ID)</label>");
            sb.Append("<input type='text' name='tech' class='form-control' value='" + H(ticket?.AssignedTechId) + "' placeholder='e.g. DOMAIN\\username'/></div>");

            // ETA
            sb.Append("<div class='form-group'><label>ETA</label>");
            sb.Append("<input type='date' name='eta' class='form-control' value='" + (ticket?.EstimatedCompletion?.ToString("yyyy-MM-dd") ?? "") + "'/></div>");

            // Summary
            sb.Append("<div class='form-group'><label>Summary</label>");
            sb.Append("<textarea name='summary' class='form-control' rows='3' placeholder='Brief description of the issue...'>" + H(ticket?.Summary) + "</textarea></div>");

            sb.Append("<button type='submit' class='btn btn-primary'>&#x2714; Save Changes</button>");
            sb.Append("</form></div>");
            sb.Append("</div>"); // end detail-left

            // Right column - Notes/timeline
            sb.Append("<div class='detail-right'>");
            sb.Append("<div class='detail-card'>");
            sb.Append("<h3>Activity Log</h3>");

            // Add note form
            sb.Append("<form method='POST' action='" + pluginUrl + "/AddNote' class='note-form'>");
            sb.Append("<input type='hidden' name='jobId' value='" + job.Id + "'/>");
            sb.Append("<textarea name='note' class='form-control' rows='2' placeholder='Add a note...' required></textarea>");
            sb.Append("<div class='note-controls'>");
            sb.Append("<select name='noteType' class='form-control form-control-sm'>");
            sb.Append("<option value='general'>General</option>");
            sb.Append("<option value='update'>Update</option>");
            sb.Append("<option value='escalation'>Escalation</option>");
            sb.Append("<option value='resolution'>Resolution</option>");
            sb.Append("</select>");
            sb.Append("<button type='submit' class='btn btn-primary btn-sm'>Add Note</button>");
            sb.Append("</div></form>");

            // Notes timeline
            if (ticket?.Notes != null && ticket.Notes.Count > 0)
            {
                sb.Append("<div class='timeline'>");
                foreach (var note in ticket.Notes.OrderByDescending(n => n.Timestamp))
                {
                    string typeColor = "#337AB7";
                    switch (note.NoteType)
                    {
                        case "escalation": typeColor = "#DC3545"; break;
                        case "resolution": typeColor = "#28A745"; break;
                        case "update": typeColor = "#FFC107"; break;
                    }
                    sb.Append("<div class='timeline-item'>");
                    sb.Append("<div class='timeline-dot' style='background:" + typeColor + ";'></div>");
                    sb.Append("<div class='timeline-content'>");
                    sb.Append("<div class='timeline-header'>");
                    sb.Append("<span class='timeline-author'>" + H(note.AuthorName ?? note.AuthorId) + "</span>");
                    sb.Append("<span class='timeline-type' style='color:" + typeColor + ";'>" + H(note.NoteType) + "</span>");
                    sb.Append("<span class='timeline-date'>" + note.Timestamp.ToString("dd MMM HH:mm") + "</span>");
                    sb.Append("</div>");
                    sb.Append("<div class='timeline-body'>" + H(note.Content) + "</div>");
                    sb.Append("</div></div>");
                }
                sb.Append("</div>");
            }
            else
            {
                sb.Append("<p class='muted'>No notes yet.</p>");
            }

            sb.Append("</div></div>"); // end detail-right
            sb.Append("</div>"); // end detail-grid

            sb.Append("</body></html>");
            return sb.ToString();
        }

        private string GetDashboardCSS()
        {
            return @"
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Segoe UI',Arial,sans-serif;background:#f0f2f5;color:#333;padding:0;}
.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:2px solid #337AB7;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.header-left{display:flex;align-items:center;gap:16px;}
.header h1{font-size:22px;margin:0;color:#333;}
.subtitle{color:#666;font-size:14px;}
.header-right{display:flex;gap:8px;}
.btn{display:inline-block;padding:8px 16px;font-size:13px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;color:#fff;}
.btn-primary{background:#337AB7;} .btn-primary:hover{background:#286090;}
.btn-default{background:#777;} .btn-default:hover{background:#555;}
.btn-sm{padding:5px 10px;font-size:12px;}
.alert{margin:0 24px;padding:10px 16px;border-radius:4px;font-size:13px;margin-top:12px;}
.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}
.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba;}
.stats-bar{display:flex;gap:12px;padding:16px 24px;flex-wrap:wrap;}
.stat-card{text-align:center;padding:12px 18px;background:#fff;border-radius:6px;min-width:80px;box-shadow:0 1px 2px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .15s;}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.12);}
.stat-sep{border-left:2px solid #eee;margin-left:8px;padding-left:20px;}
.stat-num{font-size:26px;font-weight:700;} .stat-lbl{font-size:11px;color:#888;margin-top:2px;}
.location-bar{display:flex;gap:8px;padding:0 24px;flex-wrap:wrap;margin-bottom:8px;}
.loc-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:16px;font-size:12px;color:#fff;text-decoration:none;transition:opacity .15s;}
.loc-chip:hover{opacity:.85;}
.controls{display:flex;align-items:center;gap:6px;padding:8px 24px;}
.ctrl-label{font-size:12px;color:#888;margin-right:4px;}
.sort-btn{padding:5px 12px;border-radius:14px;font-size:12px;background:#e9ecef;color:#555;text-decoration:none;transition:background .15s;}
.sort-btn:hover{background:#d0d5db;} .sort-btn.active{background:#337AB7;color:#fff;}
.clear-btn{background:#DC3545;color:#fff;} .clear-btn:hover{background:#b52a3a;}
.legend{display:flex;align-items:center;gap:12px;padding:4px 24px 12px;flex-wrap:wrap;}
.legend-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#666;}
.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;}
.legend-item small{color:#aaa;}
.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:0 24px 24px;}
.tile{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer;transition:box-shadow .15s,transform .15s;overflow:hidden;position:relative;}
.tile:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px);}
.tile-breached{border:2px solid #DC3545;animation:pulse 2s infinite;}
.tile-warning{border:2px solid #FFC107;}
@keyframes pulse{0%,100%{border-color:#DC3545;}50%{border-color:#f8d7da;}}
.tile-priority{height:5px;width:100%;}
.tile-header{display:flex;justify-content:space-between;padding:10px 14px 4px;}
.tile-jobid{font-weight:700;font-size:15px;color:#337AB7;}
.tile-age{font-size:11px;color:#888;padding:2px 8px;background:#f5f5f5;border-radius:10px;}
.sla-badge{margin:0 14px 6px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-align:center;}
.sla-breached{background:#f8d7da;color:#721c24;}
.sla-warn{background:#fff3cd;color:#856404;}
.tile-device{padding:0 14px 6px;}
.tile-device-name{font-weight:600;font-size:14px;} .tile-device-model{font-size:11px;color:#888;}
.tile-row{display:flex;align-items:center;gap:6px;padding:3px 14px;font-size:13px;}
.tile-icon{width:18px;text-align:center;font-size:12px;}
.tile-value{flex:1;} .tile-value strong{font-weight:600;}
.tile-loc-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;color:#fff;}
.tile-summary{padding:6px 14px;font-size:12px;color:#555;border-top:1px solid #f0f0f0;font-style:italic;}
.tile-note{padding:6px 14px;font-size:11px;color:#777;background:#fafbfc;}
.note-icon{font-size:10px;}
.tile-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-top:1px solid #f0f0f0;background:#fafbfc;}
.priority-label{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;color:#fff;font-weight:600;}
.tile-type{font-size:11px;color:#aaa;}
.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;}
.empty-icon{font-size:48px;} .empty-msg{font-size:16px;color:#888;margin-top:12px;}
.workload-section{padding:0 24px 24px;}
.workload-section h3{font-size:14px;color:#888;margin-bottom:8px;}
.workload-bar{display:flex;gap:12px;flex-wrap:wrap;}
.workload-item{background:#fff;border-radius:6px;padding:8px 16px;box-shadow:0 1px 2px rgba(0,0,0,.06);display:flex;align-items:center;gap:8px;}
.wl-name{font-size:13px;} .wl-count{font-weight:700;font-size:16px;color:#337AB7;}
.footer{text-align:center;padding:20px;font-size:12px;color:#aaa;}
.muted{color:#999;font-style:italic;}
";
        }

        private string GetDetailCSS()
        {
            return @"
.back-link{font-size:13px;color:#337AB7;text-decoration:none;}
.back-link:hover{text-decoration:underline;}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px;}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr;}}
.detail-left,.detail-right{display:flex;flex-direction:column;gap:16px;}
.detail-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.detail-card h3{font-size:15px;color:#333;margin-bottom:12px;border-bottom:1px solid #eee;padding-bottom:8px;}
.detail-table{width:100%;border-collapse:collapse;}
.detail-table th{text-align:left;padding:6px 8px;font-size:12px;color:#888;width:130px;vertical-align:top;}
.detail-table td{padding:6px 8px;font-size:13px;}
.form-group{margin-bottom:12px;}
.form-group label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:4px;}
.form-control{width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit;}
.form-control:focus{border-color:#337AB7;outline:none;box-shadow:0 0 0 2px rgba(51,122,183,.15);}
.form-control-sm{width:auto;padding:4px 8px;font-size:12px;}
.note-form{margin-bottom:16px;}
.note-controls{display:flex;gap:8px;margin-top:6px;align-items:center;}
.timeline{border-left:2px solid #e0e0e0;margin-left:8px;padding-left:0;}
.timeline-item{display:flex;gap:12px;padding:8px 0;position:relative;}
.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0;margin-left:-6px;}
.timeline-content{flex:1;}
.timeline-header{display:flex;gap:8px;align-items:center;font-size:12px;margin-bottom:3px;}
.timeline-author{font-weight:600;color:#333;}
.timeline-type{font-size:11px;text-transform:capitalize;}
.timeline-date{color:#aaa;margin-left:auto;}
.timeline-body{font-size:13px;color:#555;line-height:1.4;}
";
        }
    }
}