@extends('layouts.app')

@section('title', 'Payment Method Day Book')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Payment Method Day Book
        <small class="text-muted">Transaction Details by Payment Method</small>
    </h1>
</section>

<!-- Main content -->
<section class="content">
    @component('components.widget', ['class' => 'box-primary'])
        <div class="row">
            <div class="col-md-3 col-xs-12">
                <div class="form-group">
                    {!! Form::label('date', 'Date:') !!}
                    {!! Form::text('date', @format_date($dayBook['date'] ?? now()), ['class' => 'form-control date-picker', 'readonly', 'id' => 'date']) !!}
                </div>
            </div>
            <div class="col-md-3 col-xs-12">
                <div class="form-group">
                    {!! Form::label('payment_method', 'Payment Method:') !!}
                    {!! Form::select('payment_method', $paymentMethods ?? [], $dayBook['payment_method'] ?? 'cash', ['class' => 'form-control select2', 'style' => 'width:100%', 'id' => 'payment_method']) !!}
                </div>
            </div>
            <div class="col-md-3 col-xs-12">
                <div class="form-group">
                    {!! Form::label('location_id', __('purchase.business_location') . ':') !!}
                    {!! Form::select('location_id', $locations ?? [], null, ['class' => 'form-control select2', 'placeholder' => __('messages.all'), 'style' => 'width:100%', 'id' => 'location_filter']) !!}
                </div>
            </div>
            <div class="col-md-3 col-xs-12">
                <div class="form-group">
                    <label>&nbsp;</label><br>
                    <button type="button" class="btn btn-primary" id="filter_btn">
                        <i class="fa fa-filter"></i> @lang('messages.filter')
                    </button>
                </div>
            </div>
        </div>
    @endcomponent

    <!-- Summary Cards -->
    <div class="row">
        <div class="col-md-3 col-sm-6">
            <div class="info-box bg-aqua">
                <span class="info-box-icon"><i class="fa fa-dollar"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Opening Balance</span>
                    <span class="info-box-number">@format_currency($dayBook['opening_balance'] ?? 0)</span>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="info-box bg-green">
                <span class="info-box-icon"><i class="fa fa-arrow-down"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Total Receipts</span>
                    <span class="info-box-number">@format_currency($dayBook['total_receipts'] ?? 0)</span>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="info-box bg-red">
                <span class="info-box-icon"><i class="fa fa-arrow-up"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Total Payments</span>
                    <span class="info-box-number">@format_currency($dayBook['total_payments'] ?? 0)</span>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="info-box bg-yellow">
                <span class="info-box-icon"><i class="fa fa-balance-scale"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Closing Balance</span>
                    <span class="info-box-number">@format_currency($dayBook['closing_balance'] ?? 0)</span>
                </div>
            </div>
        </div>
    </div>

    <!-- Day Book Table -->
    <div class="row">
        <div class="col-md-12">
            <div class="box box-solid">
                <div class="box-header with-border">
                    <h3 class="box-title">{{ ucfirst($dayBook['payment_method'] ?? 'Cash') }} Day Book - {{ @format_date($dayBook['date'] ?? now()) }}</h3>
                </div>
                <div class="box-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Date & Time</th>
                                    <th>Reference</th>
                                    <th>Contact</th>
                                    <th>Description</th>
                                    <th class="text-right">Receipt</th>
                                    <th class="text-right">Payment</th>
                                    <th class="text-right">Balance</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(isset($dayBook['entries']) && count($dayBook['entries']) > 0)
                                    <tr class="bg-gray">
                                        <td colspan="4" class="text-right"><strong>Opening Balance</strong></td>
                                        <td colspan="3" class="text-right"><strong>@format_currency($dayBook['opening_balance'] ?? 0)</strong></td>
                                    </tr>
                                    @foreach($dayBook['entries'] as $entry)
                                    <tr>
                                        <td>{{ @format_datetime($entry['date'] ?? null) }}</td>
                                        <td>{{ $entry['reference'] ?? 'N/A' }}</td>
                                        <td>{{ $entry['contact'] ?? 'N/A' }}</td>
                                        <td>{{ $entry['description'] ?? 'N/A' }}</td>
                                        <td class="text-right">@format_currency($entry['receipt'] ?? 0)</td>
                                        <td class="text-right">@format_currency($entry['payment'] ?? 0)</td>
                                        <td class="text-right"><strong>@format_currency($entry['balance'] ?? 0)</strong></td>
                                    </tr>
                                    @endforeach
                                    <tr class="bg-gray">
                                        <td colspan="4" class="text-right"><strong>Closing Balance</strong></td>
                                        <td colspan="3" class="text-right"><strong>@format_currency($dayBook['closing_balance'] ?? 0)</strong></td>
                                    </tr>
                                @else
                                    <tr>
                                        <td colspan="7" class="text-center">No transactions found for the selected date and payment method.</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>

@endsection

@section('javascript')
<script type="text/javascript">
    $(document).ready(function() {
        // Date picker
        $('.date-picker').datepicker({
            autoclose: true,
            format: datepicker_date_format
        });

        // Filter button
        $('#filter_btn').on('click', function() {
            var date = $('#date').val();
            var paymentMethod = $('#payment_method').val();
            var locationId = $('#location_filter').val();
            
            var url = '{{ route("accounting-reports.payment-methods.day-book") }}';
            url += '?date=' + date + '&payment_method=' + paymentMethod;
            if (locationId) {
                url += '&location_id=' + locationId;
            }
            
            window.location.href = url;
        });
    });
</script>
@endsection