@extends('root')
@section('title', 'Detail Client Reseller')

@section('content')
<div class="container-fluid">
    @include('components.breadcrumb', [
        'title' => 'Detail Client',
        'links' => [
            ['url' => route('reseller.clients.index'), 'label' => 'Reseller Clients'],
        ],
        'current' => $client->name,
    ])

    <div class="row">
        <div class="col-md-6">
            <div class="card card-body">
                <h5 class="mb-3">Informasi Client</h5>
                <p class="mb-1"><strong>Nama:</strong> {{ $client->name }}</p>
                <p class="mb-1"><strong>Email / Username:</strong> {{ $client->email }}</p>
                <p class="mb-1">
                    <strong>Paket:</strong>
                    {{ ($mapping?->package ?? 'shared') === 'dedicated' ? 'Dedicated' : 'Shared' }}
                </p>
                <p class="mb-1"><strong>Saldo:</strong> Rp {{ number_format($client->balance, 0, ',', '.') }}</p>
                <p class="mb-1">
                    <strong>Status:</strong>
                    {{ ($mapping?->status ?? ($client->is_active ? 'active' : 'inactive')) === 'active' ? 'Aktif' : 'Nonaktif' }}
                </p>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card card-body">
                <h5 class="mb-3">API Credentials</h5>
                <p class="mb-1"><strong>API Key:</strong></p>
                <code class="d-block mb-2" style="word-break: break-all">{{ $client->api_key ?? '-' }}</code>

                <p class="mb-1"><strong>Server Key:</strong></p>
                <code class="d-block mb-2" style="word-break: break-all">{{ $client->server_key ?? '-' }}</code>

                <div class="d-flex gap-2">
                    <form action="{{ route('reseller.clients.regenerate-api-key', $client->id) }}" method="POST" id="form-regenerate-api">
                        @csrf
                        <button type="submit" class="btn btn-outline-primary btn-sm">
                            Reset API Key
                        </button>
                    </form>
                    <form action="{{ route('reseller.clients.regenerate-server-key', $client->id) }}" method="POST" id="form-regenerate-server">
                        @csrf
                        <button type="submit" class="btn btn-outline-primary btn-sm">
                            Reset Server Key
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="card card-body mt-4">
        <h5 class="mb-3">Statistik Pesan per Tipe</h5>
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Tipe Pesan</th>
                        <th>Jumlah Pesan</th>
                        <th>Total Biaya</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $labels = [
                            'marketing' => 'Marketing',
                            'utility' => 'Utility',
                            'otp' => 'OTP',
                            'service' => 'Service Message',
                        ];
                    @endphp
                    @foreach($categories as $key => $val)
                        <tr>
                            <td>{{ $labels[$key] ?? $key }}</td>
                            <td>{{ $val['total_messages'] ?? 0 }}</td>
                            <td>Rp {{ number_format($val['total_cost'] ?? 0, 0, ',', '.') }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <th>Total</th>
                        <th>{{ $totalMessages }}</th>
                        <th>Rp {{ number_format($totalCost, 0, ',', '.') }}</th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(function () {
    $('#form-regenerate-api, #form-regenerate-server').on('submit', function (e) {
        e.preventDefault();
        var $form = $(this);
        $.ajax({
            url: $form.attr('action'),
            type: 'POST',
            data: $form.serialize(),
            success: function (res) {
                window.toastr && toastr.success(res.meta.message || 'Key berhasil direset');
                // Opsional: reload halaman untuk melihat key baru
                setTimeout(function () { location.reload(); }, 500);
            },
            error: function () {
                window.toastr && toastr.error('Gagal mereset key');
            }
        });
    });
});
</script>
@endpush