@extends('layouts.main')

@section('pageTitle', '設備狀態管理－現金存量')

@section('content')
<style>
    table {text-align: center;}
</style>
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h4>現金存量</h4>
            <div class="card">
                <div class="card-body table-responsive p-3">
                    <table id="cashNumberList" class="table table-bordered table-striped table-hover text-nowrap">
                        <thead>
                            <tr>
                                <th>設備編號</th>
                                <th>設備名稱</th>
                                <th>100元紙鈔(張)</th>
                                <th>50元硬幣(個)</th>
                                <th>10元硬幣(個)</th>
                                <th>5元硬幣(個)</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($deviceCashList as $deviceCash)
                                <tr>
                                    <td>{{ $deviceCash->cash->device->number }}</td>
                                    <td>{{ $deviceCash->cash->device->name }}</td>
                                    <td>{{ $deviceCash->cash->current_number_100 }}</td>
                                    <td>{{ $deviceCash->cash->current_number_50 }}</td>
                                    <td>{{ $deviceCash->cash->current_number_10 }}</td>
                                    <td>{{ $deviceCash->cash->current_number_5 }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->

        <div class="col-12">
            <h4>現金存量狀態</h4>
            <div class="card">
                <div class="card-body table-responsive p-3">
                    <table id="cashStatusList" class="table table-bordered table-striped table-hover text-nowrap">
                        <thead>
                            <tr>
                                <th>設備編號</th>
                                <th>設備名稱</th>
                                <th>100元紙鈔</th>
                                <th>50元硬幣</th>
                                <th>10元硬幣</th>
                                <th>5元硬幣</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($deviceCashList as $deviceCash)
                                <tr>
                                    <td>{{ $deviceCash->number }}</td>
                                    <td>{{ $deviceCash->name }}</td>
                                    <td>{{ $cashStatusArr[$deviceCash->cash->xps_current_status_100] }}</td>
                                    <td>{{ $cashStatusArr[$deviceCash->cash->xps_current_status_50] }}</td>
                                    <td>{{ $cashStatusArr[$deviceCash->cash->xps_current_status_10] }}</td>
                                    <td>{{ $cashStatusArr[$deviceCash->cash->xps_current_status_5] }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
    <a class="btn btn-danger" href="{{ route('device.index') }}">返回</a>
  <!-- /.row -->
</div>
@endsection