@extends('admin.layouts.app')
@section('title', 'Expenses')
@section('content')


<div class="pagetitle">
    <h1>Expenses</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Expenses</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->

  <section class="section">
    <div class="row">
      <div class="col-lg-12">

        <div class="card">
          <div class="card-body">
            <h5 class="card-title">All System Expenses</h5>
            {{-- <p>Add lightweight datatables to your project with using the <a href="https://github.com/fiduswriter/Simple-DataTables" target="_blank">Simple DataTables</a> library. Just add <code>.datatable</code> class name to any table you wish to conver to a datatable. Check for <a href="https://fiduswriter.github.io/simple-datatables/demos/" target="_blank">more examples</a>.</p> --}}

            <!-- Table with stripped rows -->
              <div class="table-responsive">

                  <table class="table datatable table-responsive">
                      <thead>
                        <tr>
                            <th>Title</th>
                            <th>Amount</th>
                            <th>Purpose</th>
                            <th>Date</th>
                            @if(Auth::guard('admin')->user()->type == 'admin')
                            <th>Action</th>
                            @endif
                        </tr>
                      </thead>
                      <tbody>
                        @forelse($expenses as $expense)
                        <tr>
                            <td>
                                {{ $expense->title }}
                            </td>
                            <td>
                                {{ $expense->amount }}
                            </td>
                            <td>
                                {{ $expense->date }}
                            </td>
                            <td>{!! $expense->purpose !!}</td>
                            @if(Auth::guard('admin')->user()->type == 'admin')
                            <td>
                                <a href="{{ route('admin.expenses.edit',['expense'=>$expense->id]) }}" class="btn btn-primary">Edit</a>
                                <a href="#" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#expenseModal{{ $expense->id }}">Delete</a>

                            </td>
                            @endif
                        </tr>
                        <!-- Modal -->
                        <div class="modal fade" id="expenseModal{{ $expense->id }}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="expenseModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                            <div class="modal-content modal-dialog-center">
                                <div class="modal-header">
                                <h1 class="modal-title fs-5" id="expenseModalLabel">Delete Expense:<b class="text-success"> {{ $expense->name }}</b>?</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <p>Are you sure you want to remove Expense: {{ $expense->name }}</p>
                                    <p>Everything related to <b class="text-success">{{ $expense->name }}</b> that you have saved will be lost, please make sure you know what you are doing</p>
                                </div>
                                <form action="{{ route('admin.expenses.destroy',['expense'=>$expense->id]) }}" method="POST">
                                    @csrf
                                    @method('delete')
                                    <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                    <button type="submit" class="btn btn-danger">Yes, Delete</button>
                                </form>
                                </div>
                            </div>
                            </div>
                        </div>

                    @empty
                        <tr>
                            <td class="colspan-12">
                                No Expense Yet.
                                Please   <a href="{{ route('admin.expenses.create') }}" class="btn">ADD AN EXPENSE </a>
                            </td>
                        </tr>
                    @endforelse
                      </tbody>
                    </table>

              </div>


            <!-- End Table with stripped rows -->

          </div>
        </div>

      </div>
    </div>
</section>


@endsection