@extends('layout.main')
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <a href="{{ route('transaksi.excel.export') }}" class="btn btn-success"><i class="fas fa-file-excel"></i>Unduh Excel</a>
                        <a href="{{ route('transaksi.generate_pdf') }}" class="btn btn-danger"><i class="fas fa-file-pdf"></i>Unduh PDF</a>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <table id="transaksi_tb" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Tanggal</th>
                                    <th>Nama Pasien</th>
                                    <th>Nama Tindakan</th>
                                    <th>Jumlah</th>
                                    <th>Subtotal</th>
                                    <th>Potongan</th>
                                    <th>Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $no = 1;
                                @endphp
                                @foreach ($transaksi as $data)
                                <tr>
                                    <td>{{ $no++ }}</td>
                                    <td>{{ date('d/m/Y', strtotime($data->created_at)) }}</td>
                                    <td>{{ $data->registrasi->pasien->nama }}</td>
                                    <td>{{ $data->tindakan->nama }}</td>
                                    <td>{{ $data->jml_tindakan }}</td>
                                    <td>{{ $data->subtotal }}</td>
                                    <td>{{ $data->potongan }}</td>
                                    <td>{{ $data->total }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
        </div>
    </div>
</section>

@push('script')
<script>
    $(function () {
        $("#transaksi_tb").DataTable({
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            "ordering": false,
        });
    });
</script>
@endpush
@endsection