@extends('layouts.app')

@section('content')
<div class="row py-3">
    <div class="col-md-12">
        <h3 class="mt-2 mb-4">Historique des achats</h3>

        @include('components.alert_success')
        @include('components.alert_error')

        @if($purchases->count())
        <div class="">
            <table class="table table-hover table-align-middle table-light">
                <thead class="table-dark">
                    <tr>
                        <th data-sort="name" data-sort-direction="{{ $sortDirection }}"  class="js-th text-nowrap cursor-pointer">Nom <i class="fa {{ $sort === 'name' ? ($sortDirection === 'asc' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort'}}"></i></th>
                        <th data-sort="type" data-sort-direction="{{ $sortDirection }}" class="js-th text-nowrap cursor-pointer">Type <i class="fa {{ $sort === 'type' ? ($sortDirection === 'asc' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort'}}"></i></th>
                        <th data-sort="volume_total" data-sort-direction="{{ $sortDirection }}" class="js-th text-nowrap cursor-pointer">Volume <i class="fa {{ $sort === 'volume_total' ? ($sortDirection === 'asc' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort'}}"></i></th>
                        <th data-sort="price_ht" data-sort-direction="{{ $sortDirection }}" class="js-th text-nowrap cursor-pointer">Prix (HT) <i class="fa {{ $sort === 'price_ht' ? ($sortDirection === 'asc' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort'}}"></i></th>
                        <th data-sort="price_ttc" data-sort-direction="{{ $sortDirection }}" class="js-th text-nowrap cursor-pointer">Prix (TTC) <i class="fa {{ $sort === 'price_ttc' ? ($sortDirection === 'asc' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort'}}"></i></th>
                        <th data-sort="created_at"  data-sort-direction="{{ $sortDirection }}" class="js-th text-nowrap cursor-pointer">Date <i class="fa {{ $sort === 'created_at' ? ($sortDirection === 'asc' ? 'fa-sort-up' : 'fa-sort-down') : 'fa-sort'}}"></i></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($purchases as $purchase)
                    <tr>
                        <td>{{ $purchase->invoice_id }}</td>
                        <td>
                            @if(isset($purchase->smsPackage))
                                {{ $purchase->smsPackage->campaign_type === 'prosp' ? 'Prospection' : 'Fidélisation' }}
                            @elseif($purchase->creditPackage)
                                Crédit
                            @endif
                        </td>

                        <td>
                            {{ $purchase->volume_total ?? '-'}}
                        </td>
                        <td>
                            {{ $purchase->price_ht}}€
                        </td>
                        <td>
                            {{ $purchase->price_ttc}}€
                        </td>
                        <td>{{ $purchase->created_at->format('d/m/Y H:i') }}</td>
                        <td class="text-end">
                            <div class="dropdown">
                                <button class="btn btn-light btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="fas fa-cog" aria-hidden="true"></i>
                                </button>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item" href="{{ route('purchases.show', ['partnerSlug' => $currentPartner->slug, 'purchase' => $purchase]) }}">Détails</a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @else
            <div class="card">
                <div class="card-body text-center">
                    Vous n'avez pas encore acheté de pack SMS.
                </div>
            </div>
        @endif
    </div>
</div>
@endsection