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

{% block body %}
  <br>
  <div class="container1">
    <!-- <div class=" justify-content-center logo">
      <img src="../static/FSR-logo.png" class="size-logo mt-3" alt="logo">
      <h2 class="text-center white">Frida Script Runner</h1>
    </div> -->
    <!--------devices ingfoh-->
    <div class="col-12 co">
      {% if devices %}
      <div class="card shadow-sm">
          <!-- <div class="card-header bg-light">
              <h5 class="card-title mb-0">
                  <i class="bi bi-phone"></i> Your Registered Devices
              </h5>
          </div> -->
          <div class="card-body">
              <div class="list-group">
                  {% for device in devices %}
                  <div class="list-group-item list-group-item-action">
                      <div class="d-flex w-100 justify-content-between">
                          <h6 class="mb-1">
                              {% if 'versi_andro' in device %}
                                  <i class="bi bi-android text-success"></i> Android Device
                              {% else %}
                                  <i class="bi bi-apple text-dark"></i> iOS Device
                              {% endif %}
                          </h6>
                          <small class="text-muted">Registered</small>
                      </div>
                      <p class="mb-1">
                          <strong>Model:</strong> {{ device.model }}<br>
                          {% if 'versi_andro' in device %}
                              <strong>Android Version:</strong> {{ device.versi_andro }}
                          {% else %}
                              <strong>UDID:</strong> <code>{{ device.UDID }}</code>
                          {% endif %}
                      </p>
                  </div>
                  {% endfor %}
              </div>
          </div>
          <div class="card-footer bg-white">
              <div class="d-flex justify-content-between align-items-center">
                  <small class="text-muted">Total devices: {{ devices|length }}</small>
                  <div>
                    <a href="/sslpindec" class="btn btn-outline-info me-2"><i class="bi bi-shield-lock"></i> SSL Pinning Detector</a>
                    <a href="/" class="btn btn-outline-primary"><i class="bi bi-house-door-fill"></i> Back to Home</a>
                  </div>
              </div>
          </div>
      </div>
      {% else %}
          <div class="alert alert-info" role="alert">
              <i class="bi bi-info-circle-fill"></i> No devices registered yet.
          </div>
          <div class="mt-3 text-end">  
              <a href="/" class="btn btn-outline-secondary"><i class="bi bi-house-door-fill"></i> Back to Home</a>
          </div>
      {% endif %}
  </div>
  <br>
    <div class="row g-4">
      <!----------------------- android ---------------------->
      <div class="col-lg-6">
        <div class="card shadow-sm h-100">
          <div class="card-header bg-primary text-white">
            <h2 class="h5 mb-0"><i class="bi bi-android"></i> Android Tools</h2>
          </div>
          <div class="card-body bg-white">
            <!-- ngadownloadd euy -->
            <div class="mb-4 p-3 border rounded">
              <h3 class="h6 fw-bold mb-3 text-dark"><i class="bi bi-download"></i>  Dump APK From Device</h3>
              <form id="apkDownloadForm" action="/apk-download" method="post" target="download_frame">
                <div class="mb-3">
                  <label for="searchInputAndroid" class="form-label">Search Packages</label>
                  <div class="input-group">
                    <span class="input-group-text"><i class="bi bi-search"></i></span>
                    <input type="text" class="form-control" id="searchInputAndroid" oninput="filterOptions('searchInputAndroid', 'packageSelectAndroid')" placeholder="Type to search...">
                  </div>
                </div>
              
                <div class="mb-3">
                  <label for="packageSelectAndroid" class="form-label">Select Package</label>
                  <select name="package" id="packageSelectAndroid" class="form-select" required>
                    {% if packages %}
                      {% for pkg in packages %}
                        <option value="{{ pkg }}">{{ pkg }}</option>
                      {% endfor %}
                    {% else %}
                      <option disabled>No packages detected</option>
                    {% endif %}
                  </select>
                </div>
                <div class="mb-3">
                  <label for="custom_name" class="form-label">Custom Filename</label>
                  <div class="input-group">
                    <span class="input-group-text">name</span>
                    <input type="text" class="form-control" id="custom_name" name="custom_name" placeholder="my_app_v1">
                    <span class="input-group-text">.apk or .zip</span>
                  </div>
                  <small class="text-muted">Leave blank to use package name</small><br>
                  <small class="text-muted">If the app has split APKs, a .zip containing all splits will be downloaded.</small>
                </div>
    
                <button type="submit" class="btn btn-primary w-100"><i class="bi bi-download"></i> Download APK</button>
              </form>
              <iframe id="download_frame" name="download_frame" style="display:none;"></iframe>
            </div>
            
           <!-- install apk to device andro-->
            <div class="p-3 border rounded bg-white">
              <h3 class="h6 fw-bold mb-3 text-dark"><i class="bi bi-upload"></i> Install APK</h3>
              <form id="uploadForm" enctype="multipart/form-data">
                <div class="mb-3">
                  <label for="apkFile" class="form-label">Select APK File</label>
                  <input class="form-control" type="file" id="apkFile" name="apkFile" accept=".apk" required>
                </div>
                
                <div class="progress mb-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 mb-3"></div>
                
                <button type="submit" class="btn btn-success w-100" id="installBtn"><i class="bi bi-phone"></i> Install to Device</button>
              </form>
            </div>
          </div>
        </div>
      </div>

      <!----------------------- ios ---------------------->
      <div class="col-lg-6">
        <div class="card shadow-sm h-100">
          <div class="card-header bg-dark text-white">
            <h2 class="h5 mb-0"><i class="bi bi-apple"></i> iOS Tools</h2>
          </div>
          <div class="card-body bg-white">
            <div class="mb-4 p-3 border rounded">
              <form action="/dump-ipa" method="post" id="dumpIPAForm">
                <h3 class="h6 fw-bold mb-3 text-dark"><i class="bi bi-download w-100"></i>  Dump IPA From Device <i class="bi bi-exclamation-triangle-fill text-warning" data-bs-toggle="tooltip" data-bs-placement="right" title="Please open the application before dumping"></i></h3>
                <div class="mb-3">
                  <label for="searchInputIOS" class="form-label">Search Packages</label>
                  <div class="input-group">
                    <span class="input-group-text"><i class="bi bi-search"></i></span>
                    <input type="text" class="form-control" id="searchInputIOS" oninput="filterOptions('searchInputIOS', 'packageSelectIOS')" placeholder="Type to search...">
                  </div>
                </div>
                
                <div class="mb-3">
                  <label for="packageSelectIOS" class="form-label">Select Package</label>
                  <select name="package" id="packageSelectIOS" class="form-select" required>
                    {% if identifiers %}
                      {% for identifier in identifiers %}
                        <option value="{{ identifier.split(' - ')[1] }}">{{ identifier }}</option>
                      {% endfor %}
                    {% else %}
                      <option disabled>Connect iOS device first</option>
                    {% endif %}
                  </select>
                </div>
                
                <div class="row g-3">
                  <div class="col-md-6">
                    <label for="ipa_name" class="form-label">Custom Filename</label>
                    <div class="input-group">
                      <span class="input-group-text">name</span>
                      <input type="text" class="form-control" id="ipa_name" name="ipa_name" placeholder="decrypted_app" required>
                      <span class="input-group-text">.ipa</span>
                    </div>
                  </div>
                  
                  <div class="col-md-6">
                    <label for="port" class="form-label">SSH Port</label>
                    <input type="number" class="form-control" id="port" name="port" value="22" required>
                  </div>
                </div>
                
                <div class="mb-3 mt-3">
                  <label for="host" class="form-label">Device IP/Host <i class="bi bi-exclamation-triangle-fill text-warning" data-bs-toggle="tooltip" data-bs-placement="right" title="Setting > Wifi > Scroll Down > IP Address"></i></label>
                  <div class="input-group">
                    <span class="input-group-text"><i class="bi bi-router"></i></span>
                    <input type="text" class="form-control" id="host" name="host" placeholder="192.168.1.42" required>
                  </div>
                </div>
                
                <div class="mb-3">
                  <label for="password" class="form-label">SSH Password <i class="bi bi-exclamation-triangle-fill text-warning" data-bs-toggle="tooltip" data-bs-placement="right" title="If you forgot your SSH password, you can change it by accessing the /etc/ folder using Filza or another file explorer. First, open the root directory /, then go to the /etc folder and open the master.passwd file. Edit the line that starts with root: and replace the existing password hash with a new one generated from functions-online.com/crypt.html"></i></label>
                  <div class="input-group">
                    <span class="input-group-text"><i class="bi bi-key"></i></span>
                    <input type="password" class="form-control" id="password" name="password" placeholder="alpine" required>
                  </div>
                  <small class="text-muted">Default password: alpine</small>
                </div>
                
                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                  <button type="submit" class="btn btn-dark w-100"><i class="bi bi-download"></i> Download IPA</button>
                </div>
              </form>
              <br>
              <div class="progress mb-3 d-none" id="progressBarContainerIOS">
                <div class="progress-bar progress-bar-striped progress-bar-animated" id="progressBarIOS" role="progressbar" style="width: 0%"></div>
              </div>
              
              <div id="statusMessageIOS" class="alert d-none"></div>
            </div>
            <!-- <div class="p-3 border rounded bg-white">
              <h3 class="h6 fw-bold mb-3 text-dark"><i class="bi bi-upload"></i> Install IPA</h3>
              <form id="uploadForm" enctype="multipart/form-data">
                <div class="mb-3">
                  <input class="form-control" type="file" id="ipaFile" name="ipaFile" accept=".ipa" required>
                </div>
                
                <div class="progress mb-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 mb-3"></div>
                
                <button type="submit" class="btn btn-dark w-100" id="installBtn"><i class="bi bi-phone"></i> Install to Device</button>
              </form>
            </div> -->
         </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer">
    <a class="credit" href="https://secrash.com" target="_blank"><span>2025 © Secrash</span></a>
  </div>
  <script src="{{ url_for('static', filename='js/features.js') }}"></script>
{% endblock %}