@extends('layouts.app')
@section('title', 'Stored Value Ledger')

@section('content')
<section class="content-header">
    <h1>{{ $account->name }} <small>{{ $account->masked_code }}</small></h1>
</section>
<section class="content">
    @if(session('stored_value_plain_code'))
        <div class="alert alert-success">
            <strong>New code: <span style="font-size:18px">{{ session('stored_value_plain_code') }}</span></strong><br>
            Save or print it now. For security, the complete code is not stored and cannot be shown again.
        </div>
    @endif
    <div class="row">
        <div class="col-md-4">
            @component('components.widget', ['title' => 'Account'])
                <dl class="dl-horizontal">
                    <dt>Type</dt><dd>{{ \App\Utils\StoredValueService::LABELS[$account->type] ?? $account->type }}</dd>
                    <dt>Customer</dt><dd>{{ optional($account->contact)->name ?: 'Bearer' }}</dd>
                    <dt>Initial value</dt><dd>@format_currency($account->initial_balance)</dd>
                    <dt>Balance</dt><dd><strong>@format_currency($account->balance)</strong></dd>
                    <dt>Status</dt><dd>{{ ucfirst($account->status) }}</dd>
                    <dt>Expires</dt><dd>{{ optional($account->expires_at)->format('M d, Y h:i A') ?: 'Never' }}</dd>
                </dl>
                {!! Form::open(['route' => ['stored-value.status', $account->id], 'method' => 'post', 'style' => 'display:inline']) !!}
                    {!! Form::hidden('status', $account->status === 'active' ? 'suspended' : 'active') !!}
                    <button class="btn btn-{{ $account->status === 'active' ? 'warning' : 'success' }}">{{ $account->status === 'active' ? 'Suspend' : 'Activate' }}</button>
                {!! Form::close() !!}
                <a href="{{ route('stored-value.index') }}" class="btn btn-default">Back</a>
            @endcomponent
            @component('components.widget', ['title' => 'Manager adjustment'])
                {!! Form::open(['route' => ['stored-value.adjust', $account->id], 'method' => 'post']) !!}
                <div class="form-group">
                    {!! Form::label('amount', 'Amount:*') !!}
                    {!! Form::text('amount', null, ['class' => 'form-control input_number', 'required', 'placeholder' => 'Use a negative number to deduct']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('notes', 'Reason:*') !!}
                    {!! Form::textarea('notes', null, ['class' => 'form-control', 'rows' => 2, 'required']) !!}
                </div>
                <button class="btn btn-primary">Post adjustment</button>
                {!! Form::close() !!}
            @endcomponent
        </div>
        <div class="col-md-8">
            @component('components.widget', ['title' => 'Balance ledger'])
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead><tr><th>Date</th><th>Type</th><th>Reference</th><th>Notes</th><th>Change</th><th>Balance</th></tr></thead>
                        <tbody>
                        @foreach($ledger as $entry)
                            <tr>
                                <td>{{ $entry->created_at->format('M d, Y h:i A') }}</td>
                                <td>{{ ucwords(str_replace('_', ' ', $entry->entry_type)) }}</td>
                                <td>{{ $entry->reference }}</td>
                                <td>{{ $entry->notes }}</td>
                                <td class="{{ $entry->amount < 0 ? 'text-danger' : 'text-success' }}">@format_currency($entry->amount)</td>
                                <td>@format_currency($entry->balance_after)</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                {{ $ledger->links() }}
            @endcomponent
        </div>
    </div>
</section>
@endsection