@extends('layouts.app')

@section('title', __('Expenses'))

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-md-10 col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="float-left">{{ __('Expenses') }}</h5>
                        @if(Auth::user()->hasRole('super-admin|admin') or Auth::user()->hasAnyPermission('add asset'))
                            <a href="{{ route('expense.create') }}" type="button"
                               class="btn btn-sm btn-primary float-right">
                                <i class="fas fa-plus-circle"></i>
                            </a>
                        @endif
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>{{ __('Number') }}</th>
                                    <th>{{ __('Date') }}</th>
                                    <th>{{ __('Amount') }}</th>
                                    <th>{{ __('To') }}</th>
                                    <th>{{ __('Type') }}</th>
                                    <th>{{ __('Payment') }}</th>
                                    <th class="text-center d-print-none">{{ __('Expense Actions') }}</th>
                                    <th>{{ __('Notes') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($expenses as $expense)
                                    <tr>
                                        <td>{{ env('expenses_shortcut') . $expense->id }}</td>
                                        <td>{{ $expense->date }}</td>
                                        <td>{{ $expense->amount }}</td>
                                        <td>{{ $expense->to }}</td>
                                        <td>{{ __($expense->type)  }}</td>
                                        <td>{{ $expense->payment_type == 'cash' ? __($expense->payment_type) : __($expense->payment_type) . ' | ' . $expense->payment_number  }}</td>
                                        <td class="text-center d-print-none" style="min-width: 250px;">
                                            <div class="btn-group btn-group-sm" role="group">
                                                @if(Auth::user()->hasRole('super-admin|admin') or Auth::user()->hasAnyPermission('view expense'))
                                                    <a href="{{ route('expense.show', $expense) }}" type="button"
                                                       class="btn btn-success">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                @endif
                                                @if(Auth::user()->hasRole('super-admin|admin') or Auth::user()->hasAnyPermission('update expense'))
                                                    @if($expense->editable)
                                                        <a href="{{ route('expense.edit', $expense) }}" type="button"
                                                           class="btn btn-warning">
                                                            <i class="fas fa-pencil-alt"></i>
                                                        </a>
                                                    @endif
                                                @endif
                                                @if(Auth::user()->hasRole('super-admin|admin') or Auth::user()->hasAnyPermission('delete expense'))
                                                    @if($expense->editable)
                                                        <a href="javascript:void(0)" type="button"
                                                           class="btn btn-danger"
                                                           onclick="event.preventDefault();if(confirm('{{ __('Are you sure?') }}')) {document.getElementById('delete_{{ $expense->id }}').submit();}">
                                                            <i class="fas fa-trash"></i>
                                                        </a>
                                                    @endif
                                                @endif
                                            </div>
                                            @if(Auth::user()->hasRole('super-admin|admin') or Auth::user()->hasAnyPermission('delete asset'))
                                                <form method="post" action="{{ route('expense.destroy', $expense) }}"
                                                      id="delete_{{ $expense->id }}" style="display: none;">
                                                    @csrf
                                                    @method('delete')
                                                </form>
                                            @endif
                                            @if($expense->editable)
                                                <button type="button" class="btn btn-sm btn-outline-primary"
                                                        data-toggle="modal" data-target="#modal"
                                                        data-href="{{ route('expense.items', $expense) }}">{{ __('Items') }}</button>
                                            @endif
                                        </td>
                                        <td style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 250px;">{{ $expense->notes }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection