@extends('base')

@section('content')
    <h4 class="card-title mb-4">Listado De Egresos</h4>

    <h4 class="card-title mb-4"><a class="btn btn-info" href="{{ route('expenses.create')}}">Crear Egreso</a></h4>

    <div class="table-responsive">
        <table class="table table-centered mb-0 mt-10 align-middle table-hover table-nowrap" id="datatable">
            <thead class="table-light">
                <tr>
                    <th>Código</th>
                    <th>Concepto</th>
                    <th>Monto</th>
                    <th>Fecha de Egreso</th>
                    <th>Proveedor</th>
                    <th>Referencia de pago</th>
                    <th>Metodo de pago</th>
                    <th>Acciones</th>

                </tr>
            </thead><!-- end thead -->
            <tbody>
                @foreach ($expenses as $expense)
                    <tr>
                        <td>{{ $expense->id }}</td>
                        <td>{{ $expense->concept->name_concept }}</td>
                        <td>{{ $expense->amount }}</td>
                        <td>{{ $expense->expenses_date }}</td>
                        <td>{{ $expense->vendor->name }}</td>
                        <td>{{ $expense->reference_payment }}</td>
                        <td>{{ $expense->payment_method }}</td>
                        <td>
                            <div class="mt-2">
                                <form action="{{ route('expenses.destroy', $expense->id) }}" method="POST">
                                    <a class="btn btn-primary btn-sm" href="{{ route('expenses.edit', $expense->id) }}">
                                        <span class="fas fa-edit"></span></a>
                                    @csrf
                                    @method('POST')
                                    <button type="submit" class="btn btn-danger btn-sm mr-1" ><span
                                            class="fas fa-trash"></span></button>
                                    <a class="btn btn-secondary btn-sm"
                                        href=""><span
                                            class="fas fa-file-pdf"></span></a>
                                </form>

                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection