templates/account/_billet_commission.html.twig

<div id="commission-calculator" class="border-2 border-gray-900 p-4 bg-gray-50 space-y-3" data-eticket-rate="{{ app.user.commissionRate ?? 0 }}" data-stripe-rate="1.5" data-stripe-fixed="0.25">
    <h3 class="text-xs font-black uppercase tracking-widest mb-2">Detail des commissions</h3>

    <div class="flex justify-between text-sm">
        <span class="font-bold text-gray-600">Prix de vente HT</span>
        <span class="font-black" id="calc-price">0,00 &euro;</span>
    </div>

    <div class="flex justify-between text-sm">
        <span class="font-bold text-gray-600">Commission E-Ticket ({{ app.user.commissionRate ?? 0 }}%)</span>
        <span class="font-black text-red-600" id="calc-eticket">- 0,00 &euro;</span>
    </div>

    <div class="flex justify-between text-sm">
        <span class="font-bold text-gray-600">Commission Stripe (1.5% + 0,25 &euro;)</span>
        <span class="font-black text-red-600" id="calc-stripe">- 0,00 &euro;</span>
    </div>

    <hr class="border-gray-300">

    <div class="flex justify-between text-sm">
        <span class="font-black uppercase">Total commissions</span>
        <span class="font-black text-red-600" id="calc-total">- 0,00 &euro;</span>
    </div>

    <div class="flex justify-between text-base border-t-2 border-gray-900 pt-3">
        <span class="font-black uppercase">Montant percu</span>
        <span class="font-black text-green-600 text-lg" id="calc-net">0,00 &euro;</span>
    </div>
</div>
Add Billet entity, BilletDesign, ticket designer, CRUD billets, commissions - Create Billet entity: name, position, priceHT, quantity (nullable=unlimited), isGeneratedBillet, hasDefinedExit, notBuyable, type (billet/reservation_brocante/vote), stripeProductId, description, picture (VichUploader), category (ManyToOne CASCADE) - Create BilletDesign entity (OneToOne Event): accentColor, invitationTitle, invitationColor - Billet CRUD: add/edit/delete with access control, Stripe product sync on connected account - Billet reorder: drag & drop with position field, refactored sortable.js for both categories and billets - Ticket designer tab (custom offer only): accent color, invitation title/color, live iframe preview - A4 ticket preview: 4 zones (HG infos+billet, HD affiche, BG association, BD sortie+invitation), fake QR code SVG - Commission calculator JS: live breakdown of E-Ticket fee, Stripe fee (1.5%+0.25EUR), net amount - Sales recap on categories tab: qty sold, total HT, total commissions, total net - DisableProfilerSubscriber: disable web profiler toolbar on preview iframe - CSP: allow self in frame-src and frame-ancestors for preview iframe - Flysystem: dedicated billets.storage for billet images - Upload accept restricted to png/jpeg/webp/gif (no HEIC) - Makefile: add force_sql_dev command - CLAUDE.md: add rule to never modify existing migrations - Consolidate all migrations into single Version20260321111125 - Tests: BilletTest (20), BilletDesignTest (6), DisableProfilerSubscriberTest (5), billet-designer.test.js (7), commission-calculator.test.js (7), AccountControllerTest billet CRUD tests (11) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> 2026-03-21 12:19:46 +01:00			`<div id="commission-calculator" class="border-2 border-gray-900 p-4 bg-gray-50 space-y-3" data-eticket-rate="{{ app.user.commissionRate ?? 0 }}" data-stripe-rate="1.5" data-stripe-fixed="0.25">`
			`<h3 class="text-xs font-black uppercase tracking-widest mb-2">Detail des commissions</h3>`

			`<div class="flex justify-between text-sm">`
			`<span class="font-bold text-gray-600">Prix de vente HT</span>`
			`<span class="font-black" id="calc-price">0,00 €</span>`
			`</div>`

			`<div class="flex justify-between text-sm">`
			`<span class="font-bold text-gray-600">Commission E-Ticket ({{ app.user.commissionRate ?? 0 }}%)</span>`
			`<span class="font-black text-red-600" id="calc-eticket">- 0,00 €</span>`
			`</div>`

			`<div class="flex justify-between text-sm">`
			`<span class="font-bold text-gray-600">Commission Stripe (1.5% + 0,25 €)</span>`
			`<span class="font-black text-red-600" id="calc-stripe">- 0,00 €</span>`
			`</div>`

			`<hr class="border-gray-300">`

			`<div class="flex justify-between text-sm">`
			`<span class="font-black uppercase">Total commissions</span>`
			`<span class="font-black text-red-600" id="calc-total">- 0,00 €</span>`
			`</div>`

			`<div class="flex justify-between text-base border-t-2 border-gray-900 pt-3">`
			`<span class="font-black uppercase">Montant percu</span>`
			`<span class="font-black text-green-600 text-lg" id="calc-net">0,00 €</span>`
			`</div>`
			`</div>`