@extends('layouts.view')
@section('title',trans('lang.vouchers'))

@section('links')
    <link href="{{asset('/plugins/select2/select2.min.css')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')



    <form class="form-horizontal row-fluid" action="#" method="post" enctype="multipart/form-data">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <div class="float-right">
                            @csrf
                            <select name="status" id="status" class="form-control">
                                <option {{isset($status) ? $status =='all' ? 'selected':'':'' }} value="all">- {{trans('lang.all_expenses')}} -</option>
                                <option {{isset($status) ? $status =='pending' ? 'selected':'':'' }} value="pending">{{trans('lang.pending')}}</option>
                                <option {{isset($status) ? $status =='approved' ? 'selected':'':'' }} value="approved">{{trans('lang.approved')}}</option>
                                <option {{isset($status) ? $status =='rejected' ? 'selected':'':'' }} value="rejected">{{trans('lang.rejected')}}</option>
                                <option {{isset($status) ? $status =='lapsed' ? 'selected':'':'' }} value="lapsed">{{trans('lang.lapsed')}}</option>
                            </select>
                        </div>
                        <h4 class="page-title">{{trans('lang.vouchers')}}</h4>
                    </div><!--end page-title-box-->
                </div><!--end col-->
            </div><!--end row-->
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div id="viewtable">
                            <h4 class="mt-0 header-title">{{trans('lang.vouchers')}} </h4>
                            <p>
                            @can('expense-create')
                                <td><a href="{{route('expenses')}}" style=" margin-bottom:20px; color: #fff;"
                                       class="btn btn-primary px-5 py-2">{{trans('lang.addvouchers')}}</a></td>
                                @endcan
                                </p>

                                <table id="datatable-buttons-2"
                                       class="table table-striped table-bordered dt-responsive nowrap"
                                       style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                    <thead>
                                    <tr>
                                        <th>{{trans('lang.empname')}}</th>
                                        <th>{{trans('lang.expensescats')}}</th>
                                        <th>{{trans('lang.expense_type')}}</th>
                                        <th>{{trans('lang.amount')}}</th>
                                        <th>{{trans('lang.description')}}</th>

                                        <th>{{trans('lang.att_status')}}</th>
                                        <th>{{trans('lang.show')}}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($expenses as $expense)

                                        <tr>
                                            <td>{{isset($expense->user)? $expense->user->name:" "}}</td>
                                            <td>{{isset($expense->category)? $expense->category->gettNameAttribute():" "}}</td>

                                            <td>{{isset($expense->expense_types)? $expense->expense_types->getNameAttribute():" "}}</td>
                                            <td>{{$expense->amount}}</td>
                                            <td>{{$expense->description}}</td>


                                            <td>