@extends('layouts.app')
@section('title', 'Closed Register Log')

@section('content')
<section class="content-header no-print">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">Closed Register Log</h1>
    <div style="margin-top:10px;">
        <a href="{{ action([\App\Http\Controllers\ClosedRegisterLogController::class, 'show'], [$log->id]) }}" class="btn btn-default">
            <i class="fa fa-arrow-left"></i> @lang('messages.go_back')
        </a>
        <button type="button" class="btn btn-primary" onclick="window.print();">
            <i class="fa fa-print"></i> @lang('messages.print')
        </button>
    </div>
</section>

<section class="content">
    <style>
        /* Smaller text for a cleaner print layout */
        .crl-print,
        .crl-print table,
        .crl-print p,
        .crl-print td,
        .crl-print th {
            font-size: 11px;
        }
        .crl-print h2.page-header {
            font-size: 18px;
            margin: 10px 0 10px 0;
            padding-bottom: 6px;
        }
        .crl-print h4 {
            font-size: 13px;
            margin: 8px 0;
            font-weight: 700;
        }
        .crl-print .table > thead > tr > th,
        .crl-print .table > tbody > tr > td,
        .crl-print .table > tfoot > tr > th {
            padding: 6px 6px;
        }

        /* Normalize the saved register snapshot (it's modal HTML). */
        .crl-print .crl_snapshot .modal-dialog {
            width: 100% !important;
            margin: 0 !important;
        }
        .crl-print .crl_snapshot .modal-content {
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
        }
        /* Hide the modal header (we already show the register window above). */
        .crl-print .crl_snapshot .modal-header {
            display: none !important;
        }
        .crl-print .crl_snapshot .modal-body {
            padding: 0 !important;
        }
        .crl-print .crl_snapshot hr {
            margin: 8px 0 !important;
            border-top: 1px solid #d1d5db !important;
        }
        .crl-print .crl_snapshot h3,
        .crl-print .crl_snapshot h4 {
            margin: 6px 0 !important;
        }
        .crl-print .crl_snapshot .table {
            margin-bottom: 10px !important;
        }
        .crl-print .crl_snapshot .table-slim > thead > tr > th,
        .crl-print .crl_snapshot .table-slim > tbody > tr > td,
        .crl-print .crl_snapshot .table-slim > tfoot > tr > th {
            padding: 4px 6px !important;
        }
        /* Remove any thick separators inside the snapshot */
        .crl-print .crl_snapshot .page-header,
        .crl-print .crl_snapshot .box,
        .crl-print .crl_snapshot .box-header,
        .crl-print .crl_snapshot .box-body {
            border: 0 !important;
            box-shadow: none !important;
        }
        /* Cash denomination tables: keep compact */
        .crl-print .crl_snapshot .row { margin-left: 0; margin-right: 0; }
        .crl-print .crl_snapshot [class*="col-"] { padding-left: 0; padding-right: 0; }

        /* Today's sales table tweaks */
        .crl-print .sales-table th,
        .crl-print .sales-table td {
            padding: 5px 6px !important;
            font-size: 10.5px;
        }

        @media print {
            .crl_snapshot .modal-footer { display: none !important; }
            .crl-print .no-print { display: none !important; }
            /* Prevent modal print CSS from snapshot from repositioning anything */
            .modal { position: static !important; }
        }
    </style>

    <div class="crl-print">
    <div class="row print_section">
        <div class="col-xs-12">
            <h2 class="page-header">
                {{ session()->get('business.name') }}
                <small class="pull-right">
                    <b>@lang('messages.date'):</b> {{ \Carbon::now()->format('m/d/Y H:i') }}
                </small>
            </h2>
        </div>
    </div>

    <div class="row print_section">
        <div class="col-xs-12">
            <p class="word-wrap">
                <strong>Register Window:</strong>
                {{ !empty($log->open_time) ? \Carbon::parse($log->open_time)->format('m/d/Y H:i') : '' }}
                to
                {{ !empty($log->closed_at) ? \Carbon::parse($log->closed_at)->format('m/d/Y H:i') : '' }}
                @if(!empty($log->location_id))
                    <br><strong>@lang('sale.location'):</strong> {{ optional(\App\BusinessLocation::find($log->location_id))->name ?? '--' }}
                @endif
            </p>
        </div>
    </div>

    <div class="row print_section">
        <div class="col-xs-12">
            <h4 style="margin-top:0;">Register Summary</h4>
            <div class="crl_snapshot">
                {!! $log->snapshot_html !!}
            </div>
        </div>
    </div>

    <div class="row print_section" style="margin-top:15px;">
        <div class="col-xs-12">
            <h4 style="margin-top:0;">Today's Sales</h4>
            <div class="table-responsive">
                <table class="table table-bordered table-striped sales-table">
                    <thead>
                        <tr class="bg-gray">
                            <th style="width:70px;">Confirmed</th>
                            <th>@lang('messages.date')</th>
                            <th>@lang('sale.invoice_no')</th>
                            <th>@lang('contact.customer')</th>
                            <th>@lang('lang_v1.payment_method')</th>
                            <th class="text-right">@lang('sale.total')</th>
                            <th class="text-right">Cash Refund</th>
                            <th class="text-right">Store Credit</th>
                            <th>@lang('lang_v1.added_by')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($rows as $row)
                            <tr>
                                <td class="text-center">{{ !empty($row->is_confirmed) ? __('messages.yes') : '' }}</td>
                                <td>{{ !empty($row->transaction_date) ? \Carbon::parse($row->transaction_date)->format('m/d/Y H:i') : '' }}</td>
                                <td>{{ $row->invoice_no }}</td>
                                <td>{{ $row->customer_name }}</td>
                                <td>{{ $row->payment_methods_label }}</td>
                                <td class="text-right"><span class="display_currency" data-currency_symbol="true">{{ $row->final_total }}</span></td>
                                <td class="text-right"><span class="display_currency" data-currency_symbol="true">{{ $row->cash_refund }}</span></td>
                                <td class="text-right"><span class="display_currency" data-currency_symbol="true">{{ $row->store_credit }}</span></td>
                                <td>{{ $row->added_by }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center text-muted">@lang('messages.no_data')</td>
                            </tr>
                        @endforelse
                    </tbody>
                    <tfoot>
                        <tr class="bg-gray">
                            <th colspan="5" class="text-right">@lang('sale.total'):</th>
                            <th class="text-right"><span class="display_currency" data-currency_symbol="true">{{ $totals['sale_total'] ?? 0 }}</span></th>
                            <th class="text-right"><span class="display_currency" data-currency_symbol="true">{{ $totals['cash_refund'] ?? 0 }}</span></th>
                            <th class="text-right"><span class="display_currency" data-currency_symbol="true">{{ $totals['store_credit'] ?? 0 }}</span></th>
                            <th></th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</section>
    </div>
@endsection

@section('javascript')
<script>
$(document).ready(function () {
    // Hide snapshot modal footer buttons when printing.
    $('.crl_snapshot').find('.modal-footer').hide();
    __currency_convert_recursively($(document));

    // Auto-open the print dialog when the print page loads.
    setTimeout(function () {
        window.print();
    }, 400);
});
</script>
@endsection