@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
    <div>
        <h4 class="mb-0">Teams Certificate Management</h4>
        <div class="text-secondary small mt-1">Manage TLS certificates for Microsoft Teams Direct Routing</div>
    </div>
    <div class="mt-2 mt-md-0">
        <a href="/trunks/teams" class="btn btn-outline-secondary btn-sm">← Back to Teams Config</a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif
@if(session('error'))
    <div class="alert alert-danger">{{ session('error') }}</div>
@endif

{{-- ── UPLOAD CERTIFICATE ── --}}
<div class="card mb-4">
    <div class="card-header d-flex align-items-center gap-2">
        <i data-lucide="upload" style="width:16px;height:16px;"></i>
        <span class="fw-semibold">Upload Certificate</span>
    </div>
    <div class="card-body">
        <form method="POST" action="/trunks/teams/certificates" enctype="multipart/form-data">
            @csrf
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">Certificate Name</label>
                    <input type="text" name="name" class="form-control" placeholder="e.g. Teams Production Cert" required>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">Certificate File (.crt/.pem)</label>
                    <input type="file" name="certificate" class="form-control" accept=".crt,.pem,.cer" required>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Private Key File (.key)</label>
                    <input type="file" name="private_key" class="form-control" accept=".key" required>
                </div>
            </div>
            <button type="submit" class="btn btn-primary btn-sm">Upload Certificate</button>
        </form>
    </div>
</div>

{{-- ── CERTIFICATES LIST ── --}}
<div class="card">
    <div class="card-header d-flex align-items-center gap-2">
        <i data-lucide="shield" style="width:16px;height:16px;"></i>
        <span class="fw-semibold">Installed Certificates</span>
        <span class="badge bg-secondary ms-1">{{ count($certificates) }}</span>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Subject</th>
                        <th>Issuer</th>
                        <th>Valid To</th>
                        <th>Status</th>
                        <th>Thumbprint</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($certificates as $cert)
                    <tr>
                        <td class="fw-semibold">
                            {{ $cert->name }}
                            @if($cert->is_default)
                                <span class="badge bg-success ms-1">Default</span>
                            @endif
                        </td>
                        <td class="font-monospace small">{{ $cert->subject ?? '—' }}</td>
                        <td class="font-monospace small">{{ $cert->issuer ?? '—' }}</td>
                        <td class="small">
                            @if($cert->valid_to)
                                {{ \Carbon\Carbon::parse($cert->valid_to)->format('M d, Y') }}
                                @if(\Carbon\Carbon::parse($cert->valid_to)->isPast())
                                    <span class="text-danger">(Expired)</span>
                                @elseif(\Carbon\Carbon::parse($cert->valid_to)->diffInDays(now()) < 30)
                                    <span class="text-warning">({{ \Carbon\Carbon::parse($cert->valid_to)->diffInDays(now()) }} days)</span>
                                @endif
                            @else
                                —
                            @endif
                        </td>
                        <td>
                            @if($cert->status === 'active')
                                <span class="badge bg-success">Active</span>
                            @elseif($cert->status === 'expiring_soon')
                                <span class="badge bg-warning">Expiring Soon</span>
                            @elseif($cert->status === 'expired')
                                <span class="badge bg-danger">Expired</span>
                            @else
                                <span class="badge bg-secondary">{{ $cert->status }}</span>
                            @endif
                        </td>
                        <td class="font-monospace small">{{ substr($cert->thumbprint ?? '', 0, 16) }}...</td>
                        <td class="text-end">
                            @if(!$cert->is_default)
                                <form method="POST" action="/trunks/teams/certificates/{{ $cert->id }}/default" class="d-inline">
                                    @csrf
                                    <button type="submit" class="btn btn-outline-primary btn-sm me-1">Set Default</button>
                                </form>
                            @endif
                            <form method="POST" action="/trunks/teams/certificates/{{ $cert->id }}" class="d-inline" onsubmit="return confirm('Delete this certificate?')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-outline-danger btn-sm">Delete</button>
                            </form>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center text-secondary py-4">No certificates uploaded. Upload one above.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection