@extends('companies.layouts.master')

@section('content')
    <div class="main-content app-content mt-0">
        <div class="side-app">
            <div class="main-container container-fluid">
                <div class="page-header">
                    <h1 class="page-title">{{ __('locale.API Key Management') }}</h1>
                    <div>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a
                                    href="{{ route('company.dashboard') }}">{{ __('common.home') }}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ __('locale.page_title') }}</li>
                        </ol>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">
                                    <i class="fe fe-key"></i> {{ __('locale.your_credentials') }}
                                </h3>
                            </div>
                            <div class="card-body">
                                @if(session('new_api_key'))
                                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                                        <i class="fe fe-check-circle"></i>
                                        <strong>{{ __('locale.regenerate_success') }}</strong>
                                        <div class="mt-3">
                                            <label class="fw-bold text-dark">{{ __('locale.new_api_key_label') }}</label>
                                            <div class="input-group mt-1">
                                                <input type="text" id="newApiKey" class="form-control font-monospace bg-light"
                                                    value="{{ session('new_api_key') }}" readonly>
                                                <button class="btn btn-primary" type="button" onclick="copyApiKey()">
                                                    <i class="fe fe-copy"></i> {{ __('common.copy') }}
                                                </button>
                                            </div>
                                            <div class="alert alert-warning mt-3 mb-0">
                                                <i class="fe fe-alert-triangle"></i>
                                                <strong>{{ __('locale.important') }}</strong>
                                                {{ __('locale.key_shown_once') }}
                                            </div>
                                        </div>
                                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                    </div>
                                @endif

                                @if($partner)
                                    @php
                                        $isExpired = $partner->key_expires_at && $partner->key_expires_at->isPast();
                                        $daysLeft = $partner->key_expires_at ? now()->diffInDays($partner->key_expires_at) : null;
                                        $isExpiringSoon = $daysLeft !== null && $daysLeft <= 7 && $daysLeft > 0;
                                    @endphp

                                    <!-- Status Banner -->
                                    <div
                                        class="alert alert-{{ $isExpired ? 'danger' : ($isExpiringSoon ? 'warning' : 'info') }} mb-4">
                                        <div class="d-flex align-items-center">
                                            <i
                                                class="fe fe-{{ $isExpired ? 'x-circle' : ($isExpiringSoon ? 'clock' : 'check-circle') }} fs-2 me-3"></i>
                                            <div>
                                                <h5 class="mb-1">{{ __('locale.status_title') }}:
                                                    @if($isExpired)
                                                        <span class="text-danger">{{ __('locale.expired') }}</span>
                                                    @elseif($isExpiringSoon)
                                                        <span class="text-warning">{{ __('locale.expiring_soon') }}</span>
                                                    @else
                                                        <span class="text-success">{{ __('locale.active') }}</span>
                                                    @endif
                                                </h5>
                                                <p class="mb-0">
                                                    @if($isExpired)
                                                        {{ __('locale.key_expired_message') }}
                                                    @elseif($isExpiringSoon)
                                                        {{ __('locale.key_expiring_message', ['days' => $daysLeft]) }}
                                                    @elseif($partner->key_expires_at)
                                                        {{ __('locale.key_expires_on', ['date' => $partner->key_expires_at->format('F d, Y')]) }}
                                                    @else
                                                        {{ __('locale.key_never_expires') }}
                                                    @endif
                                                </p>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Key Information Table -->
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <tbody>
                                                <tr>
                                                    <th width="30%">{{ __('locale.partner_id') }}</th>
                                                    <td><code class="text-primary">{{ $partner->partner_id }}</code></td>
                                                </tr>
                                                <tr>
                                                    <th>{{ __('locale.api_key_prefix') }}</th>
                                                    <td>
                                                        <code
                                                            class="text-success">{{ $partner->api_key_prefix }}...********</code>
                                                        <small
                                                            class="text-muted ms-2">{{ __('locale.hidden_for_security') }}</small>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>{{ __('locale.rate_limit') }}</th>
                                                    <td>{{ $partner->rate_limit_per_minute }}
                                                        {{ __('locale.requests_per_minute') }}</td>
                                                </tr>
                                                <tr>
                                                    <th>{{ __('locale.ip_whitelist') }}</th>
                                                    <td>
                                                        @if($partner->ip_whitelist && count($partner->ip_whitelist) > 0)
                                                            @foreach($partner->ip_whitelist as $ip)
                                                                <span class="badge bg-info me-1">{{ $ip }}</span>
                                                            @endforeach
                                                        @else
                                                            <span class="text-muted">{{ __('locale.no_ip_restrictions') }}</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>{{ __('locale.expiry_date') }}</th>
                                                    <td>
                                                        @if($partner->key_expires_at)
                                                            {{ $partner->key_expires_at->format('F d, Y H:i:s') }}
                                                            @if(!$isExpired)
                                                                <br><small class="text-muted">({{ $daysLeft }}
                                                                    {{ __('locale.days_remaining') }})</small>
                                                            @endif
                                                        @else
                                                            <span class="text-success">{{ __('locale.never_expires') }}</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>{{ __('locale.status') }}</th>
                                                    <td>
                                                        @if($partner->is_active && !$isExpired)
                                                            <span class="badge bg-success">{{ __('locale.active') }}</span>
                                                        @elseif($isExpired)
                                                            <span class="badge bg-danger">{{ __('locale.expired') }}</span>
                                                        @else
                                                            <span class="badge bg-secondary">{{ __('locale.inactive') }}</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <!-- Action Buttons -->
                                    <div class="mt-4">
                                        <button onclick="regenerateKey()"
                                            class="btn btn-{{ $isExpired ? 'danger' : ($isExpiringSoon ? 'warning' : 'primary') }} btn-lg">
                                            <i class="fe fe-refresh-cw"></i>
                                            @if($isExpired)
                                                {{ __('locale.regenerate_expired') }}
                                            @elseif($isExpiringSoon)
                                                {{ __('locale.regenerate_expiring') }}
                                            @else
                                                {{ __('locale.regenerate_key') }}
                                            @endif
                                        </button>
                                        <a href="{{ route('company.api-key.show') }}" class="btn btn-info btn-lg">
                                            <i class="fe fe-eye"></i> {{ __('locale.view_details') }}
                                        </a>
                                        <a href="{{ route('company.api-docs') }}" class="btn btn-secondary btn-lg">
                                            <i class="fe fe-book-open"></i> {{ __('locale.api_documentation') }}
                                        </a>
                                    </div>

                                    <!-- Usage Statistics -->
                                    <div class="mt-5">
                                        <h4 class="mb-3">
                                            <i class="fe fe-bar-chart-2"></i> {{ __('locale.usage_statistics') }}
                                        </h4>
                                        <div class="row">
                                            <div class="col-md-3 mb-3">
                                                <div class="card bg-primary text-white">
                                                    <div class="card-body">
                                                        <div class="text-center">
                                                            <h3 class="mb-0">
                                                                {{ number_format($stats['total_verifications'] ?? 0) }}</h3>
                                                            <small>{{ __('locale.total_verifications') }}</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 mb-3">
                                                <div class="card bg-success text-white">
                                                    <div class="card-body">
                                                        <div class="text-center">
                                                            <h3 class="mb-0">{{ number_format($stats['authentic_count'] ?? 0) }}
                                                            </h3>
                                                            <small>{{ __('locale.authentic_tags') }}</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 mb-3">
                                                <div class="card bg-danger text-white">
                                                    <div class="card-body">
                                                        <div class="text-center">
                                                            <h3 class="mb-0">
                                                                {{ number_format($stats['counterfeit_count'] ?? 0) }}</h3>
                                                            <small>{{ __('locale.counterfeit_detected') }}</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 mb-3">
                                                <div class="card bg-info text-white">
                                                    <div class="card-body">
                                                        <div class="text-center">
                                                            <h3 class="mb-0">
                                                                {{ number_format($stats['average_response_ms'] ?? 0) }}ms</h3>
                                                            <small>{{ __('locale.avg_response_time') }}</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="alert alert-warning">
                                        <i class="fe fe-alert-triangle"></i>
                                        <strong>{{ __('locale.no_api_key_found') }}</strong> {{ __('locale.contact_admin') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('bottom_script')
    <script>
        function copyApiKey() {
            const keyInput = document.getElementById('newApiKey');
            if (keyInput) {
                keyInput.select();
                document.execCommand('copy');
                alert('{{ __("locale.copied_alert") }}');
            }
        }

        function regenerateKey() {
            if (confirm('{{ __("locale.regenerate_warning") }}')) {
                $.ajax({
                    url: '{{ route("company.api-key.regenerate") }}',
                    method: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function (response) {
                        if (response.success) {
                            location.reload();
                        } else {
                            alert('{{ __("locale.error_prefix") }} ' + response.message);
                        }
                    },
                    error: function (xhr) {
                        alert('{{ __("locale.error_occurred") }}');
                    }
                });
            }
        }
    </script>
@endsection