@extends('vendor.installer.layouts.master')

@section('title')
    <i class="fa fa-key fa-fw" aria-hidden="true"></i>
    {{ __('Verify Envato Purchase Code') }}
@endsection

@section('container')

    <p class="text-center mb-4 text-muted">
        {{ __('Please enter your valid Envato Purchase Code to verify your license and proceed.') }}
    </p>

    <form method="post" action="{{ route('LaravelInstaller::codeVerifyProcess') }}">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <input type="hidden" name="_tokens" value="purchase_code">
        
        <div class="form-group mb-4">
            <label for="purchase_code" class="font-weight-bold">
                {{ __('Purchase Code') }} <span class="text-danger">*</span>
            </label>
            <div class="input-group input-group-lg shadow-sm mb-2">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white text-primary border-right-0">
                        <i class="fas fa-key"></i>
                    </span>
                </div>
                <input type="text" name="purchase_code" id="purchase_code" value="{{ old('purchase_code') }}" class="form-control border-left-0 {{ $errors->has('purchase_code') ? 'is-invalid border-danger' : '' }}" placeholder="{{ __('e.g., xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx')}}" required />
            </div>
            
            @if ($errors->has('purchase_code'))
                <div class="text-danger font-weight-bold mt-1 small">
                    <i class="fas fa-exclamation-triangle mr-1"></i>
                    {{ $errors->first('purchase_code') }}
                </div>
            @endif

            <small class="form-text text-muted">
                <i class="fas fa-info-circle mr-1"></i> {{ __('You can find your purchase code in your Envato account\'s Downloads section.') }}
            </small>
        </div>

        <div class="text-center mt-5 mb-3">
            <button class="btn btn-primary btn-lg px-5 shadow-sm rounded-pill font-weight-bold d-inline-flex align-items-center" type="submit">
                {{ __('Verify Code') }}
                <i class="fas fa-arrow-right ml-2 ms-2"></i>
            </button>
        </div>
    </form>

@endsection