@extends('AdminPanel.layouts.master')
@section('content')

<div class="row match-height">
    <!-- Revenue Card -->
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-center align-items-center">
                <h4 class="card-title text-center">
                    {{__('common.expensesRevenueChart')}}
                    <br>
                    <small class="text-muted">{{__('common.month')}}: {{$month}}</small>
                    <small class="text-muted">{{__('common.year')}}: {{$year}}</small>
                </h4>
            </div>
            <div class="card-body">
                <div class="d-flex justify-content-center mb-3 text-center">
                    <div class="me-2">
                        <p class="card-text mb-50">{{__('common.totalOutcome')}}</p>
                        <h3 class="fw-bolder">
                            <sup class="font-medium-1 fw-bold">{{__('common.L.E')}}</sup>
                            <span class="text-danger">{{round(expensesTotals($branch, $month, $year)['total'])}}</span>
                        </h3>
                    </div>
                    <div class="me-2">
                        <p class="card-text mb-50">{{__('common.totalIncome')}}</p>
                        <h3 class="fw-bolder">
                            <sup class="font-medium-1 fw-bold">{{__('common.L.E')}}</sup>
                            <span class="text-success">{{round(revenuesTotals($branch, $month, $year)['total'])}}</span>
                        </h3>
                    </div>
                    <div>
                        <p class="card-text mb-50">{{__('common.net')}}</p>
                        <h3 class="fw-bolder">
                            <sup class="font-medium-1 fw-bold">{{__('common.L.E')}}</sup>
                            <span class="text-primary">{{round(revenuesTotals($branch, $month, $year)['total'] - expensesTotals($branch, $month, $year)['total'])}}</span>
                        </h3>
                    </div>
                </div>
                <div id="revenue-chart"></div>
            </div>
        </div>
    </div>
    <!--/ Revenue Card -->
</div>

<div class="row match-height">
    <!-- Revenue Card -->
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-center align-items-center">
                <h4 class="card-title text-center">
                    {{__('common.expensesRevenueThisYear')}}
                    <br>
                    <small class="text-muted">{{__('common.year')}}: {{$year}}</small>
                </h4>
            </div>
            <div class="card-body">
                <div class="d-flex justify-content-center mb-3 text-center">
                    <div class="me-2">
                        <p class="card-text mb-50">{{__('common.totalOutcome')}}</p>
                        <h3 class="fw-bolder">
                            <sup class="font-medium-1 fw-bold">{{__('common.L.E')}}</sup>
                            <span class="text-danger">{{round(expensesTotals($branch, $month, $year)['yearTotal'])}}</span>
                        </h3>
                    </div>
                    <div class="me-2">
                        <p class="card-text mb-50">{{__('common.totalIncome')}}</p>
                        <h3 class="fw-bolder">
                            <sup class="font-medium-1 fw-bold">{{__('common.L.E')}}</sup>
                            <span class="text-success">{{round(revenuesTotals($branch, $month, $year)['yearTotal'])}}</span>
                        </h3>
                    </div>
                    <div>
                        <p class="card-text mb-50">{{__('common.net')}}</p>
                        <h3 class="fw-bolder">
                            <sup class="font-medium-1 fw-bold">{{__('common.L.E')}}</sup>
                            <span class="text-primary">{{round(revenuesTotals($branch, $month, $year)['yearTotal'] - expensesTotals($branch, $month, $year)['yearTotal'])}}</span>
                        </h3>
                    </div>
                </div>
                <table class="table table-bordered mb-2">
                    <thead class="dark-table">
                        <tr>
                            <th>{{__('common.month')}}</th>
                            <th class="text-center">{{__('common.revenues')}}</th>
                            <th class="text-center">{{__('common.expenses')}}</th>
                            <th class="text-center">{{__('common.net')}}</th>
                            <th class="text-center">{{__('common.actions')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach(monthsForThisYear($year) as $singleMonth)
                            <tr>
                                <td>
                                    {{arabicMonth($year.'-'.$singleMonth.'-1').', '.$year}}
                                </td>
                                <td class="text-center">
                                    {{round(revenuesTotals($branch, $singleMonth, $year)['total'])}}
                                </td>
                                <td class="text-center">
                                    {{round(expensesTotals($branch, $singleMonth, $year)['total'])}}
                                </td>
                                <td class="text-center">
                                    {{round(revenuesTotals($branch, $singleMonth, $year)['total'] - expensesTotals($branch, $singleMonth, $year)['total'])}}
                                </td>
                                <td class="text-center">
                                    <a href="{{route('admin.accountsReport',['month'=>$singleMonth, 'year'=>$year, 'branch_id'=>$branch])}}" class="btn btn-icon btn-info" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="{{__('common.view')}}">
                                        <i data-feather='eye'></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--/ Revenue Card -->
</div>
@stop

@section('page_buttons')
    <a href="javascript:;" data-bs-target="#searchunits" data-bs-toggle="modal" class="btn btn-primary btn-sm">
        {{__('common.search')}}
    </a>

    <div class="modal fade text-md-start" id="searchunits" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-edit-unit">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-5 px-sm-5 pt-50">
                    <form id="createunitForm" class="row gy-1 pt-75" method="GET">
                    <div class="row justify-content-center">
                    <div class="col-12 col-md-4">
                            <label class="form-label" for="month">{{__('common.month')}}</label>
                            <select name="month" id="month" class="form-select">
                                @foreach(monthArray(session()->get('Lang')) as $mval => $mlabel)
                                    <option value="{{ $mval }}" {{ ((isset($_GET['month']) ? $_GET['month'] : date('m')) == $mval) ? 'selected' : '' }}>{{ $mlabel }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-md-4">
                            <label class="form-label" for="year">{{__('common.year')}}</label>
                            <select name="year" id="year" class="form-select">
                                @foreach(yearArray() as $yval => $ylabel)
                                    <option value="{{ $yval }}" {{ ((isset($_GET['year']) ? $_GET['year'] : date('Y')) == $yval) ? 'selected' : '' }}>{{ $ylabel }}</option>
                                @endforeach
                            </select>
                        </div>
                        @if(userCan('expenses_view_branch') && userCan('revenues_view_branch'))
                            <div class="col-12 col-md-4">
                                <label class="form-label" for="branch_id">{{__('common.branch')}}</label>