@extends('admin.layouts.app')

@section('title', 'Client Secrect')

@section('content')
    <div class="card mb-2">
        <div class="card-body py-2">
            <div class="row d-flex justify-content-between align-items-center">
                <div class="col-lg-6 d-flex" style="gap:6px;">
                    <h4>Client Secrect</h4>
                </div>
                <div class="col-lg-6 d-flex justify-content-end" style="gap:6px;">
                    <a href="{{ route('api-clients.index') }}" class="btn btn-sm px-2 btn-dark showLoader">
                        <i class="mdi mdi-subdirectory-arrow-left"></i> Back
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <ul class="list-group list-group-flush">
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    <span><strong>Name:</strong></span>
                    <span class="text-muted">{{ $client->name }}</span>
                </li>

                <li class="list-group-item d-flex justify-content-between align-items-center">
                    <span><strong>Website:</strong></span>
                    <span class="text-muted">
                        {{ $client?->ecommerceWebsite?->name ?? '—' }}
                    </span>
                </li>

                <li class="list-group-item d-flex justify-content-between align-items-center">
                    <span><strong>API Key:</strong></span>
                    <span>
                        <code class="text-primary">{{ $client->api_key }}</code>
                    </span>
                </li>

                <li class="list-group-item d-flex justify-content-between align-items-center">
                    <span><strong>API Secret:</strong></span>
                    <span>
                        <code class="text-success">{{ $client->decryptedSecret }}</code>
                    </span>
                </li>
            </ul>
        </div>
        <div class="card-footer d-flex justify-content-between">
            <small class="text-muted">
                Created on {{ $client->created_at->format('d M, Y h:i A') }}
            </small>
            @if ($client->is_active)
                <span class="badge badge-pill badge-success">Active</span>
            @else
                <span class="badge badge-pill badge-danger">Inactive</span>
            @endif
        </div>
    </div>

@endsection