{# Custom ventes list for Prescripteur edit tab #}
<div class="box-header" style="margin-bottom: -1pc;">
	<button type="button" style="float: right;margin-top: -3pc;" class="btn btn-success" id="export-ventes" data-prescripteur-id="{{ object ? object.id : 0 }}">
		<i class="fas fa-download"></i>
		Télécharger les ventes
	</button>
</div>
<div id="ventes-wrap" class="box box-primary" data-prescripteur-id="{{ object ? object.id : 0 }}">
    <div class="box-body table-responsive no-padding">
        {# Date range controls #}
        <div class="daterange" style="padding: 10px; display:flex; align-items:center; gap:8px;float:right;">
            <form method="POST" id="date_rangefilter" class="date_range">
                <div class="input-group input-daterange">
                    <input type="text" id="startDate" name="startdate" class="form-control">
                    <div class="input-group-addon">Vers</div>
                    <input type="text" id="endDate" name="enddate" class="form-control">
                </div>
                {# <button type="submit" class="btn btn-success">
                    Filtrer
                </button> #}
            </form>
        </div>
        <div class="total-ventes clearfix" style="padding:16px; display:flex; align-items:center; gap:16px; flex-wrap:wrap;">
            <div class="metric" style="display:flex; align-items:center; gap:6px;">
                <span class="text-muted"><strong>Total ventes:</strong></span>
                <span id="total-ventes" class="label label-primary">0</span>
            </div>
            <div class="metric" style="display:flex; align-items:center; gap:6px;">
                <span class="text-muted"><strong>Vente réalisée:</strong></span>
                <span id="total-realisee" class="label label-success">0</span>
            </div>
            <div class="metric" style="display:flex; align-items:center; gap:6px;">
                <span class="text-muted"><strong>Vente annulée:</strong></span>
                <span id="total-annulee" class="label label-danger">0</span>
            </div>
            <div class="metric" style="display:flex; align-items:center; gap:6px;">
                <span class="text-muted"><strong>Montant:</strong></span>
                <span id="total-montant" class="label label-success">0.00</span>
                <span class="text-muted">MAD</span>
            </div>
            <div class="metric" style="display:flex; align-items:center; gap:6px;">
                <span class="text-muted"><strong>Commission:</strong></span>
                <span id="total-commission" class="label label-info">0.00</span>
                <span class="text-muted">MAD</span>
            </div>
        </div>
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>Référence</th>
                    <th>Date soin</th>
                    <th>Type</th>
                    <th>Client</th>
                    <th>Téléphone</th>
                    <th>Montant</th>
                    <th>Commission</th>
                    <th>Statut</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
            <tbody class="ventes-tbody">
                <tr>
                    <td colspan="9" class="text-center">Chargement...</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

{# JS moved to public/admin/js/custom.js (prescripteurs block) #}