@extends('admin.admin_layout.app')

@section('content')
<div class="page_right">

    <!-- HEADER -->

    <header>
        <h2>
            <span><i class="fa-solid fa-hand"></i></span>
            <span>Hey, Karem Benmbarek!</span>
        </h2>
        <p>Here whats happening in Wo Accelerator</p>
    </header>

    <!-- CARD SECTION -->

    <section class="card_section">
        <div class="row w-100">
            <div class="column">
                <div class="card">
                    <div class="card-body">
                        <div class="head_items d-flex flex-wrap">
                            <span>Marketplace Scripts</span>
                            <small>{{ $market_place['stat']}}/Last week</small>
                            <h5 class="card-text">{{ $market_place['result']}}</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="card">
                    <div class="card-body">
                        <div class="head_items d-flex flex-wrap">
                            <span>Scripts Optioned</span>
                            <small>{{ $market_place['stat']}}/Last week</small>
                            <h5 class="card-text">{{ $market_place['result']}}</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="card">
                    <div class="card-body">
                        <div class="head_items d-flex flex-wrap">
                            <span>Active Users</span>
                            <small>{{ $market_place['stat']}}/Last week</small>
                            <h5 class="card-text">{{ $market_place['result']}}</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="card">
                    <div class="card-body">
                        <div class="head_items d-flex flex-wrap">
                            <span>Treatments Sold</span>
                            <small>{{ $market_place['stat']}}/Last week</small>
                            <h5 class="card-text">{{ $market_place['result']}}</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="card">
                    <div class="card-body">
                        <div class="head_items d-flex flex-wrap">
                            <span>Scripts Being Analyzed</span>
                            <small>| {{ $market_place['stat']}}</small>
                            <h5 class="card-text"> {{ $market_place['result']}}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CHART SECTION -->

    <section class="chart_section mb-5">
        <div class="row w-100">
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="chart_parent_items d-flex flex-column">
                            <h6 class="card-title mb-4">Producers</h6>
                            <div class="d-flex mb-3">
                                <div class="col-6">
                                    <span>Basic Producers</span>
                                </div>
                                <div class="col-2">
                                    <span>{{ $market_place['result']}}</span>
                                </div>
                                <div class="col-4">
                                    <small class="positive">{{ $market_place['stat']}}/last week</small>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <div class="col-6">
                                    <span>Premium Producers</span>
                                </div>
                                <div class="col-2">
                                    <span>{{ $market_place['result']}}</span>
                                </div>
                                <div class="col-4">
                                    <small class="negative">{{ $market_place['stat']}}/last week</small>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <div class="col-6">
                                    <span>Active Producers</span>
                                </div>
                                <div class="col-2">
                                    <span>{{ $market_place['result']}}</span>
                                </div>
                                <div class="col-4">
                                    <small class="negative">{{ $market_place['stat']}}/last week</small>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <div class="col-6">
                                    <span>Total Producers</span>
                                </div>
                                <div class="col-2">
                                    <span>{{ $market_place['result']}}</span>
                                </div>
                                <div class="col-4">
                                    <small class="positive">{{ $market_place['stat']}}/last week</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="chart_parent_items d-flex flex-column">
                            <h6 class="card-title mb-4">Users</h6>
                            <div class="d-flex mb-3">
                                <div class="col-6">
                                    <span>Screenwriters</span>
                                </div>
                                <div class="col-2">
                                    <span>{{ $users->screenwriter['result']}}</span>
                                </div>
                                <div class="col-4">
                                    <small class="positive">{{  $users->screenwriter['stat']}}/last week</small>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <div class="col-6">
                                    <span>Analyst</span>
                                </div>
                                <div class="col-2">
                                    <span>{{  $users->analyst['result']}}</span>
                                </div>
                                <div class="col-4">
                                    <small class="negative">{{  $users->analyst['stat']}}/last week</small>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <div class="col-6">
                                    <span>Mentors</span>
                                </div>
                                <div class="col-2">
                                    <span>{{  $users->mentor['result']}}</span>
                                </div>
                                <div class="col-4">
                                    <small class="negative">{{  $users->mentor['stat']}}/last week</small>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <div class="col-6">
                                    <span>Total Users</span>
                                </div>
                                <div class="col-2">
                                    <span>{{  $users->total}}</span>
                                </div>
                                <div class="col-4">
                                    <small class="positive">{{ $users->total_stat}}/last week</small>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>

</div>
@endsection