@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">Traites en cours</h5>
                </div>
                <div class="card-body">
                    <form method="GET" action="{{ route('dashboard') }}" class="mb-3">
                        <div class="row g-2">
                            <div class="col-md-3">
                                <select name="bank" class="form-select">
                                    <option value="">Toutes les banques</option>
                                    @foreach(['BIAT', 'BNA', 'STB', 'BH', 'ATTIJARI', 'UIB', 'ZITOUNA', 'BTK', 'BTL', 'BTE', 'AMEN BANK'] as $bank)
                                        <option value="{{ $bank }}" {{ request('bank') == $bank ? 'selected' : '' }}>
                                            {{ $bank }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <select name="company_id" class="form-select">
                                    <option value="">Toutes les sociétés</option>
                                    @foreach($companies as $company)
                                        <option value="{{ $company->id }}" {{ request('company_id') == $company->id ? 'selected' : '' }}>
                                            {{ $company->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <input type="month" name="due_month" class="form-control" value="{{ request('due_month') }}" placeholder="Mois d'échéance">
                            </div>
                            <div class="col-md-3">
                                <div class="d-grid">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-filter"></i> Filtrer
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Date d'échéance</th>
                                    <th>Montant</th>
                                    <th>Bénéficiaire</th>
                                    <th>Société</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($upcomingDrafts as $draft)
                                <tr>
                                    <td>{{ \Carbon\Carbon::parse($draft->due_date)->format('d/m/Y') }}</td>
                                    <td>{{ number_format($draft->amount, 3, ',', ' ') }} TND</td>
                                    <td>{{ $draft->beneficiary }}</td>
                                    <td>{{ $draft->drawer_name }}</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="4" class="text-center">Aucune traite en cours</td>
                                </tr>
                                @endforelse
                            </tbody>
                            @if($upcomingDrafts->isNotEmpty())
                            <tfoot>
                                <tr>
                                    <td colspan="1" class="text-end"><strong>Total :</strong></td>
                                    <td colspan="3"><strong>{{ number_format($upcomingDrafts->sum('amount'), 3, ',', ' ') }} TND</strong></td>
                                </tr>
                            </tfoot>
                            @endif
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">Statistiques</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-6 mb-3">
                            <div class="card bg-primary text-white">
                                <div class="card-body">
                                    <h6 class="card-title">Total des traites</h6>
                                    <h3 class="card-text">{{ $totalDrafts }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 mb-3">
                            <div class="card bg-success text-white">
                                <div class="card-body">
                                    <h6 class="card-title">Traites payées</h6>
                                    <h3 class="card-text">{{ $paidDrafts }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 mb-3">
                            <div class="card bg-danger text-white">
                                <div class="card-body">
                                    <h6 class="card-title">Traites non payées</h6>
                                    <h3 class="card-text">{{ $unpaidDrafts }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 mb-3">
                            <div class="card bg-info text-white">
                                <div class="card-body">
                                    <h6 class="card-title">Fournisseurs</h6>
                                    <h3 class="card-text">{{ $totalSuppliers }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 mb-3">
                            <div class="card bg-warning text-white">
                                <div class="card-body">
                                    <h6 class="card-title">Sociétés</h6>
                                    <h3 class="card-text">{{ $totalCompanies }}</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection