@extends('layouts.backend')


@section('content')
    <section class="privatePanel Loads employeeReports">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                            <a class="active" href="/Private/Reports">
                                <li>Reports</li>
                            </a>
                            <a href="/Private/Documents">
                                <li>Documents</li>
                            </a>
                            <a href="/Private/Customers">
                                <li>Customers</li>
                            </a>
                            <a href="/Private/Jobs">
                                <li>Jobs</li>
                            </a>
                            <a href="/Private/Employees">
                                <li>Employees</li>
                            </a>
                            <a href="/Private/Services">
                                <li>Services</li>
                            </a>
                            <a href="/Private/Invoices">
                                <span class="unread_items invoicesItems @if($getThis->getFinancialUnreadInvoices()==0) hide @endif">{{$getThis->getFinancialUnreadInvoices()}}</span>
                                <li>Invoices</li>
                            </a>
                            <a href="/Private/Messages">
                                <li>Messages</li>
                            </a>
                            <a href="/Private/Settings">
                                <li>Settings</li>
                            </a>
                            <a href="/Private/Logout">
                                <li>Logout</li>
                            </a>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-10 content">
                    

                    <div class="row col-lg-12 subMenu">
                        <ul>
                            <a href="/Private/Reports">
                                <li>Employees Status</li>
                            </a>
                            <a class="active" href="/Private/Reports/ServicesOverview">
                                <li>Services Overview</li>
                            </a>
                            <a href="/Private/Reports/Revenue">
                                <li>Revenue</li>
                            </a>
                        </ul>
                    </div>

                    <h2 class="title">Reports - Services Overview</h2>

                    <div class="row col-lg-12 actions">
                        <div class="col-lg-10"></div>

                    </div>

                    <div class="row employeeData">
                        <div class="col-lg-12 row rowHead">
                            <div class="col-lg-2 yearData">Year</div>
                            <div class="col-lg-10 row">
                                <div class="col-lg-12 row monthRow">
                                    <div class="col-lg-3">Month</div>
                                    <div class="col-lg-9 row">
                                         
                                                <div class="col-lg-3 dataRow">Exports</div>
                                       
                                                <div class="col-lg-3 dataRow">Imports</div>
                                          
                                                <div class="col-lg-3 dataRow">T1</div>
                              
                                                <div class="col-lg-3 dataRow">Exports+T1</div>
                                     
                                    </div>
                                </div>
                           
                            </div>
                        </div>

                        @foreach ($years as $y)
                        <div class="col-lg-12 row yearRow year{{$y->year}}">
                            <div class="col-lg-2 yearData" id="{{$y->year}}">
                                {{$y->year}} <button class="btn btn-primary showData">show <span class="far fa-arrow-down"></span></span>
                            </div>
                            <div class="col-lg-10 row">
                                @foreach ($y->months as $m) 
                                <div class="col-lg-12 row monthRow">
                                    <div class="col-lg-3">{{$getThis->global()->monthName($m->month)}}</div>
                                    <div class="col-lg-9 row">

                                         
                                                <div class="col-lg-3 dataRow">{{$m->data['exports']}}</div>
                                       
                                                <div class="col-lg-3 dataRow">{{$m->data['imports']}}</div>
                                          
                                                <div class="col-lg-3 dataRow">{{$m->data['t1']}}</div>
                              
                                                <div class="col-lg-3 dataRow">{{$m->data['exportT1']}}</div>
 
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        @endforeach

                    </div>






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

    </section>
@endsection