<style>
/* Row */
.container .row{
 background-color:#ffffff;
}

/* Accordion Content */
.col-md-8 .panel .panel-body{
 background-color:#ffffff !important;
}

/* New */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
 display: flex;
    align-items: center;
    background-color: #e9ecef; /* Light input background */
    border-radius: 8px;
    padding: 12px;
    color: #333; /* Dark text color */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    min-height: 50px;
}


body{
 font-family:'Inter', sans-serif;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            background-color:rgba(30,30,30,0) !important;
            color: #e0e0e0 !important ; /* Light gray text */
}
/* Accordion Content */
.col-md-8 .panel .panel-body{
 width: 100%;
     border-style:none;
   
    background-color: #2b2b2b;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}
.container .panel{
 border-style:none !important;
 border-width:0px !important;
 border-top-left-radius:12px;
 border-top-right-radius:12px;
 border-bottom-left-radius:12px;
 border-bottom-right-radius:12px;
}
/* Label */
.panel-body form label{
 font-weight:600;
 font-size:16px;
}

/* Heading */
.panel .panel-body h4{
 font-weight:600;
 font-size:16px;
}


/* List Item */
.panel-body ul li{
 padding-bottom:10px;
 padding-top:10px;
 padding-left:10px;
 padding-right:10px;
 
}

/* Button */
.panel-body form .btn{
    
  background: linear-gradient(<?= $pd ?>, <?= $pc_1 ?>, <?= $pc_2 ?>); /* Light gradient */
    color: #ffffff;
    padding: 14px 28px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease, transform 0.2s ease;
}
  .panel-body form .btn:hover {
    background: <?= $ph ?>;
    transform: translateY(-2px);
}
/* Button */
.panel-body ul .btn-danger{
  background: linear-gradient(<?= $sd ?>, <?= $sc_1 ?>, <?= $sc_2 ?>);/* Gradient background for a professional look */
  color: #ffffff; /* Text color */
  position:relative;
 left:10px;
  font-size: 14px; /* Font size */
  font-weight: 500; /* Font weight */
  border: none; /* Remove default border */
  border-radius: 5px; /* Slightly rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
  transition: background 0.3s ease, transform 0.2s ease; /* Smooth transition for hover effects */
}
.panel-body ul .btn-danger:hover {
  background: <?= $sh ?>; /* Darker gradient on hover */
  transform: translateY(-2px); /* Slight lift effect */
}
</style>
<div class="col-md-8">
  <div class="panel panel-default">
    <div class="panel-body">
      <form action="" method="post">
           <h3><i class="fas fa-robot"></i>
 Automatic Method</h3>
        <div class="form-group">
           <div class="alert alert-info">
                    <p> <i class="fas fa-info-circle"></i>  This method is Automatic , One cron job for All (1* minute for all) .<br></p>
                </div>
               
          <label for="cron_job"><i class="fas fa-cogs"></i> All in One :</label>
          <input type="text" class="form-control  copy-input" id="cron_job" name="cron_job" value="wget --spider -O - https://yourdomain.com/cronjobs/cron_master.php" readonly required>
       <p>&nbsp;&nbsp;&nbsp;</p>

         <div class="alert alert-info">
                    <p> <i class="fas fa-info-circle"></i>  After set cron jobs just search this url for check.
                </div>
               
         <label for="cron_job"><i class="fas fa-tasks copy-input"></i> Status Check :
</label>
        <input type="text" class="form-control" id="cron_job" name="cron_job" value="https://yourdomain.com/cronjobs/cron_master.php" readonly required>
        </div>
        
        <script>
  // Get the current domain name
  const currentDomain = window.location.hostname;

  // Get all input fields with the name 'cron_job'
  const inputs = document.querySelectorAll('input[name="cron_job"]');

  // Loop through all the inputs and update the value with the current domain
  inputs.forEach(input => {
    input.value = input.value.replace(/https:\/\/(yourdomain\.com|Your_Domin)/, `https://${currentDomain}`);
  });
</script>
      </form>
    </div>
  </div>
</div>
<div class="col-md-8">
  <div class="panel panel-default">
    <div class="panel-body">
      <form action="" method="post">
  
<h3><i class="fas fa-tools"></i> Manual Method</h3>

<div class="alert alert-info">
  <i class="fas fa-info-circle"></i> This method is manual. Set all cron jobs manually ( 5* minutes).
</div>

<!-- Cron Jobs with Click-to-Copy Inputs -->
<div class="form-group">
  <label><i class="fas fa-thumbs-up"></i> Autolike:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/autolike.php" readonly>
</div>

<div class="form-group">
  <label><i class="fas fa-shopping-cart"></i> Orders:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/orders.php" readonly>
</div>

<div class="form-group">
  <label><i class="fas fa-reply"></i> Auto-Reply:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/autoreply.php" readonly>
</div>

<div class="form-group">
  <label><i class="fas fa-tint"></i> Drip-Feed:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/dripfeed.php" readonly>
</div>

<div class="form-group">
  <label><i class="fas fa-credit-card"></i> Payments:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/payments.php" readonly>
</div>

<div class="form-group">
  <label><i class="fas fa-sync-alt"></i> Refill:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/refill.php" readonly>
</div>

<div class="form-group">
  <label><i class="fas fa-user-cog"></i> Seller Sync:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/seller-sync.php" readonly>
</div>

<div class="form-group">
  <label><i class="fas fa-clock"></i> Average Time:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/average.php" readonly>
</div>

<div class="form-group">
  <label><i class="fas fa-redo"></i> Resend Order:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/resend_orders.php" readonly>
</div>

<div class="form-group">
  <label><i class="fas fa-user-friends"></i> Referral Commission:</label>
  <input type="text" class="form-control copy-input" value="wget --spider -O - https://yourdomain.com/cronjobs/referral_commission.php" readonly>
</div>

<!-- Auto Copy Script -->
<script>
  document.querySelectorAll('.copy-input').forEach(input => {
    input.addEventListener('click', function () {
      this.select();
      this.setSelectionRange(0, 99999); // for mobile
      document.execCommand("copy");

      // Optional: show quick visual feedback
      this.classList.add('border-success');
      setTimeout(() => this.classList.remove('border-success'), 1000);
    });
  });
</script>
        <script>
  // Get the current domain name
  const currentDomain = window.location.hostname;

  // Get all input fields with the name 'cron_job'
  const inputs = document.querySelectorAll('input[name="cron_job"]');

  // Loop through all the inputs and update the value with the current domain
  inputs.forEach(input => {
    input.value = input.value.replace(/https:\/\/(yourdomain\.com|Your_Domin)/, `https://${currentDomain}`);
  });
</script>
      </form>
    </div>
  </div>
</div>
