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

@section('template_title')
    {{ __('Verify Purchase Code') }}
@endsection

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

@section('container')
    <div class="text-center mb-4">
        <div class="mb-3">
            <i class="fas fa-key fa-4x text-primary mb-3" style="color: #007bff !important;"></i>
        </div>
        <h4 class="font-weight-bold mb-3">{{ __('License Verification') }}</h4>
        <p class="text-muted">
            {{ __('Please enter your valid Envato Purchase Code to verify your license and proceed.') }}
        </p>
    </div>

    <form method="post" action="{{ route('LaravelInstaller::codeVerifyProcess') }}">
        @csrf

        <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-tag"></i>
                    </span>
                </div>
                <input type="text" name="purchase_code" id="purchase_code" value="{{ old('purchase_code') }}"
                       class="form-control border-left-0 @error('purchase_code') is-invalid border-danger @enderror"
                       placeholder="{{ __('e.g., xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx')}}" required />
            </div>

            @error('purchase_code')
                <div class="text-danger font-weight-bold mt-1 small">
                    <i class="fas fa-exclamation-triangle mr-1"></i>
                    {{ $message }}
                </div>
            @enderror
            <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 type="submit" class="btn btn-primary btn-lg px-5 shadow-sm rounded-pill font-weight-bold d-inline-flex align-items-center">
                {{ __('Verify Code') }}
                <i class="fas fa-arrow-right ml-2 ms-2"></i>
            </button>
        </div>
    </form>
@endsection