@extends('layout.master')
@section('content')

<style>
.submit-btn {
  width: 70px;
  height: 37px;
  padding: 7px;
}
</style>

<div class="main-content app-content">
  <div class="container-fluid">

    <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb">
      <div>
        <h2 class="main-content-title fs-24 mb-1">Expense</h2>
        <ol class="breadcrumb mb-0">
          <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
          <li class="breadcrumb-item active" aria-current="page">Expense List</li>
        </ol>
      </div>
      <div class="d-flex">
        <div class="justify-content-center">
          <a type="button" href="{{ route('expense.create') }}"
            class="btn btn-primary my-2 btn-icon-text d-inline-flex align-items-center">
            <i class="fa-solid fa-plus me-2 fs-14"></i>New Sheet
          </a>
        </div>
      </div>
    </div>
    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
      {{ session('success') }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif
    <form action="{{ route('import.expenses') }}" method="POST" enctype="multipart/form-data">
      @csrf
      <input type="file" name="file" required>
      <button type="submit">Upload Expenses</button>
    </form>
    <div class="row">
      <div class="col-md-6">
        <!-- <h3> {{ date("d-m-Y")  }}</h3> -->
        <p>Amount in Bank: RS: <span style="font-size: 25px">{{ number_format($inbank->in_bank ?? 0 ,2)?? 0 }}</span>
        </p>
      </div>
      <div class="col-md-6">
        <form class='d-flex align-items-center gap-1' method="get" action="{{ route('expense.index') }}">
          @csrf
          <p class="m-0">From:</p>
          <input type="date" class="form-control" name="start">
          <p class="m-0">To:</p>
          <input type="date" class="form-control" name="end">
          <input type="submit" class="form-control btn btn-primary submit-btn" name="Submit">
        </form>
      </div>
    </div>
    <div class="card custom-card mt-3">
      <div class="card-body">
        <div class="table-responsive">
          <table id="delete-datatable_wrapper" class="table tabp" style="width:100%">
            <thead class="">
              <tr>
                <th>S.No</th>
                <th>Total Credit</th>
                <th>Total Debit</th>
                <th>Total Expense</th>
                <th>Total Credit In Doller</th>
                <th>In Bank</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($expenses as $expense)
              <tr>
                <td>{{ $expense->sno }}</td>
                <td>{{ number_format($expense->total_credit) }}</td>
                <td>{{ number_format($expense->total_debit, 2) }}</td>
                <td>{{ number_format($expense->total_expense) }}</td>
                <td>${{ number_format($expense->total_credit_in_dollar, 2) }}</td>
                <td>{{ number_format($expense->in_bank) }}</td>


                <td class="d-flex gap-1">
                  @can('expense show')
                  <a href="{{ route('expense.show', $expense->sno) }}" class="btn btn-primary btn-sm" title="Show"><i
                      class="ri-eye-2-line "></i></a>
                  @endcan()
                  @can('expense edit')
                  <a href="{{ route('expense.edit', $expense->sno) }}" class="btn btn-warning  btn-sm"><i
                      class="ri-edit-2-line "></i></a>
                  @endcan()
                  @can('expense delete')
                  <form action="{{ route('expense.destroy', $expense->sno) }}" method="post">
                    @method('DELETE')
                    @csrf
                    <button type="submit" class="btn btn-danger  btn-sm" onclick="return confirm('Are you sure?')"><i
                        class="ri-delete-bin-line align-middle"></i></button>

                  </form>
                  @endcan()

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

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



    <!-- Expense Index Blade -->



  </div>
</div>
@endsection