@extends('layouts.guest')
@section('title', __('rma.print_rma') . ' - ' . $rma->rma_no)

@section('content')
<div class="container">
    <div class="spacer"></div>
    <div class="row">
        <div class="col-md-12 text-right mb-12">
            <button type="button" class="tw-dw-btn tw-dw-btn-primary tw-text-white no-print tw-dw-btn-sm" id="print_rma"
                 aria-label="Print"><i class="fas fa-print"></i> @lang('messages.print')
            </button>
            @auth
                <a href="{{ action([\App\Http\Controllers\RmaController::class, 'index']) }}" class="tw-dw-btn tw-dw-btn-success tw-text-white no-print tw-dw-btn-sm">
                    <i class="fas fa-backward"></i>
                </a>
            @endauth
        </div>
    </div>

    <div class="row">
        <div class="col-md-8 col-md-offset-2 col-sm-12" style="border: 1px solid #ccc;">
            <div class="spacer"></div>
            <div id="rma_content">
                @include('rma.partials.receipt', ['rma' => $rma, 'business' => $business, 'invoice_layout' => $invoice_layout, 'location_details' => $location_details, 'logo' => $logo])
            </div>
            <div class="spacer"></div>
        </div>
    </div>
    <div class="spacer"></div>
</div>
@stop

@section('javascript')
<script type="text/javascript">
    $(document).ready(function(){
        $(document).on('click', '#print_rma', function(){
            $('#rma_content').printThis();
        });

        // Keep behavior consistent with other printed documents.
        $(window).on('load', function(){
            $('#rma_content').printThis();
        });
    });
</script>
@endsection