@extends('main.main_back')

@section('title')
    Tableau de bord AnalytiQue
@endsection

@section('pagination')
    Tableau de bord AnalytiQue
@endsection
@php
    $startYear = 2024;
@endphp
@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="row">
            <div class="col-xl-12">
                <div class="row">
                    <div class="col-xl-12 mb-3">
                        <div class="card">
                            <div class="card-header border-0 flex-wrap">
                                <h4 class="fs-20">Analyse des ventes par Agence</h4>
                                <div class="card-action coin-tabs">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li class="nav-item">
                                            <select class="form-control" id="selectYearAgency">
                                                @for ($i = $startYear; $i < $startYear + 50; $i++)
                                                    <option value="{{ $i }}" {{ $i == date('Y') ? 'selected' : '' }}>{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body pb-0">
                                <div class="tab-content">
                                    <div class="tab-pane fade show active" id="Daily1">
                                        <div id="chartBar" class="chartBar"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 mb-3">
                        <div class="card">
                            <div class="card-header border-0 flex-wrap">
                                <h4 class="fs-20">Analyse des Dépenses par Elément</h4>
                                <div class="card-action coin-tabs">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li class="nav-item">
                                            <select class="form-control" id="selectYearExpense">
                                                @for ($i = $startYear; $i < $startYear + 50; $i++)
                                                    <option value="{{ $i }}" {{ $i == date('Y') ? 'selected' : '' }}>{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body pb-0">
                                <div class="tab-content">
                                    <div class="tab-pane fade show active" id="Daily1">
                                        <div id="chartBarExpense" class="chartBar"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 mb-3">
                        <div class="card">
                            <div class="card-header border-0 flex-wrap">
                                <h4 class="fs-20">Production</h4>
                                <div class="card-action coin-tabs">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li class="nav-item">
                                            <select class="form-control" id="selectProduction">
                                                @for ($i = $startYear; $i < $startYear + 50; $i++)
                                                    <option value="{{ $i }}" {{ $i == date('Y') ? 'selected' : '' }}>{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body pb-0">
                                <div class="tab-content">
                                    <div class="tab-pane fade show active">
                                        <div id="morris_donught" class="morris_chart_height"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-12 mb-3">
                        <div class="card">
                            <div class="card-header border-0 flex-wrap">
                                <h4 class="fs-20">Production par Mois</h4>
                                <div class="card-action coin-tabs">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li class="nav-item">
                                            <select class="form-control" id="selectProductionByMonth">
                                                @for ($i = $startYear; $i < $startYear + 50; $i++)
                                                    <option value="{{ $i }}" {{ $i == date('Y') ? 'selected' : '' }}>{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body pb-0">
                                <canvas id="lineChart_3"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script-down')
    <script src="{{ asset('vendor/chart.js/Chart.bundle.min.js') }}"></script>
    <script src="{{ asset('vendor/raphael/raphael.min.js') }}"></script>
    <script src="{{ asset('vendor/morris/morris.min.js') }}"></script>
    <script src="{{ asset('vendor/apexchart/apexchart.js') }}"></script>
    <script src="{{ asset('js/dashboard/dashboard-1.js') }}"></script>
@endsection