@extends('install.layout')
@section('title', 'Installing')
@section('content')
<div class="card shadow-sm"><div class="card-body p-4"><h4 class="fw-bold">Installing WebMarket</h4><p class="text-muted">Keep this page open. Each operation runs separately to reduce shared-hosting timeouts.</p><div id="steps" class="list-group mb-3"></div><div id="error" class="alert alert-danger d-none"></div></div></div>
@endsection
@push('scripts')
<script>
const steps=[['environment','Environment'],['migrate','Database migrations'],['seed','Default data'],['admin','Administrator'],['settings','Website settings'],['storage','Storage'],['finalize','Finalize']];
const box=document.getElementById('steps'), errorBox=document.getElementById('error');
steps.forEach(([key,label])=>box.insertAdjacentHTML('beforeend',`<div id="step-${key}" class="list-group-item d-flex justify-content-between"><span>${label}</span><span class="badge bg-secondary">Waiting</span></div>`));
async function run(index){if(index>=steps.length){window.location='{{ route('install.complete') }}';return;}const [key]=steps[index],row=document.getElementById('step-'+key),badge=row.querySelector('.badge');badge.className='badge bg-primary';badge.textContent='Working';try{const response=await fetch('{{ route('install.process-step') }}',{method:'POST',headers:{'Content-Type':'application/json','Accept':'application/json','X-CSRF-TOKEN':'{{ csrf_token() }}'},body:JSON.stringify({step:key})});const data=await response.json();if(!response.ok||!data.success)throw new Error(data.message||'Step failed');badge.className='badge bg-success';badge.textContent='Done';run(index+1);}catch(error){badge.className='badge bg-danger';badge.textContent='Failed';errorBox.textContent=error.message;errorBox.classList.remove('d-none');}}
run(0);
</script>
@endpush