@extends('back.layouts.main')
@section('title','Transaction List')
@section('content-header')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-0">
                <div class="col-sm-6"><h1 class="m-0">Transaction List</h1></div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">Transaction</li>
                        <li class="breadcrumb-item active">Transaction List</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <section class="content container-fluid">
        <div class="card card-primary">
            <div class="card-body table-responsive">
                <div class="text-right">
                    <a type="button" class="btn bg-maroon margin mb-2" href="{{ route('transaction.create') }}"><i class="fa fa-plus-square"></i> Add Transaction</a>
                </div>
                {{ $dataTable->table(['class'=>'table table-bordered table-hover']) }}
            </div>
        </div>
    </section>
@endsection
@push('custom-css-scripts')
    <link rel="stylesheet" href="{{ asset('/') }}back/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
@endpush
@push('custom-js-scripts')
    <script src="{{ asset('/') }}back/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="{{ asset('/') }}back/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    {{ $dataTable->scripts() }}
@endpush