@extends('layouts.app')

@section('title', 'Terms of Service')

@section('content')
<div class="store-container">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1">
                <div class="store-tos">
                    <div class="store-tos-header">
                        <h1>Terms of Service</h1>
                    </div>
                    
                    <div class="store-tos-content">
                        {!! config_value('store_terms_of_service') !!}
                    </div>
                    
                    <div class="store-tos-footer">
                        <div class="tos-actions">
                            <a href="javascript:window.close();" class="btn btn-primary" id="confirmTosRead">I Have Read and Understand</a>
                        </div>
                        <div class="tos-back">
                            <a href="javascript:window.close();" class="back-link">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/>
                                </svg>
                                Return to Checkout
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const confirmTosButton = document.getElementById('confirmTosRead');
        
        confirmTosButton.addEventListener('click', function() {
            try {
                if (window.opener && !window.opener.closed) {
                    window.opener.postMessage({ type: 'tosRead', status: true }, '*');
                }
            } catch (e) {
                console.error('Error communicating with parent window:', e);
            }
            
            window.close();
        });
    });
</script>
@endpush
@endsection