@extends('tellers.drawers.base')

@section('action-content')

    <section class="content">

        @if(session('success'))
            <script>
                Swal.fire('Success', "{{ session('success') }}", 'success');
            </script>
        @endif

        @if(session('error'))
            <script>
                Swal.fire('Error', "{{ session('error') }}", 'error');
            </script>
        @endif

        <div class="row">

            {{-- LEFT COLUMN — Drawer Status --}}
            <div class="col-md-6">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title"><i class="fa fa-info-circle"></i> Drawer Status</h3>
                    </div>

                    <div class="box-body">
                        @if($drawer)
                            <p><strong>Date:</strong> {{ $drawer->date }}</p>
                            <p><strong>Opening Balance:</strong> ₵ {{ number_format($drawer->opening_balance, 2) }}</p>
                            <p><strong>Total Deposits:</strong> ₵ {{ number_format($drawer->total_deposits, 2) }}</p>
                            <p><strong>Total Withdrawals:</strong> ₵ {{ number_format($drawer->total_withdrawals, 2) }}</p>
                            <p><strong>Status:</strong> 
                                <span class="label label-success">{{ ucfirst($drawer->status) }}</span>
                            </p>
                        @else
                            <p>No open drawer found. Open one using the form on the right.</p>
                        @endif
                    </div>
                </div>
            </div>

            @if($drawer)

    <div class="col-md-12">
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">
                    <i class="fa fa-list"></i> Today's Transactions
                </h3>
            </div>

            <div class="box-body table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Time</th>
                            <th>Type</th>
                            <th>Client</th>
                            <th>Account</th>
                            <th>Amount (₵)</th>
                            <th>Reference</th>
                        </tr>
                    </thead>

                    <tbody>
                        @php $i = 1; @endphp

                        {{-- DEPOSITS --}}
                        @foreach($drawer->deposits as $dep)
                        <tr>
                            <td>{{ $i++ }}</td>
                            <td>{{ $dep->created_at->format('H:i') }}</td>
                            <td>
                                <span class="label label-success">Deposit</span>
                            </td>
                            <td>
                                {{ $dep->clientAccount->client->surname ?? '' }}
                                {{ $dep->clientAccount->client->first_name ?? '' }}
                            </td>
                            <td>
                                {{ strtoupper(str_replace('_',' ', $dep->clientAccount->account_type ?? '')) }}
                            </td>
                            <td class="text-right">
                                {{ number_format($dep->amount, 2) }}
                            </td>
                            <td>{{ $dep->reference_no }}</td>
                        </tr>
                        @endforeach

                        {{-- WITHDRAWALS --}}
                        @foreach($drawer->withdrawals as $wd)
                        <tr>
                            <td>{{ $i++ }}</td>
                            <td>{{ $wd->created_at->format('H:i') }}</td>
                            <td>
                                <span class="label label-danger">Withdrawal</span>
                            </td>
                            <td>
                                {{ $wd->clientAccount->client->surname ?? '' }}
                                {{ $wd->clientAccount->client->first_name ?? '' }}
                            </td>
                            <td>
                                {{ strtoupper(str_replace('_',' ', $wd->clientAccount->account_type ?? '')) }}
                            </td>
                            <td class="text-right text-danger">
                                -{{ number_format($wd->amount, 2) }}
                            </td>
                            <td>{{ $wd->reference }}</td>
                        </tr>
                        @endforeach

                        @if($drawer->deposits->count() == 0 && $drawer->withdrawals->count() == 0)
                        <tr>
                            <td colspan="7" class="text-center text-muted">
                                No transactions yet.
                            </td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endif

            {{-- RIGHT COLUMN — Open / Close Drawer --}}
            <div class="col-md-6">

                {{-- OPEN DRAWER --}}
                <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title"><i class="fa fa-door-open"></i> Open Drawer</h3>
                    </div>

                    <form action="{{ route('teller.drawer.open') }}" method="POST">
                        @csrf
                        <div class="box-body">

                            <div class="form-group">
                                <label>Opening Balance (₵)</label>
                                <input type="number" step="0.01" name="opening_balance" class="form-control"
                                       placeholder="Enter amount..." 
                                       @if($drawer) disabled @endif required>
                            </div>

                        </div>

                        <div class="box-footer">
                            <button type="submit" class="btn btn-success" 
                                    @if($drawer) disabled @endif>
                                <i class="fa fa-play"></i> Open Drawer
                            </button>
                        </div>
                    </form>
                </div>

                {{-- CLOSE DRAWER --}}
                <div class="box box-danger">
                    <div class="box-header with-border">
                        <h3 class="box-title"><i class="fa fa-door-closed"></i> Close Drawer</h3>
                    </div>

                    <form action="{{ $drawer ? route('teller.drawer.close', $drawer->id) : '#' }}" method="POST">
                        @csrf

                        <div class="box-body">
                            <p>Closing the drawer will calculate closing balance, based on today's activities.</p>
                        </div>

                        <div class="box-footer">
                            <button type="submit" class="btn btn-danger"
                                @if(!$drawer) disabled @endif>
                                <i class="fa fa-stop"></i> Close Drawer
                            </button>
                        </div>

                    </form>
                </div>

            </div>

        </div>

    </section>

@endsection