@extends('layouts.admin')

@section('style')
    @parent
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        .content-wrapper:has(#wa-dashboard) { background: #e6ece9; }
        #wa-dashboard { padding: 18px 22px 28px; }
    </style>
@endSection

@section('content')
    <div id="wa-dashboard"
         data-channel-id="{{ $channel->id }}"
         data-channel-name="{{ $channel->name }}"
         data-status="{{ $channelStatus }}"
         data-stat-url="{{ $statUrl }}"
         data-counts='@json($counts)'></div>
@endsection

@section('script')
    @parent
    <script src="{{ mix('js/dashboard/index.js') }}"></script>
@endSection