@extends('install.layout')

@section('title', 'Purchase Code Verification')

@section('content')
<h2 style="color: #333; margin-bottom: 20px;">Verify Purchase Code</h2>
<p style="color: #6c757d; margin-bottom: 30px;">
    Please enter your CodeCanyon purchase code to continue with the installation.
</p>

<div class="alert alert-info">
    <strong>Where to find your purchase code?</strong>
    <ol style="margin: 10px 0 0 20px;">
        <li>Log in to your CodeCanyon account</li>
        <li>Go to "Downloads" section</li>
        <li>Click on "Download" → "License certificate & purchase code"</li>
        <li>Your purchase code will be displayed in the PDF</li>
    </ol>
</div>

@if($errors->any())
<div class="alert alert-danger">
    @foreach($errors->all() as $error)
        {{ $error }}
    @endforeach
</div>
@endif

<form method="POST" action="{{ route('install.purchase.verify') }}">
    @csrf
    <div class="form-group">
        <label for="purchase_code">Purchase Code *</label>
        <input 
            type="text" 
            name="purchase_code" 
            id="purchase_code" 
            class="form-control" 
            placeholder="Enter your CodeCanyon purchase code"
            value="{{ old('purchase_code') }}"
            required
        >
        <small style="color: #6c757d; display: block; margin-top: 5px;">
            Example: 8be556d1-ed32-4d87-995c-3dea019d5f0b
        </small>
        <p class="mt-2" style="font-size: 0.85rem; color: #dc3545;">
            <i class="fas fa-info-circle"></i> This code will be verified online against Envato's API.
        </p>
    </div>

    <div class="mt-3" style="display: flex; justify-content: space-between;">
        <a href="{{ route('install.requirements') }}" class="btn btn-secondary">← Back</a>
        <button type="submit" class="btn btn-primary">Verify & Continue →</button>
    </div>
</form>
@endsection