@section('style')
@parent
<link href="{{ mix('css/enterprise_voucher_details.css') }}" rel='stylesheet' type='text/css'>
@endsection

@php
$promocode_value = $voucher['redeem_code'] ?? $voucher['voucher_series']['promotion_mechanic_value'];
// Check if voucher series uses barcode
$uses_barcode = false;

if($voucher['voucher_series']['series_id'] == env('VOUCHER_SERIES_USES_BARCODE', '')) {
$uses_barcode = true;
}

// $promocode_value


if ($uses_barcode) {
// Display barcode using image URL
$barcode_url = 'https://barcode.tec-it.com/barcode.ashx?data=' . urlencode($promocode_value) .
'&code=Code128&translate-esc=on&dpi=128';
$promocode_html = '<div class="form-group mb-0 text-center">
  <div class="barcode-container" style="background: white; padding: 20px; border-radius: 8px;">
    <img src="'.$barcode_url.'" alt="Barcode" style="max-width: 100%; height: auto;">
  </div>
</div>';
} elseif (str_contains($promocode_value, 'https://')) {
// Display as clickable link
$promocode_html = '<div class="form-group mb-0 text-center">
  <a href="'.$promocode_value.'" target="_blank" class="btn btn-primary btn-lg btn-block">
    <i class="fas fa-external-link-alt"></i> Visit Link
  </a>
</div>';
} else {
// Display regular input field
$promocode_html = '<div class="form-group mb-0">
  <div class="input-group input-group-lg">
    <input class="bg-white border-right-0 border form-control" type="text" id="copyPromoMech"
      value="'.$promocode_value.'" onclick="copyInput(this)" readonly="">
    <div class="rounded-right input-group-append bg-white" onclick="copyInput(this)">
      <button class="btn btn-default border-left-0 border " type="button"><i class="fas fa-copy"></i></button>
    </div>
  </div>
  <div class="copy-txt d-none small default-font-color text-center"></div>
</div>';
}
@endphp

@section('script')
@parent
@include('components.enterprise_voucher.script-lang')
<script defer>
  var TXT_TRX_AMT = {!! json_encode(__('label.placeholder_transaction_amount')) !!};
        var TXT_TRX_PREFIX = {!! json_encode(__('label.placeholder_transaction_prefix')) !!};
        var TXT_STEP_PROCEED_REDEMPTION = {!! json_encode(__('label.msg_step_proceed_complete_redemption')) !!};
        var TXT_STEP_TO_USE_PROMO_CODE = {!! json_encode(__('label.msg_step_to_use_promo_code')) !!};