@extends('layouts.master')
Etiquette
@section('content')
    @component('components.breadcrumb')
        @slot('li_1')
            Etiquette
        @endslot
        @slot('title')
            Etiquette Générée
        @endslot
    @endcomponent

    <div class="row justify-content-center">
        <div class="col-xxl-9">
            <div class="card" id="demo">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="p-4 card-header border-bottom-dashed">
                            <div class="d-flex">
                                <div class="flex-grow-1">
                                    <h6>Étiquette de carte de fidélité générée pour le client: {{ $etiquetteCarte->tier->denomination ?? '' }}
                                        {{ $etiquetteCarte->tier->nom ?? '' }} {{ $etiquetteCarte->tier->prenom ?? '' }}
                                    </h6>
                                </div>
                            </div>
                            <div class="flex-shrink-0 d-flex justify-content-end d-print-none">
                                <a href="javascript:window.print()" class="btn btn-success "><i
                                        class="align-bottom ri-printer-line me-1"></i>Imprimer</a>
                                <a class="btn btn-primary ms-3" onclick="goBack()"><i
                                        class="align-bottom ri-arrow-left-s-line me-1"></i> retour</a>
                            </div>
                        </div>
                        <!--end card-header-->
                    </div>
                    <!--end col-->
                    <div class="col-lg-12">
                        <div class="p-4 card-body border-top border-top-dashed">
                            <div class="row g-3">
                                @for ($i = 1; $i <= $nbEtiquetteCarte; $i++)
                                    <div class="col-3">
                                        <p class="mb-2 fw-medium" id="billing-name">
                                            {{-- <img src="data:image/png;base64,{{ DNS2D::getBarcodePNG("$etiquetteCarte->id", 'QRCODE',4,4) }}"
                                                alt="barcode" /> --}}
                                            <img src="{{ generateQrCodeWithImage($etiquetteCarte->id ?? '') }}"
                                                alt="barcode"   height="100" />
                                        </p>
                                    </div>
                                @endfor
                            </div>
                            <!--end row-->
                        </div>
                        <!--end card-body-->
                    </div>


                </div>
                <!--end row-->
            </div>
            <!--end card-->
        </div>
        <!--end col-->
    </div>
    <!--end row-->
@endsection
@section('script')
    <script src="{{ URL::asset('build/js/pages/invoicedetails.js') }}"></script>
    <script src="{{ URL::asset('build/js/app.js') }}"></script>
@endsection