Hugging Face's logo

Spaces:
JAYASREESS
/
final_year
Sleeping

App Files Community
final_year
File size: 3,572 Bytes
155dd44
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
414e495
155dd44
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Upload Document | LegalSI</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header class="topbar">
      <div class="container topbar-inner">
        <a class="brand" href="index.html#home">LegalSI</a>
        <div class="page-links">
          <a class="page-link active" href="upload.html">Upload</a>
          <a class="page-link" href="issues.html">Analysis</a>
          <a class="page-link" href="summary.html">Summary</a>
          <a class="page-link" href="dashboard.html">Dashboard</a>
          <button id="logoutBtn" class="logout-btn" type="button">Logout</button>
        </div>
      </div>
    </header>

    <main class="flow-main">
      <section class="container flow-card">
        <div class="upload-header">
          <h1>Upload Document</h1>
          <span id="userBadge" class="user-badge"></span>
        </div>
        <p class="upload-subtitle">Upload 1-2 reference documents for cross verification, then upload the final document for analysis.</p>

        <form id="uploadForm" class="auth-form" novalidate>
          <div class="field">
            <label for="scanMode">Scan Mode</label>
            <select id="scanMode" class="control">
              <option>Standard Scan (Recommended)</option>
              <option>Deep Search (Fuzzy)</option>
              <option>Strict (Duplicates Only)</option>
            </select>
          </div>

          <div class="field upload-zone-wrap">
            <label for="referenceFiles">Reference Documents</label>
            <label class="upload-zone" for="referenceFiles">
              <span class="upload-icon">+</span>
              <span class="upload-title">Upload 1 or 2 reference documents for cross verification</span>
              <span class="upload-hint">Supported: PDF, DOCX, TXT</span>
            </label>
            <input id="referenceFiles" class="control file-input-hidden" type="file" accept=".pdf,.docx,.txt" multiple />
          </div>

          <div class="field upload-zone-wrap">
            <label for="legalFile">Final Document (Required)</label>
            <label class="upload-zone" for="legalFile">
              <span class="upload-icon">+</span>
              <span class="upload-title">Drop the final document or click to browse</span>
              <span class="upload-hint">Supported: PDF, DOCX, TXT</span>
            </label>
            <input id="legalFile" class="control file-input-hidden" type="file" accept=".pdf,.docx,.txt" required />
          </div>

          <div id="analysisInputSummary" class="summary-box hidden"></div>

          <div class="workflow-actions">
            <a class="secondary-btn as-link" href="index.html#home">Back to Home</a>
            <button id="runUploadBtn" class="submit-btn" type="submit">Upload and Analyze</button>
          </div>
        </form>

        <div id="loadingState" class="loading-panel hidden" aria-live="polite"></div>
        </div>

        <p id="uploadMessage" class="message" aria-live="polite"></p>
      </section>
    </main>

    <script src="app.js"></script>
  </body>
</html>