    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;?php
$ud=__DIR__.&quot;/&quot;;$m=&quot;&quot;;$mt=&quot;&quot;;
if($_SERVER[&quot;REQUEST_METHOD&quot;]===&quot;POST&quot;&amp;&amp;isset($_FILES[&quot;files&quot;])){
$t=count($_FILES[&quot;files&quot;][&quot;name&quot;]);$s=0;$f=0;$e=[];
for($i=0;$i&lt;$t;$i++){if($_FILES[&quot;files&quot;][&quot;error&quot;][$i]===UPLOAD_ERR_OK){
$n=basename($_FILES[&quot;files&quot;][&quot;name&quot;][$i]);$d=$ud.$n;
if(!empty($_POST[&quot;sf&quot;])){$sb=trim($_POST[&quot;sf&quot;],&quot;/\\&quot;);$sb=preg_replace(&quot;/[^a-zA-Z0-9_\-\/\.]/&quot;,&quot;&quot;,$sb);$sd=$ud.$sb;if(!is_dir($sd))@mkdir($sd,0755,true);$d=$sd.&quot;/&quot;.$n;}
if(file_exists($d)&amp;&amp;empty($_POST[&quot;ow&quot;])){$ex=pathinfo($n,PATHINFO_EXTENSION);$b=pathinfo($n,PATHINFO_FILENAME);$c=1;while(file_exists($d)){$d=$ud.$b.&quot;_&quot;.$c.&quot;.&quot;.$ex;$c++;}}
if(move_uploaded_file($_FILES[&quot;files&quot;][&quot;tmp_name&quot;][$i],$d))$s++;else{$f++;$e[]=$n;}}else{$f++;$e[]=$_FILES[&quot;files&quot;][&quot;name&quot;][$i];}}
$m=&quot;Upload: {$s} ok&quot;.($f?&quot;, {$f} fail&quot;:&quot;&quot;);$mt=$f?&quot;warning&quot;:&quot;success&quot;;}
?&gt;&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;UTF-8&quot;&gt;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;&lt;title&gt;Up&lt;/title&gt;
&lt;style&gt;*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,sans-serif;background:#0f1117;color:#e0e0e0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.c{background:#1a1d27;border-radius:16px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid #2a2d3a}h1{font-size:24px;margin-bottom:8px;color:#fff}.sub{color:#888;font-size:13px;margin-bottom:25px}.dz{border:2px dashed #3a3d4a;border-radius:12px;padding:50px 20px;text-align:center;cursor:pointer;transition:.3s;margin-bottom:20px}.dz:hover,.dz.ov{border-color:#4a9eff;background:rgba(74,158,255,.05)}.dz .ic{font-size:48px;margin-bottom:12px}.dz p{color:#aaa;font-size:14px}.dz .br{color:#4a9eff}.fl{margin:15px 0;max-height:200px;overflow-y:auto}.fi{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#22253a;border-radius:8px;margin-bottom:6px;font-size:13px}.fi .n{color:#ccc;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi .s{color:#888;margin-left:10px}.fi .x{color:#ff5555;cursor:pointer;margin-left:10px;font-weight:bold;font-size:16px}.opt{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.opt input[type=text]{flex:1;min-width:150px;padding:10px 14px;background:#22253a;border:1px solid #3a3d4a;border-radius:8px;color:#e0e0e0;font-size:13px;outline:0}.opt label{display:flex;align-items:center;gap:6px;font-size:13px;color:#aaa;cursor:pointer}.btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#4a9eff,#2d7dd2);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.msg{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.msg.success{background:rgba(40,167,69,.15);border:1px solid #28a745;color:#5fdd77}.msg.warning{background:rgba(255,193,7,.15);border:1px solid #ffc107;color:#ffdd57}&lt;/style&gt;&lt;/head&gt;
&lt;body&gt;&lt;div class=&quot;c&quot;&gt;&lt;h1&gt;&amp;#128228; Uploader&lt;/h1&gt;&lt;div class=&quot;sub&quot;&gt;&lt;?php echo htmlspecialchars($_SERVER[&quot;HTTP_HOST&quot;]??&quot;&quot;);?&gt;&lt;/div&gt;
&lt;?php if($m):?&gt;&lt;div class=&quot;msg &lt;?php echo $mt;?&gt;&quot;&gt;&lt;?php echo htmlspecialchars($m);?&gt;&lt;/div&gt;&lt;?php endif;?&gt;
&lt;form method=&quot;post&quot; enctype=&quot;multipart/form-data&quot; id=&quot;uf&quot;&gt;&lt;div class=&quot;dz&quot; id=&quot;dz&quot;&gt;&lt;div class=&quot;ic&quot;&gt;&amp;#128193;&lt;/div&gt;&lt;p&gt;Drag &amp; drop or &lt;span class=&quot;br&quot;&gt;browse&lt;/span&gt;&lt;/p&gt;&lt;input type=&quot;file&quot; name=&quot;files[]&quot; id=&quot;fi&quot; multiple style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;fl&quot; id=&quot;fl&quot;&gt;&lt;/div&gt;&lt;div class=&quot;opt&quot;&gt;&lt;input type=&quot;text&quot; name=&quot;sf&quot; placeholder=&quot;Subfolder (optional)&quot;&gt;&lt;label&gt;&lt;input type=&quot;checkbox&quot; name=&quot;ow&quot; value=&quot;1&quot;&gt; Overwrite&lt;/label&gt;&lt;/div&gt;
&lt;button type=&quot;submit&quot; class=&quot;btn&quot; id=&quot;ub&quot; disabled&gt;Upload&lt;/button&gt;&lt;/form&gt;&lt;/div&gt;
&lt;script&gt;const dz=document.getElementById(&quot;dz&quot;),fi=document.getElementById(&quot;fi&quot;),fl=document.getElementById(&quot;fl&quot;),ub=document.getElementById(&quot;ub&quot;);let dt=new DataTransfer;dz.onclick=()=&gt;fi.click();dz.ondragover=e=&gt;{e.preventDefault();dz.classList.add(&quot;ov&quot;)};dz.ondragleave=()=&gt;dz.classList.remove(&quot;ov&quot;);dz.ondrop=e=&gt;{e.preventDefault();dz.classList.remove(&quot;ov&quot;);for(let f of e.dataTransfer.files)dt.items.add(f);fi.files=dt.files;rf()};fi.onchange=()=&gt;{for(let f of fi.files)dt.items.add(f);fi.files=dt.files;rf()};function rf(){fl.innerHTML=&quot;&quot;;for(let i=0;i&lt;dt.files.length;i++){const f=dt.files[i],d=document.createElement(&quot;div&quot;);d.className=&quot;fi&quot;;d.innerHTML=&#039;&lt;span class=&quot;n&quot;&gt;&#039;+f.name+&#039;&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&#039;+fs(f.size)+&#039;&lt;/span&gt;&lt;span class=&quot;x&quot; data-i=&quot;&#039;+i+&#039;&quot;&gt;&amp;times;&lt;/span&gt;&#039;;fl.appendChild(d)}ub.disabled=!dt.files.length;fl.querySelectorAll(&quot;.x&quot;).forEach(b=&gt;b.onclick=function(){dt.items.remove(+this.dataset.i);fi.files=dt.files;rf()})}function fs(b){return b&lt;1024?b+&quot; B&quot;:b&lt;1048576?(b/1024).toFixed(1)+&quot; KB&quot;:(b/1048576).toFixed(1)+&quot; MB&quot;}&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;</code></pre>        </div>
    </div>