@extends('admin.layout')

@section('title', 'Détails du fichier Excel')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4><i class="bi bi-file-earmark-spreadsheet me-2"></i>Détails du fichier Excel</h4>
    <a href="{{ route('admin.excel-list.index') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left me-2"></i>Retour à la liste
    </a>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card mb-4">
            <div class="card-header">
                <i class="bi bi-info-circle me-2"></i>Informations générales
            </div>
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <th width="40%">Nom:</th>
                        <td><strong>{{ $excelFile->name }}</strong></td>
                    </tr>
                    <tr>
                        <th>Fichier original:</th>
                        <td>{{ $excelFile->original_name }}</td>
                    </tr>
                    <tr>
                        <th>Date de chargement:</th>
                        <td>{{ $excelFile->created_at->format('d/m/Y à H:i:s') }}</td>
                    </tr>
                    <tr>
                        <th>Dernière modification:</th>
                        <td>{{ $excelFile->updated_at->format('d/m/Y à H:i:s') }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    
    <div class="col-md-6">
        <div class="card mb-4">
            <div class="card-header">
                <i class="bi bi-bar-chart me-2"></i>Statistiques
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-6">
                        <div class="p-3 bg-primary bg-opacity-10 rounded">
                            <h3 class="text-primary mb-0">{{ $excelFile->row_count }}</h3>
                            <small class="text-muted">Lignes de données</small>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="p-3 bg-info bg-opacity-10 rounded">
                            <h3 class="text-info mb-0">
                                {{ $excelFile->columns && is_array($excelFile->columns) ? count($excelFile->columns) : 0 }}
                            </h3>
                            <small class="text-muted">Colonnes</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <i class="bi bi-list-ul me-2"></i>Colonnes détectées
    </div>
    <div class="card-body">
        @if($excelFile->columns && is_array($excelFile->columns) && count($excelFile->columns) > 0)
            <div class="row">
                @foreach($excelFile->columns as $index => $column)
                    <div class="col-md-3 col-sm-4 col-6 mb-2">
                        <span class="badge bg-secondary p-2 w-100 text-start">
                            <i class="bi bi-arrow-right me-2"></i>{{ $column }}
                        </span>
                    </div>
                @endforeach
            </div>
        @else
            <div class="alert alert-warning mb-0">
                <i class="bi bi-exclamation-triangle me-2"></i>Aucune colonne détectée dans ce fichier.
            </div>
        @endif
    </div>
</div>

<div class="mt-4">
    <button type="button" 
            class="btn btn-danger" 
            data-bs-toggle="modal" 
            data-bs-target="#deleteModal{{ $excelFile->id }}"
            style="font-weight: 300;">
        <i class="bi bi-trash me-2"></i>Supprimer ce fichier
    </button>
</div>

<!-- Modal Supprimer -->
<div class="modal fade" id="deleteModal{{ $excelFile->id }}" tabindex="-1" aria-labelledby="deleteModalLabel{{ $excelFile->id }}" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content" style="border-radius: 12px;">
            <div class="modal-header border-0 pb-2">
                <h5 class="modal-title" id="deleteModalLabel{{ $excelFile->id }}" style="font-weight: 300;">
                    <i class="bi bi-exclamation-triangle text-danger me-2"></i>Supprimer le fichier
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" style="font-weight: 300;">
                <p class="mb-0">{{ __('Êtes-vous sûr de vouloir supprimer le fichier ":name" ?', ['name' => $excelFile->name]) }}</p>
                <p class="text-danger mt-2 mb-0" style="font-size: 0.9rem;">Cette action est irréversible.</p>
            </div>
            <div class="modal-footer border-0 pt-2">
                <form action="{{ route('admin.excel-list.destroy', $excelFile->id) }}" method="POST" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal" style="font-weight: 300;">Annuler</button>
                    <button type="submit" class="btn btn-danger" style="font-weight: 300;">
                        <i class="bi bi-trash me-2"></i>Supprimer
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection