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


    <section id="statistics-card">
        <div class="divider">
            <div class="divider-text">{{__('common.totals')}}</div>
        </div>

        @php
           $st=  expensesTotals($branch, $month, $year) ;
        @endphp
        <!-- Stats Vertical Card -->
        <div class="row justify-content-center">
            <div class="col-xl-2 col-md-4 col-sm-6">
                <div class="card text-center">
                    <div class="card-body">
                        <h2 class="fw-bolder">{{round($st['management'])}}</h2>
                        <p class="card-text">{{__('common.totalExpenses')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-2 col-md-4 col-sm-6">
                <div class="card text-center">
                    <div class="card-body">
                        <h2 class="fw-bolder">{{round($st['salaries'])}}</h2>
                        <p class="card-text">{{__('common.totalSalaries')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-2 col-md-4 col-sm-6">
                <div class="card text-center">
                    <div class="card-body">
                        <h2 class="fw-bolder">{{round($st['withdrawal'])}}</h2>
                        <p class="card-text">{{__('common.totalWithdrowals')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-2 col-md-4 col-sm-6">
                <div class="card text-center">
                    <div class="card-body">
                        <h2 class="fw-bolder">{{round($st['total'])}}</h2>
                        <p class="card-text">{{__('common.totalOutcome')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-2 col-md-4 col-sm-6 text-center">
                <a href="javascript:;" data-bs-target="#searchSalaries" data-bs-toggle="modal" class="btn btn-relief-primary btn-lg py-2 pb-3 px-3">
                    <h1 class="text-white">
                        {{__('common.search')}}
                    </h1>
                </a>
            </div>

        </div>
        <!--/ Stats Vertical Card -->
    </section>

    <div class="divider">
        <div class="divider-text">{{__('common.salariesTable')}}</div>
    </div>
    <!-- Bordered table start -->
    <div class="row" id="table-bordered">
        <div class="col-12">
            <div class="card">

                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead class="table-dark">
                            <tr>
                                <th>{{__('common.date')}}</th>
                                <th class="text-center">{{__('common.type')}}</th>
                                <th class="text-center">{{__('common.user')}}</th>
                                <th class="text-center">{{__('common.amount')}}</th>
                                <th class="text-center">{{__('common.details')}}</th>
                                @if(userCan('expenses_edit') || userCan('expenses_delete'))
                                    <th class="text-center">{{__('common.actions')}}</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($expenses as $expense)
                                <tr id="row_{{$expense->id}}">
                                    <td>
                                        {{$expense['ExpenseDate']}}
                                    </td>
                                    <td class="text-center">
                                        {{$expense->typeText()}}
                                    </td>
                                    <td class="text-center">
                                        {{$expense->responsible->name ?? '-'}}
                                    </td>
                                    <td class="text-center">
                                        {{$expense->Expense}}
                                    </td>
                                    <td class="text-center">
                                        {{$expense->Des}}
                                    </td>
                                    @if(userCan('expenses_edit') || userCan('expenses_delete'))
                                        <td class="text-center">
                                            @if(userCan('expenses_edit'))
                                                <a href="javascript:;" data-bs-target="#editExpense{{$expense->id}}" data-bs-toggle="modal" class="btn btn-icon btn-info" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="{{__('common.edit')}}">
                                                    <i data-feather='edit'></i>
                                                </a>
                                            @endif

                                            @if(userCan('expenses_delete'))