@extends('layouts.master')

@section('page_title', 'Order Chart Report')
@section('title', 'Order Chart Report')
@section('main_item', 'Reports')
@section('sub_item', 'Order Chart Report')

@section('content')
    <div class="col-md-12" @if ($setting->order_multiple_line_chart != '1') style="display: none" @endif>
        <div class="card card-eco">
            <div class="card-body">
                <h4 class="card-title mt-0">Daily Orders Chart</h4>
                {!! $order_count_chart->render() !!}
                <div>
                </div>
            </div>
        </div>
    </div>
    @can('confirm_order_count_chart')
        <div class="col-md-12" @if ($setting->user_wise_order_line_chart != '1') style="display: none" @endif>
            <div class="card card-eco">
                <div class="card-body">
                    <h4 class="card-title mt-0">User Confimed Orders Chart</h4>

                    {{-- @can('top_selling_users') --}}
                    <div class="row">
                        <div class="col-md">

                            <table class="table table-striped" id="top-selling-item" style="text-align: center; width: 50%;">
                                <thead class="text-primary">
                                    <tr class="table-primary">
                                        <th></th>
                                        <th>Top Seeling Users</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($confirm_top_selling_users as $confirm_top_selling_user)
                                        <td><b>{{ $confirm_top_selling_user->username }}</b></td>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <form action="{{ url('target/update') }}" method="get" id="">
                            @csrf
                            <div class="col-md">
                                <div class="form-group">
                                    <label style="font-weight: bold" for="name">Presentage</label>
                                    <input type="text" class="form-control" id="target_presentage" name="target_presentage" value="{{$setting->traget_presentage}}">
                                    <button type="submit" class="btn btn-outline-light"
                                        style="background:#ed4b00; color: white;" type="button">Save
                                    </button>
                                </div>

                            </div>
                        </form>
                    </div>
                    {{-- @endcan --}}
                    {!! $confirm_order_count_chart->render() !!}
                    <div>
                    </div>
                </div>
            </div>
        </div>
    @endcan
    @can('delivered_order_count_chart')
        <div class="col-md-12" @if ($setting->user_wise_order_line_chart != '1') style="display: none" @endif>
            <div class="card card-eco">
                <div class="card-body">
                    <h4 class="card-title mt-0">User Delivered Orders Chart</h4>
                    @can('top_selling_users')
                        <div>
                            <table class="table table-striped" style="text-align: center; width: 50%;">
                                <thead class="text-primary">
                                    <tr class="table-primary">
                                        <th></th>
                                        <th>Top Seeling Users</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($delivered_top_selling_users as $delivered_top_selling_user)
                                        <td style="text-align: center;"><b>{{ $delivered_top_selling_user->username }}</b>
                                        </td>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endcan
                    {!! $delivered_order_count_chart->render() !!}
                    <div>
                    </div>
                </div>
            </div>
        </div>
    @endcan
    @can('canceled_order_count_chart')
        <div class="col-md-12" @if ($setting->user_wise_order_line_chart != '1') style="display: none" @endif>
            <div class="card card-eco">
                <div class="card-body">
                    <h4 class="card-title mt-0">User Canceled Orders Chart</h4>
                    {!! $canceled_order_count_chart->render() !!}
                    <div>
                    </div>
                </div>
            </div>
        </div>
    @endcan
    @can('returned_order_count_chart')
        <div class="col-md-12" @if ($setting->user_wise_order_line_chart != '1') style="display: none" @endif>
            <div class="card card-eco">
                <div class="card-body">
                    <h4 class="card-title mt-0">User Returned Orders Chart</h4>
                    {!! $returned_order_count_chart->render() !!}
                    <div>
                    </div>
                </div>
            </div>
        </div>
    @endcan
@endsection
@section('scripts')
@endsection