@extends('layouts.master')
@section('content')
<div class="card">
    <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
        <h5>Check Books</h5> <a href="{{ route('check-books.create') }}" class="btn btn-sm btn-primary">Add New</a>
    </div>
    <div class="card-body">
        <table class="table mt-3" id="dataTable">
            <thead class="thead-light">
                <tr>
                    <th>ID</th>
                    <th>Account Name</th>
                    <th>Account No</th>
                    <th>Routing No</th>
                    <th>Total Page</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @php
                    $sn = 0;
                @endphp
                @foreach($checkBooks as $checkBook)
                    <tr>
                        <td>{{ ++$sn }}</td>
                        <td>{{ $checkBook->name }}</td>
                        <td>{{ $checkBook->account_no }}</td>
                        <td>{{ $checkBook->routing_no }}</td>
                        <td>{{ $checkBook->total_page }}</td>
                        <td>
                            <a class="btn btn-sm btn-info" href="{{ route('check-books.edit', $checkBook->id) }}">Edit</a>
                            <form action="{{ route('check-books.destroy', $checkBook->id) }}" method="post">
                                @csrf
                                @method('DELETE')
                                <button onclick="return confirm('Are you sure you want to delete this')" class="btn btn-sm btn-danger" type="submit">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection