@extends('layouts.main')
@section('content')

<h2>{{ $title }}</h2>

<a href="{{ route('bad_debts.create') }}" class="btn btn-dark">Record bad debt</a>
<hr>

<div class="table-responsive">
    <table class="table table-hover" id="expenses_table">
        <thead>
            <th>Date</th> <th>Name</th> <th>Phone number</th> <th>Invoice No.</th> <th>Amount</th> <th>User</th> <th>Action</th>
        </thead>

        <tbody>
            @foreach($bad_debts as $bad_debt)
            <tr>
                <td>{{ $bad_debt->date_written_off }}</td>
                <td>{{ $bad_debt->mainsale->customer->name }}</td>
                <td>{{ $bad_debt->mainsale->customer->phone_number }}</td>
                <td> <a href="/print_invoice/{{$bad_debt->mainsales_id}}">{{ $bad_debt->mainsales_id }}</a></td>
                <td>{{ number_format($bad_debt->amount) }}</td>
                <td>{{ $bad_debt->user->name }}</td>
                <td>
                    <form action="{{ route('bad_debts.destroy',$bad_debt->id) }}" method="post">
                        @csrf
                        @method('DELETE')

                        <button type="submit" class="btn btn-danger">Delete</button>
                    </form>
                </td>
                
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
   

@endsection