@extends('admin.layouts.default')
@section('content')
    <div class="content-i">
        <div class="content-box">
            <div class="element-wrapper">
                <div class="element-box">
                    <h5 class="form-header">
                        Liste des achats CSF
                    </h5>
                    <div class="table-responsive">
                        <table id="dataTable1" class="table table-striped table-lightfont">
                            <thead>
                                <tr>
                                    <th width="60"></th>
                                    <th>N°</th>
                                    <th>Id user</th>
                                    <th>Utilisateur</th>
                                    <th>Projet Id</th>
                                    <th>Forfait</th>
                                    <th>Type</th>
                                    <th>Montant</th>
                                    <th width="100">Date achat</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($achats as $achat)
                                    <tr>
                                        <td>{{ $achat->id }}</td>
                                        <td>{{ $achat->numero ?? '' }}</td>
                                        <td>{{ $achat->user_id ?? '' }} </td>
                                        <td>{{ $achat->user->prenom ?? '' }} {{ $achat->user->nom ?? '' }}</td>
                                        <td>{{ $achat->projet_id ?? '' }}</td>
                                        <td>{{ $achat->forfait }}</td>
                                        <td>{{ $achat->type }}</td>
                                        <td>{{ $achat->paiement->montant ?? '' }}</td>
                                        <td>{{ $achat->paiement->created_at ?? $achat->updated_at }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection