@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"><a href="{{ route('partner.http-requests.list') }}">Appels HTTP</a></li>
                <li class="breadcrumb-item active" aria-current="page">Appel #{{ $httpRequest->id }}</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-3">
        @if(session('status'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <i class="fas fa-check-circle me-2"></i>{{ session('status') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        <!-- Header -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h1 class="h3 mb-2">
                                    <i class="fas fa-network-wired me-2 text-primary"></i>Appel HTTP #{{ $httpRequest->id }}
                                    @php
                                        $methodColors = [
                                            'GET' => 'info',
                                            'POST' => 'success',
                                            'PUT' => 'warning',
                                            'PATCH' => 'primary',
                                            'DELETE' => 'danger',
                                        ];
                                        $color = $methodColors[$httpRequest->method] ?? 'secondary';
                                    @endphp
                                    <span class="badge bg-{{ $color }} fs-6 ms-2">{{ $httpRequest->method }}</span>
                                    @if($httpRequest->response_code)
                                        @php
                                            $codeColor = 'success';
                                            if ($httpRequest->response_code >= 400 && $httpRequest->response_code < 500) {
                                                $codeColor = 'warning';
                                            } elseif ($httpRequest->response_code >= 500) {
                                                $codeColor = 'danger';
                                            }
                                        @endphp
                                        <span class="badge bg-{{ $codeColor }} fs-6 ms-2">HTTP {{ $httpRequest->response_code }}</span>
                                    @endif
                                </h1>
                                <p class="text-muted mb-0">
                                    Créé le {{ $httpRequest->created_at->format('d/m/Y à H:i:s') }}
                                    @if($httpRequest->response_at)
                                        • Réponse reçue le {{ $httpRequest->response_at->format('d/m/Y à H:i:s') }}
                                        @php
                                            $duration = $httpRequest->created_at->floatDiffInSeconds($httpRequest->response_at) * 1000;
                                        @endphp
                                        ({{ number_format($duration, 0) }} ms)
                                    @endif
                                </p>
                                @if($httpRequest->token)
                                    <p class="text-muted mb-0 small">
                                        <i class="fas fa-key me-1"></i>Token : <code>{{ $httpRequest->token }}</code>
                                    </p>
                                @endif
                            </div>
                            <div class="d-flex gap-2">
                                <a href="{{ route('partner.http-requests.list') }}" class="btn btn-outline-primary">
                                    <i class="fas fa-arrow-left me-2"></i>Retour
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Details -->
        <div class="row g-4">
            <!-- Informations générales -->
            <div class="col-lg-6">
                <div class="card shadow-sm h-100">
                    <div class="card-header bg-light">
                        <h5 class="mb-0">
                            <i class="fas fa-info-circle me-2 text-primary"></i>Informations générales
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted">URL</label>
                            <div class="card border-primary">
                                <div class="card-body">
                                    <code class="text-break">{{ $httpRequest->url }}</code>
                                </div>
                            </div>
                        </div>

                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label fw-bold text-muted">Méthode</label>
                                <div>
                                    @php
                                        $methodColors = [
                                            'GET' => 'info',
                                            'POST' => 'success',
                                            'PUT' => 'warning',
                                            'PATCH' => 'primary',
                                            'DELETE' => 'danger',
                                        ];
                                        $color = $methodColors[$httpRequest->method] ?? 'secondary';
                                    @endphp
                                    <span class="badge bg-{{ $color }} fs-6">{{ $httpRequest->method }}</span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-bold text-muted">Code de réponse</label>
                                <div>
                                    @if($httpRequest->response_code)
                                        @php
                                            $codeColor = 'success';
                                            if ($httpRequest->response_code >= 400 && $httpRequest->response_code < 500) {
                                                $codeColor = 'warning';
                                            } elseif ($httpRequest->response_code >= 500) {
                                                $codeColor = 'danger';
                                            }
                                        @endphp
                                        <span class="badge bg-{{ $codeColor }} fs-6">{{ $httpRequest->response_code }}</span>
                                    @else
                                        <span class="text-muted">Non disponible</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="row g-3 mt-2">
                            <div class="col-md-6">
                                <label class="form-label fw-bold text-muted">Date de création</label>
                                <div>
                                    {{ $httpRequest->created_at->format('d/m/Y H:i:s') }}
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-bold text-muted">Date de réponse</label>
                                <div>
                                    @if($httpRequest->response_at)
                                        {{ $httpRequest->response_at->format('d/m/Y H:i:s') }}
                                    @else
                                        <span class="text-muted">Non disponible</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        @if($httpRequest->response_at && $httpRequest->created_at)
                            <div class="mt-3">
                                <label class="form-label fw-bold text-muted">Durée</label>
                                <div>
                                    @php
                                        $duration = $httpRequest->created_at->floatDiffInSeconds($httpRequest->response_at) * 1000;
                                    @endphp
                                    <span class="badge bg-info fs-6">{{ number_format($duration, 0) }} ms</span>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Headers -->
            <div class="col-lg-6">
                <div class="card shadow-sm h-100">
                    <div class="card-header bg-light">
                        <h5 class="mb-0">
                            <i class="fas fa-heading me-2 text-primary"></i>Headers
                        </h5>
                    </div>
                    <div class="card-body">
                        @if($httpRequest->header && is_array($httpRequest->header) && count($httpRequest->header) > 0)
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Clé</th>
                                            <th>Valeur</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($httpRequest->header as $key => $value)
                                            <tr>
                                                <td><code>{{ $key }}</code></td>
                                                <td>
                                                    @if(is_array($value))
                                                        <code>{{ json_encode($value, JSON_PRETTY_PRINT) }}</code>
                                                    @else
                                                        <code class="text-break">{{ $value }}</code>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <p class="text-muted mb-0">Aucun header enregistré</p>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Payload -->
            <div class="col-lg-6">
                <div class="card shadow-sm h-100">
                    <div class="card-header bg-light">
                        <h5 class="mb-0">
                            <i class="fas fa-paper-plane me-2 text-primary"></i>Payload (Requête)
                        </h5>
                    </div>
                    <div class="card-body">
                        @if($httpRequest->payload)
                            <pre class="bg-light p-3 rounded" style="max-height: 400px; overflow-y: auto;"><code>{{ is_array($httpRequest->payload) ? json_encode($httpRequest->payload, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) : $httpRequest->payload }}</code></pre>
                        @else
                            <p class="text-muted mb-0">Aucun payload</p>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Response Content -->
            <div class="col-lg-6">
                <div class="card shadow-sm h-100">
                    <div class="card-header bg-light">
                        <h5 class="mb-0">
                            <i class="fas fa-reply me-2 text-primary"></i>Réponse HTTP
                        </h5>
                    </div>
                    <div class="card-body">
                        @if($httpRequest->response_content)
                            <pre class="bg-light p-3 rounded" style="max-height: 400px; overflow-y: auto;"><code>{{ $httpRequest->response_content }}</code></pre>
                        @else
                            <p class="text-muted mb-0">Aucune réponse enregistrée</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection