{% extends "base.html" %}
{% block title %}
    <title>Frida Script Runner | SSL Pinning Detector</title>
{% endblock %}

{% block body %}
<div class="container1">
  <div class="justify-content-center logo">
    <img src="{{ url_for('static', filename='img/FSR-logo.png') }}" class="size-logo mt-3" alt="logo">
    <h2 class="text-center white">SSL Pinning Detector</h2>
    <p class="text-center text-white-50">Detect SSL pinning implementations in Android APKs</p>
  </div>

  <div class="row g-3">
    <div class="col-lg-12">
      <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
          <h2 class="h5 mb-0"><i class="bi bi-shield-lock"></i> APK Analysis</h2>
        </div>
        <div class="card-body bg-white">
          <form id="sslpindetectForm" enctype="multipart/form-data">
            <div class="mb-3">
              <label class="form-label"><i class="bi bi-list-ul"></i> Analysis Mode</label>
              <div class="btn-group w-100" role="group" aria-label="Analysis mode">
                <input type="radio" class="btn-check" name="analysisMode" id="modeUpload" value="upload" checked>
                <label class="btn btn-outline-primary" for="modeUpload">
                  <i class="bi bi-upload"></i> Upload APK
                </label>
                
                <input type="radio" class="btn-check" name="analysisMode" id="modePackage" value="package">
                <label class="btn btn-outline-primary" for="modePackage">
                  <i class="bi bi-phone"></i> Installed Package
                </label>
              </div>
            </div>

            <div id="uploadMode" class="analysis-mode">
              <div class="row g-3">
                <div class="col-md-12">
                  <div class="mb-3">
                    <label for="apkFile" class="form-label">
                      <i class="bi bi-file-earmark-zip"></i> Select APK File
                    </label>
                    <input class="form-control" type="file" id="apkFile" name="apkFile" accept=".apk">
                    <small class="text-muted">Upload an Android APK file to analyze</small>
                  </div>
                </div>
              </div>
            </div>

            <div id="packageMode" class="analysis-mode" style="display: none;">
              <div class="row g-3">
                <div class="col-md-12">
                  <div class="mb-3">
                    <label for="packageSelect" class="form-label">
                      <i class="bi bi-phone"></i> Select Installed Package
                    </label>
                    <div class="mb-2">
                      <div class="input-group">
                        <span class="input-group-text"><i class="bi bi-search"></i></span>
                        <input type="text" class="form-control" id="packageSearch" 
                               placeholder="Search package name...">
                        <button type="button" class="btn btn-outline-secondary" id="refreshPackagesBtn" title="Refresh package list">
                          <i class="bi bi-arrow-clockwise"></i>
                        </button>
                      </div>
                      <small class="text-muted">Type to filter packages by name</small>
                    </div>
                    <select class="form-select" id="packageSelect" name="package_name" size="3" style="max-height: 300px;">
                      <option value="">Loading packages...</option>
                    </select>
                    <small class="text-muted mt-1 d-block">Select a package from your connected Android device</small>
                  </div>
                </div>
              </div>
            </div>

            <div class="row g-3">
              <div class="col-md-12">
                <div class="mb-3">
                  <label for="apktool_path" class="form-label">
                    <i class="bi bi-tools"></i> Apktool Path (Optional)
                  </label>
                  <input type="text" class="form-control" id="apktool_path" name="apktool_path" 
                         placeholder="apktool.jar / apktool.exe / apktool (or leave blank to auto-detect)">
                  <small class="text-muted">
                    Path to apktool (supports .jar, .exe, or binary). Leave blank to auto-detect from common locations.
                  </small>
                </div>
              </div>
            </div>

            <div class="mb-3">
              <div class="form-check">
                <input class="form-check-input" type="checkbox" id="verbose" name="verbose" value="true">
                <label class="form-check-label" for="verbose">
                  <i class="bi bi-info-circle"></i> Verbose Mode (Show detailed logs)
                </label>
              </div>
            </div>

            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
              <button type="button" class="btn btn-outline-secondary" onclick="window.location.href='/'">
                <i class="bi bi-house-door"></i> Back to Home
              </button>
              <button type="submit" class="btn btn-primary" id="analyzeBtn">
                <i class="bi bi-search"></i> Analyze APK
              </button>
            </div>
          </form>

          <div class="progress mt-3 d-none" id="progressBarContainer">
            <div class="progress-bar progress-bar-striped progress-bar-animated" 
                 id="progressBar" role="progressbar" style="width: 0%"></div>
          </div>

          <div id="statusMessage" class="alert d-none mt-3"></div>
        </div>
      </div>
    </div>
  </div>

  <div class="row g-3 mt-3" id="resultsSection" style="display: none;">
    <div class="col-lg-12">
      <div class="card shadow-sm">
        <div class="card-header bg-success text-white">
          <h2 class="h5 mb-0"><i class="bi bi-check-circle"></i> Analysis Results</h2>
        </div>
        <div class="card-body bg-white">
          <div class="mb-4">
            <h4 class="h6 fw-bold">Summary</h4>
            <div class="row g-3">
              <div class="col-md-4">
                <div class="card border-primary">
                  <div class="card-body text-center">
                    <h5 class="card-title" id="totalMatches">0</h5>
                    <p class="card-text text-muted mb-0">Total Matches</p>
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="card border-info">
                  <div class="card-body text-center">
                    <h5 class="card-title" id="patternTypes">0</h5>
                    <p class="card-text text-muted mb-0">Pattern Types Found</p>
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="card border-warning">
                  <div class="card-body text-center">
                    <h5 class="card-title" id="apkName">-</h5>
                    <p class="card-text text-muted mb-0">APK File</p>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="mb-4" id="patternCountsSection">
            <h4 class="h6 fw-bold">Pattern Types Detected</h4>
            <div id="patternCounts" class="row g-2"></div>
          </div>

          <div class="mb-4">
            <h4 class="h6 fw-bold">Detailed Matches</h4>
            <div class="table-responsive">
              <table class="table table-striped table-hover">
                <thead class="table-dark">
                  <tr>
                    <th>Pattern</th>
                    <th>File</th>
                    <th>Line</th>
                    <th>Code Preview</th>
                    <th>Actions</th>
                  </tr>
                </thead>
                <tbody id="matchesTableBody">
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="codePreviewModal" tabindex="-1" aria-labelledby="codePreviewModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
      <div class="modal-content">
        <div class="modal-header bg-dark text-white">
          <h5 class="modal-title" id="codePreviewModalLabel">Code Context</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <pre class="bg-light p-3 rounded"><code id="codePreviewContent"></code></pre>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>

  <div class="dashboard-footer text-center mt-4 mb-3 w-100">
    <a class="credit d-inline-block" href="https://secrash.com" target="_blank"><span>2025 © Secrash</span></a>
  </div>
</div>

<script src="{{ url_for('static', filename='js/sslpindetect.js') }}"></script>
{% endblock %}