@extends('dashboard.base')

@section('content')
<style>
    .cursor{
        cursor: pointer;
        min-height: 180px;
    }
    .h-180p{
    }
</style>
<div class="container-fluid">
    <div class="fade-in">

        @if (str_contains(Auth::user()->menuroles, "admin"))
        <div class="row">
            <div class="col-sm-6 col-lg-3">
                <div class="card text-white bg-primary">
                    <div class="card-body pb-0">
                        <div class="text-value-lg">{{ $count_exporter }}</div>
                        <div>Total P@SHA</div>
                    </div>
                    <div class="c-chart-wrapper mt-3 mx-3" style="height:70px;">
                        <canvas class="chart" id="card-chart1" height="70"></canvas>
                    </div>
                </div>
            </div>
            <!-- /.col-->
            <div class="col-sm-6 col-lg-3">
                <div class="card text-white bg-info">
                    <div class="card-body pb-0">
                        <div class="text-value-lg">{{ $count_buyer }}</div>
                        <div>Total APICTA</div>
                    </div>
                    <div class="c-chart-wrapper mt-3 mx-3" style="height:70px;">
                        <canvas class="chart" id="card-chart2" height="70"></canvas>
                    </div>
                </div>
            </div>
            <!-- /.col-->
            <div class="col-sm-6 col-lg-3">
                <div class="card text-white bg-warning">
                    <div class="card-body pb-0">
                        <div class="text-value-lg">{{ $leads_exporter }}</div>
                        <div>Total Leads</div>
                    </div>
                    <div class="c-chart-wrapper mt-3" style="height:70px;">
                        <canvas class="chart" id="card-chart3" height="70"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3">
                <div class="card text-white bg-danger">
                    <div class="card-body pb-0">
                        <div class="text-value-lg">{{ $amount_exporter }}$</div>
                        <div>Total Estimated Business</div>
                    </div>
                    <div class="c-chart-wrapper mt-3" style="height:70px;">
                        <canvas class="chart" id="card-chart4" height="70"></canvas>
                    </div>
                </div>
            </div>
            
            </div>
        <div class="row">
            <div class="col-sm-6 col-lg-3">
                <div class="card text-white bg-primary">
                    <div class="card-body pb-0 cursor">
                        <a class="text-light" href="{{ route('report_meetings', 'exhibitor') }}">
                            <div class="text-value-lg">Meetings List</div>
                            <div><h1>P@SHA</h1></div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3">
                <div class="card text-white bg-warning">
                    <div class="card-body pb-0 cursor">
                        <a class="text-light" href="{{ route('report_meetings', 'sector') }}">
                            <div class="text-value-lg">Meetings List</div>
                            <div><h1>Sector Wise</h1></div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- /.col-->
            <div class="col-sm-6 col-lg-3">
                <div class="card text-white bg-success">
                    <div class="card-body pb-0 cursor">
                        <a class="text-light" href="{{ route('report_meetings', '') }}">
                            <div class="text-value-lg">Meetings List</div>
                            <div><h1>All</h1></div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3">
                <div class="card text-white bg-primary" style="background-color: #1fdb96 !important;">
                    <div class="card-body pb-0 cursor">
                        <a class="text-light" href="#">
                            <div class="text-value-lg">Meeting Requests Sent By P@SHA</div>
                            <div>
                                <h1>{{ count($sent_exhibitors)}}</h1>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!--<div class="col-sm-6 col-lg-3">-->
            <!--    <div class="card text-white bg-primary" style="background-color: #67db1f !important;">-->
            <!--        <div class="card-body pb-0 cursor">-->
            <!--            <a class="text-light" href="#">-->
            <!--                <div class="text-value-lg">Meeting Requests Sent By Buyers</div>-->
            <!--                <div>-->
            <!--                    <h1>{{ count($sent_buyers)}}</h1>-->
            <!--                </div>-->
            <!--            </a>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->
            <div class="col-sm-6 col-lg-3">
                <div class="card text-white bg-primary" style="background-color: #db5c1f !important;">
                    <div class="card-body pb-0 cursor">
                        <a class="text-light" href="#">
                            <div class="text-value-lg">Confirmed Meetings</div>
                            <div>
                                <h1>{{count($confirmed_meetings)}}</h1>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- /.col-->
        </div>


        <!-- /.row-->
        {{-- <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Traffic & Sales</div>
                    <div class="card-body">
                        <table class="table table-responsive-sm table-hover table-outline mb-0">
                            <thead class="thead-light">
                                <tr>
                                    <th>#</th>
                                    <th class="text-center">Exhibitor</th>
                                    <th>Country</th>
                                    <th class="text-center">Visitors</th>
                                    <th class="text-center">Activity</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td class="text-center">
                                        <div>Agapetus Tadeáš</div>
                                        <div class="small text-muted"><span>New</span> | Registered: Jan 1, 2015</div>
                                    </td>
                                    <td>Pakistan</td>
                                    <td>
                                        <div class="clearfix">
                                            <div class="float-left"><strong>22</strong></div>
                                            <div class="float-right"><small class="text-muted">Jun 11, 2015 - Jul 10,
                                                    2015</small></div>
                                        </div>
                                        <div class="progress progress-xs">
                                            <div class="progress-bar bg-info" role="progressbar" style="width: 22%"
                                                aria-valuenow="22" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <button class="btn btn-success">Details</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td class="text-center">
                                        <div>Friderik Dávid</div>
                                        <div class="small text-muted"><span>New</span> | Registered: Jan 1, 2015</div>
                                    </td>
                                    <td>Nigeria</td>
                                    <td>
                                        <div class="clearfix">
                                            <div class="float-left"><strong>43</strong></div>
                                            <div class="float-right"><small class="text-muted">Jun 11, 2015 - Jul 10,
                                                    2015</small></div>
                                        </div>
                                        <div class="progress progress-xs">
                                            <div class="progress-bar bg-success" role="progressbar" style="width: 43%"
                                                aria-valuenow="43" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <button class="btn btn-success">Details</button>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- /.col-->
        </div> --}}
        @endif
        <!-- /.row-->

        @if (str_contains(Auth::user()->menuroles, "buyer"))
        <div class="row">
            <div class="col-sm-12 col-lg-12 offset-md-3">
                <h4>Welcome to APICTA AWARDS 2022 - Islamabad, Pakistan            
</h4>
            </div>
            <div class="col-sm-12 col-lg-12 text-center">
                <img src="{{url('https://b2bconnect.pk/pasha/APICTA-Awards.jpg')}}" class="responsive"
                    style="width:43%;">
            </div>
        </div>
        @endif
        @if (str_contains(Auth::user()->menuroles, "exporter"))
        <div class="row">
            <div class="col-sm-12 col-lg-12 offset-md-3">
                <h4>Welcome to APICTA AWARDS 2022 - Islamabad, Pakistan            
 </h4>
            </div>
            <div class="col-sm-12 col-lg-12 text-center">
                <img src="{{url('https://b2bconnect.pk/pasha/APICTA-Awards.jpg')}}" class="responsive"
                    style="width:43%;">
            </div>
        </div>
        @endif

    </div>
</div>

@endsection

@section('javascript')

<script src="{{ asset('js/Chart.min.js') }}"></script>
<script src="{{ asset('js/coreui-chartjs.bundle.js') }}"></script>
<script src="{{ asset('js/main.js') }}" defer></script>
@endsection