@extends('layouts.app')
@section('title', $reglement->numero)
@section('breadcrumb', 'Règlements / '.$reglement->numero)
@section('content')
<div class="page-header">
    <div><h1 class="page-title"><i class="fas fa-money-check" style="color:var(--info)"></i> {{ $reglement->numero }}</h1><p class="page-subtitle">{{ ucfirst($reglement->tiers_type) }} — {{ $reglement->date->format('d/m/Y') }}</p></div>
    <div class="page-actions">
        <a href="{{ route('reglements.edit', $reglement) }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier</a>
        <a href="{{ route('reglements.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Retour</a>
    </div>
</div>
<div class="grid-2">
    <div class="card"><div class="card-header"><h3 class="card-title">Informations</h3></div><div class="card-body" style="font-size:13px;">
        <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;"><span style="color:#64748b;">Tiers</span><strong>{{ $tiers?->nom ?? '-' }}</strong></div>
        <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;"><span style="color:#64748b;">Montant total</span><strong>{{ number_format($reglement->montant_total,3,',',' ') }}</strong></div>
        <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;"><span style="color:#64748b;">RS</span><strong>{{ number_format($reglement->rs,3,',',' ') }}</strong></div>
        <div style="display:flex;justify-content:space-between;padding:12px 0;font-size:16px;font-weight:700;"><span>Net payé</span><span style="color:var(--primary);">{{ number_format($reglement->net_paye,3,',',' ') }}</span></div>
    </div></div>
    <div class="card"><div class="card-header"><h3 class="card-title">Modes de paiement</h3></div><div class="table-wrap"><table class="table">
        <thead><tr><th>Mode</th><th>Montant</th><th>Référence</th><th>Banque</th><th>Date valeur</th></tr></thead>
        <tbody>
        @foreach($reglement->paiements as $p)
            <tr>
                <td>{{ $p->mode?->label ?? '-' }}</td>
                <td>{{ number_format($p->montant,3,',',' ') }}</td>
                <td>{{ $p->reference ?? '-' }}</td>
                <td>{{ $p->banque ?? '-' }}</td>
                <td>{{ $p->date_valeur?->format('d/m/Y') ?? '-' }}</td>
            </tr>
        @endforeach
        </tbody>
    </table></div></div>
</div>
@endsection