@extends('layouts.admin')

@section('page-title') Gestion du Café @endsection
@section('page-subtitle') Suivi des quotas, réassorts et facturation café @endsection

@section('styles')
<link href="{{ asset('css/pages/admin/components.css') }}" rel="stylesheet">
<link href="{{ asset('css/pages/admin/cafe/index.css') }}" rel="stylesheet">
@endsection

@section('content')
<div class="coffee-page">
  <div class="page-header-row">
    <div class="main-header-actions">
      <button type="button" class="btn btn-primary" data-action="create-contract">
        <i class="fas fa-plus"></i>
        <span>Nouveau contrat</span>
      </button>
    </div>
  </div>
    <!-- KPI Globaux - 6 cartes sur une ligne avec CSS Grid -->
    <div class="coffee-stats-grid coffee-mb-4">
        <div class="stat-card">
            <i class="fas fa-file-contract fa-2x coffee-text-info"></i>
            <h5>Contrats Actifs</h5>
            <h3 id="active-contracts-stat" class="coffee-text-info">{{ $stats['active_contracts'] }}</h3>
        </div>
        <div class="stat-card">
            <i class="fas fa-chart-bar fa-2x coffee-text-info"></i>
            <h5>Quota Mensuel Total</h5>
            <h3 id="total-monthly-quota-stat" class="coffee-text-info">{{ number_format($stats['total_monthly_quota'], 0) }} kg/mois</h3>
        </div>
        <div class="stat-card">
            <i id="total-cumulative-net-surplus-icon" class="fas fa-exchange-alt fa-2x coffee-text-muted"></i>
            <h5>Surplus cumulé net</h5>
            <h3 id="total-cumulative-net-surplus-stat" class="coffee-text-muted">{{ number_format($stats['total_cumulative_net_surplus'], 0) }} kg</h3>
        </div>
        <div class="stat-card">
            <i class="fas fa-exclamation-triangle fa-2x coffee-text-danger"></i>
            <h5>Clients en Surconsommation</h5>
            <h3 id="overconsumption-clients-stat" class="coffee-text-danger">{{ $stats['overconsumption_clients'] }}</h3>
        </div>
        <div class="stat-card">
            <i class="fas fa-euro-sign fa-2x coffee-text-warning"></i>
            <h5>Total à Facturer ce Mois</h5>
            <h3 id="total-billing-amount-stat" class="coffee-text-warning">{{ number_format($stats['total_billing_amount'], 0) }} kg</h3>
        </div>
        <div class="stat-card">
            <i class="fas fa-truck fa-2x coffee-text-success"></i>
            <h5>Réassorts ce Mois</h5>
            <h3 id="deliveries-this-month-stat" class="coffee-text-success">
                {{ $stats['deliveries_this_month'] }} <small>({{ number_format($stats['total_kg_delivered_this_month'], 0) }} kg livrés)</small>
            </h3>
        </div>
    </div>

    <!-- Filtres -->
    <div class="filters-card">
    <div class="filters-card-content">
      <div class="search-box">
        <i class="fas fa-search search-box__icon"></i>
        <input type="text" id="coffee-search" class="search-box__input" placeholder="Rechercher un client...">
      </div>
      <div class="selectors-group">
        <select id="status-filter" class="form-select">
          <option value="all">Tous statuts</option>
          <option value="normal">Normal</option>
          <option value="under">Sous-consommation</option>
          <option value="over">Surconsommation</option>
        </select>
        <!-- Navigation par mois (même style que show) -->
        <div class="main-header-calendar">
            <button id="prev-month-index" class="main-header-calendar-btn">
                <i class="fa-solid fa-chevron-left"></i>
            </button>
            <button type="button" id="current-month-display-index" class="main-header-calendar-current"></button>
            <button id="next-month-index" class="main-header-calendar-btn">
                <i class="fa-solid fa-chevron-right"></i>
            </button>
        </div>
      </div>
    </div>
  </div>

    <!-- Liste des clients -->
    <div class="coffee-row">
        <div class="coffee-col-12">
            <div class="coffee-card">
                <div class="coffee-card-header d-flex justify-content-between align-items-center">
                    <h5 class="coffee-mb-0">
                        <i class="fas fa-list coffee-me-2"></i>Clients avec Contrats Café - {{ $stats['current_month_name'] }}
                    </h5>
                    <button type="button" id="send-slack-summary" class="btn btn-slack" title="Envoyer le résumé du mois vers Slack">
                        <i class="fab fa-slack"></i>
                        <span>Envoyer le résumé du mois</span>
                    </button>
                </div>
                <div class="coffee-card-body coffee-card-body-no-padding">
                    @if($clients->count() > 0)
                        <div class="coffee-table-container">
                            <div class="coffee-table-scroll">
                                <table class="coffee-table">
                                <thead>
                                    <tr>
                                        <th>Client</th>
                                        <th class="coffee-table-center">Dates</th>
                                        <th class="coffee-table-center">Statut</th>
                                        <th class="coffee-table-center">Quota Mensuel</th>
                                        <th class="coffee-table-center">Surplus cumulé net</th>
                                        <th class="coffee-table-center">Statut Global</th>
                                        <th class="coffee-table-center">À facturer</th>
                                        <th class="coffee-table-center">Réassorts</th>
                                        <th class="coffee-table-center">Dernier réassort</th>
                                        <th class="coffee-table-center">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($clients as $client)
                                    <tr class="client-row" data-client-id="{{ $client->client_id }}" 
                                        data-client-name="{{ $client->client_name }}"
                                        data-client-type="{{ $client->client_type }}"
                                        data-status="{{ $client->coffee_status }}">
                                        <td>
                                            <div class="coffee-clients-column">
                                                @if($client->logo_url)
                                                    <img src="{{ $client->logo_url }}" alt="Logo" class="logo coffee-me-3">
                                                @endif
                                                <div>
                                                    <strong>{{ $client->client_name }}</strong>
                                                    <br>
                                                    <small class="text-muted">{{ $client->client_email }}</small>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="coffee-table-center">
                                            <div class="d-flex flex-column align-items-center">
                                                <div class="d-flex flex-column text-center">
                                                    <small class="text-muted mb-1">
                                                        <i class="fas fa-play me-1 text-success"></i>
                                                        {{ \Carbon\Carbon::parse($client->start_date)->format('d/m/Y') }}
                                                    </small>
                                                    <small class="text-muted">
                                                        @if(isset($client->end_date) && $client->end_date)
                                                            <i class="fas fa-stop me-1 text-danger"></i>
                                                            {{ \Carbon\Carbon::parse($client->end_date)->format('d/m/Y') }}
                                                        @else
                                                            <i class="fas fa-infinity me-1 text-primary"></i>
                                                            Indéterminé
                                                        @endif
                                                    </small>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="coffee-table-center">
                                            @php
                                                // Utiliser la date d'aujourd'hui pour déterminer le statut du contrat
                                                $today = \Carbon\Carbon::today();
                                                $contractStart = \Carbon\Carbon::parse($client->start_date)->startOfDay();
                                                $contractEnd = $client->end_date ? \Carbon\Carbon::parse($client->end_date)->endOfDay() : null;
                                                
                                                // Déterminer le statut du contrat par rapport à aujourd'hui
                                                if ($today->lt($contractStart)) {
                                                    // Aujourd'hui est AVANT le début du contrat
                                                    $status = 'Pas commencé';
                                                    $badgeClass = 'bg-secondary';
                                                } elseif ($contractEnd && $today->gt($contractEnd)) {
                                                    // Aujourd'hui est APRÈS la fin du contrat
                                                    $status = 'Terminé';
                                                    $badgeClass = 'bg-danger';
                                                } else {
                                                    // Le contrat est actif aujourd'hui
                                                    $status = 'En cours';
                                                    $badgeClass = 'bg-success';
                                                }
                                            @endphp
                                            <span class="badge {{ $badgeClass }}">
                                                {{ $status }}
                                            </span>
                                        </td>
                                        <td class="coffee-table-center">
                                            <strong>{{ number_format($client->monthly_quota, 0) }} kg</strong>
                                        </td>
                                        <td class="coffee-table-center">
                                            <div class="coffee-kpi-card" data-client-id="{{ $client->client_id }}" data-monthly-quota="{{ $client->monthly_quota }}" data-contract-start="{{ $client->start_date }}">
                                                <i id="cumulative-surplus-icon-{{ $client->client_id }}" class="fas fa-exchange-alt fa-lg coffee-text-muted"></i>
                                                <span id="cumulative-surplus-value-{{ $client->client_id }}" class="coffee-text-muted">-- kg</span>
                                                <br><small id="cumulative-surplus-period-{{ $client->client_id }}" class="text-muted">Chargement...</small>
                                            </div>
                                        </td>
                                        <td class="coffee-table-center">
                                            <div class="coffee-kpi-card" data-client-id="{{ $client->client_id }}" data-kpi="global-status">
                                                <i id="global-status-icon-{{ $client->client_id }}" class="fas fa-balance-scale fa-lg coffee-text-muted"></i>
                                                <span id="global-status-badge-{{ $client->client_id }}" class="coffee-badge coffee-badge-secondary">Chargement...</span>
                                            </div>
                                        </td>
                                        <td class="coffee-table-center" id="billing-amount-{{ $client->client_id }}">
                                            @if($client->current_month_billing_amount > 0)
                                                <span class="coffee-badge coffee-badge-warning">
                                                    <i class="fas fa-euro-sign coffee-me-1"></i>
                                                    {{ number_format($client->current_month_billing_amount, 0) }} kg
                                                </span>
                                            @else
                                                <span class="coffee-badge coffee-badge-secondary">
                                                    <i class="fas fa-check coffee-me-1"></i>
                                                    Rien à facturer
                                                </span>
                                            @endif
                                        </td>
                                        <td class="coffee-table-center" id="deliveries-{{ $client->client_id }}">
                                            <span class="coffee-badge coffee-badge-info">
                                                <span id="deliveries-count-{{ $client->client_id }}">0</span> (<span id="deliveries-kg-{{ $client->client_id }}">0</span> kg)
                                            </span>
                                        </td>
                                        <td class="coffee-table-center">
                                            @if($client->last_delivery_date)
                                                {{ \Carbon\Carbon::parse($client->last_delivery_date)->format('d/m/Y') }}
                                                <br><small class="text-muted">{{ number_format($client->last_delivery_quantity, 0) }} kg</small>
                                            @else
                                                <span class="text-muted">Aucun</span>
                                            @endif
                                        </td>
                                        <td class="coffee-table-center">
                                            <div class="coffee-clients-actions">
                                                <a class="btn btn-primary" href="{{ route('admin.coffee.show', $client->client_id) }}">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                <button class="btn btn-success" 
                                                        data-action="quick-add-delivery" 
                                                        data-client-id="{{ $client->client_id }}">
                                                    <i class="fas fa-plus"></i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                                </table>
                            </div>
                        </div>
                    @else
                        <div class="coffee-text-center">
                            <i class="fas fa-coffee fa-3x text-muted coffee-mb-3"></i>
                            <h5 class="text-muted">Aucun contrat café trouvé</h5>
                            <p class="text-muted">Commencez par créer un nouveau contrat café pour un client.</p>
                            <button class="btn btn-primary" data-action="create-contract">
                                <i class="fas fa-plus coffee-me-2"></i>Nouveau contrat
                            </button>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal de création de contrat -->
<div class="coffee-modal" id="createContractModal">
    <div class="coffee-modal-dialog">
        <div class="coffee-modal-header">
            <h5 class="coffee-modal-title">
                <i class="fas fa-plus coffee-me-2"></i>Nouveau Contrat Café
            </h5>
            <button type="button" class="coffee-btn-close" data-action="close-modal">×</button>
        </div>
        <form id="createContractForm">
            <div class="coffee-modal-body">
                <div class="form-group coffee-mb-3">
                    <label for="client_id" class="form-label">Client *</label>
                    <select class="form-select" id="client_id" name="client_id" required>
                        <option value="">Sélectionner un client...</option>
                        @foreach($allClients as $availableClient)
                            <option value="{{ $availableClient->client_id }}">
                                {{ $availableClient->client_name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group coffee-mb-3">
                    <label for="monthly_quota" class="form-label">Quota mensuel (kg) *</label>
                    <input type="number" class="form-control" id="monthly_quota" name="monthly_quota" 
                           step="0.1" min="0" required>
                </div>
                <div class="form-group coffee-mb-3">
                    <label for="start_date" class="form-label">Date de début *</label>
                    <input type="date" class="form-control" id="start_date" name="start_date" required>
                </div>
            </div>
            <div class="coffee-modal-footer">
                <button type="button" class="coffee-btn" data-action="close-modal">Annuler</button>
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save coffee-me-2"></i>Créer le contrat
                </button>
            </div>
        </form>
    </div>
</div>

<!-- Modal d'ajout rapide de réassort -->
<div class="coffee-modal" id="quickDeliveryModal">
    <div class="coffee-modal-dialog">
        <div class="coffee-modal-header">
            <h5 class="coffee-modal-title">
                <i class="fas fa-truck coffee-me-2"></i>Ajout rapide de réassort
            </h5>
            <button type="button" class="coffee-btn-close" data-action="close-modal">×</button>
        </div>
        <form id="quickDeliveryForm">
            <div class="coffee-modal-body">
                <input type="hidden" id="quick_client_id" name="client_id">
                
                <div class="form-group coffee-mb-3">
                    <label for="quick_address_id" class="form-label">Adresse de livraison *</label>
                    <select class="form-control" id="quick_address_id" name="address_id" required>
                        <option value="">Sélectionner une adresse...</option>
                    </select>
                </div>
                
                <div class="form-group coffee-mb-3">
                    <label for="quick_delivery_date" class="form-label">Date de réassort *</label>
                    <input type="date" class="form-control" id="quick_delivery_date" name="delivery_date" 
                           value="{{ date('Y-m-d') }}" required>
                </div>
                
                <div class="form-group coffee-mb-3">
                    <label for="quick_quantity" class="form-label">Quantité (kg) *</label>
                    <input type="number" class="form-control" id="quick_quantity" name="quantity" 
                           step="0.1" min="0" required>
                </div>
            </div>
            <div class="coffee-modal-footer">
                <button type="button" class="coffee-btn" data-action="close-modal">Annuler</button>
                <button type="submit" class="coffee-btn coffee-btn-success">
                    <i class="fas fa-save coffee-me-2"></i>Ajouter le réassort
                </button>
            </div>
        </form>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ asset('js/pages/admin/cafe/coffee-index.js') }}"></script>
@endsection