@extends('expert.master')

@section('title', 'Transaksi Penerimaan - ' . $settingsinfo->company_name . ' - ' . $settingsinfo->soft_name)

@section('content')

    @include('expert.sidebar')
    @include('expert.topbar')

    <style type="text/css">
        .modal-dialog {
            max-width: 950px !important;
        }
    </style>

    <div class="clearfix"></div>

    <div class="content-wrapper">
        <div class="container-fluid">

            <div class="row">
                <div class="col-lg-12">

                    <!-- HEADER CARD GELAP -->
                    <div class="card bg-dark">
                        <div class="card-header border-0 bg-transparent text-white">
                            <i class="fa fa-share"></i>
                            <span> Transaksi Penerimaan</span>
                        </div>

                        <div class="card">

                            <!-- TITLE BAR -->
                            <div class="card-header">
                                <div style="display:inline-block; padding-top:5px;">
                                    <i class="fa fa-table"></i> Daftar Transaksi Penerimaan
                                </div>

                                <button type="button" class="btn btn-dark btn-sm waves-effect waves-light pull-right"
                                    id="addNew">
                                    <i class="fa fa-plus"></i> <span>Tambah Baru</span>
                                </button>
                            </div>

                            <!-- BODY -->
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table id="dataTable" class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th width="5%">No.</th>
                                                <th width="10%">Nomor Transaksi</th>
                                                <th width="18%">Nominal</th>
                                                <th width="15%">Tanggal</th>
                                                <th>Keterangan</th>
                                                <th width="12%" class="text-center">Aksi</th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            @php $i = 1; @endphp
                                            @foreach ($vouchers as $voucher)
                                                <tr>
                                                    <td>{{ $i++ }}</td>
                                                    <td>{{ $voucher->voucher_code }}</td>

                                                    <!-- FORMAT NOMINAL -->
                                                    <td>
                                                        @if ($set_currency->currency_position == 2)
                                                            {{ $set_currency->symbol }}
                                                        @endif

                                                        {{ number_format($voucher->transaction_amount, 2) }}

                                                        @if ($set_currency->currency_position == 1)
                                                            {{ $set_currency->symbol }}
                                                        @endif

                                                        {{ $set_currency->currency_text }}
                                                    </td>

                                                    <td>{{ date('d/m/Y', strtotime($voucher->transaction_date)) }}</td>
                                                    <td>{{ $voucher->remarks }}</td>

                                                    <!-- AKSI -->
                                                    <td class="text-center">

                                                        <button type="button"
                                                            class="btn btn-info btn-sm waves-effect waves-light printView"
                                                            data="{{ $voucher->id }}">
                                                            <i class="fa fa-eye"></i> <span>Lihat</span>
                                                        </button>

                                                        <button type="button"
                                                            class="btn btn-warning btn-sm waves-effect waves-light edit"
                                                            data="{{ $voucher->id }}">
                                                            <i class="fa fa-edit"></i> <span>Edit</span>
                                                        </button>

                                                        <button type="button"
                                                            class="btn btn-danger btn-sm waves-effect waves-light delete"
                                                            data="{{ $voucher->id }}">
                                                            <i class="fa fa-trash"></i> <span>Hapus</span>
                                                        </button>

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

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

                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>


@endsection

@section('js')
    <script>
        $(document).ready(function() {
            dataTableLoad({
                curUrl: "{{ route('Accounts.receive_voucher.index') }}",
                addUrl: "{{ route('Accounts.receive_voucher.create') }}"
            });
        });
    </script>
@endsection