@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
            <li class="breadcrumb-item active" aria-current="page">Emails</li>
        </ol>
    </nav>
@endsection

<div class="container-fluid py-4">
    <!-- Header Section -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-1 text-primary">
                        <i class="fas fa-envelope me-2"></i>Emails envoyés
                    </h1>
                    <p class="text-muted mb-0">Historique de tous les emails envoyés par l'application</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Filtres -->
    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <form method="GET" action="{{ route('admin.email-trackings.index') }}" class="row g-3">
                <div class="col-md-3">
                    <label for="app" class="form-label">Application</label>
                    <select name="app" id="app" class="form-select">
                        <option value="">Toutes les applications</option>
                        @foreach($applications as $application)
                            <option value="{{ $application->id }}" {{ request('app') == $application->id ? 'selected' : '' }}>
                                {{ $application->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="user_id" class="form-label">Utilisateur</label>
                    <select name="user_id" id="user_id" class="form-select">
                        <option value="">Tous les utilisateurs</option>
                        @foreach($users as $user)
                            <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                                {{ $user->firstname }} {{ $user->lastname }} ({{ $user->email }})
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="office_type" class="form-label">Type</label>
                    <select name="office_type" id="office_type" class="form-select">
                        <option value="">Tous les types</option>
                        <option value="back-office" {{ request('office_type') == 'back-office' ? 'selected' : '' }}>Back-office</option>
                        <option value="front-office" {{ request('office_type') == 'front-office' ? 'selected' : '' }}>Front-office</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="status" class="form-label">Statut</label>
                    <select name="status" id="status" class="form-select">
                        <option value="">Tous les statuts</option>
                        <option value="sent" {{ request('status') == 'sent' ? 'selected' : '' }}>Envoyé</option>
                        <option value="failed" {{ request('status') == 'failed' ? 'selected' : '' }}>Échec</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="subject" class="form-label">Sujet</label>
                    <input type="text" name="subject" id="subject" class="form-control" value="{{ request('subject') }}" placeholder="Rechercher...">
                </div>
                <div class="col-12">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-filter me-2"></i>Filtrer
                    </button>
                    <a href="{{ route('admin.email-trackings.index') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-times me-2"></i>Réinitialiser
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Tableau des emails -->
    <div class="card shadow-sm">
        <div class="card-body">
            @if($emailTrackings->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Sujet</th>
                                <th>Destinataire(s)</th>
                                <th>Expéditeur</th>
                                <th>Utilisateur</th>
                                <th>Application</th>
                                <th>Type</th>
                                <th>Statut</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($emailTrackings as $email)
                                <tr>
                                    <td>{{ $email->created_at->format('d/m/Y H:i:s') }}</td>
                                    <td>
                                        <strong>{{ $email->subject ?: 'Sans objet' }}</strong>
                                        @if($email->email_type)
                                            <br><small class="text-muted">{{ $email->email_type }}</small>
                                        @endif
                                    </td>
                                    <td>
                                        @if($email->to && count($email->to) > 0)
                                            @foreach($email->to as $recipient)
                                                <div>{{ $recipient['email'] }}</div>
                                            @endforeach
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>{{ $email->from ?: '-' }}</td>
                                    <td>
                                        @if($email->user)
                                            {{ $email->user->firstname }} {{ $email->user->lastname }}
                                            <br><small class="text-muted">{{ $email->user->email }}</small>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($email->application)
                                            {{ $email->application->name }}
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge bg-secondary">{{ $email->office_type === 'back-office' ? 'Back-office' : 'Front-office' }}</span>
                                    </td>
                                    <td>
                                        @if($email->status === 'sent')
                                            <span class="badge bg-success">Envoyé</span>
                                        @elseif($email->status === 'failed')
                                            <span class="badge bg-danger">Échec</span>
                                        @else
                                            <span class="badge bg-secondary">{{ $email->status }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.email-trackings.show', $email) }}" class="btn btn-sm btn-primary" title="Afficher la preview">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <div class="d-flex justify-content-between align-items-center mt-3">
                    <div>
                        Affichage de {{ $emailTrackings->firstItem() }} à {{ $emailTrackings->lastItem() }} sur {{ $emailTrackings->total() }} résultats
                    </div>
                    <div>
                        {{ $emailTrackings->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            @else
                <div class="alert alert-info mb-0">
                    <i class="fas fa-info-circle me-2"></i>Aucun email trouvé.
                </div>
            @endif
        </div>
    </div>
</div>
@endsection