@extends('layout.app')
@section('content')
    <style>
        .embed {
            width: 100%;
            height: 100%;
            border: none;
            display: block;
            /* Ensure no extra space below the iframe */
            overflow: hidden;
            /* Prevent iframe scrollbars */
        }
    </style>
  <section class="innerBan">
    <div class="overlay">
        <h2>Shipping</h2>
    </div>
</section>
    <div class="col-md-11 mx-auto">
        <nav aria-label="breadcrumb" class="bg-white">
            <ol class="breadcrumb bg-white">
                <li class="breadcrumb-item"><a href="{{ route('front.home') }}">Home</a></li>
                <li class="breadcrumb-item"><a href="#">Browser Art</a></li>
                <li class="breadcrumb-item active" aria-current="page">Shipping</li>
            </ol>
        </nav>
    </div>

    <section class="artSourcesec about-us">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <img class="embed" src="{{ asset('pdfs/Art and Frame Source, Inc. Shipping Charges-1.png') }}" width="100%" height="100%">
                </div>
                <div class="col-12 text-center mt-5">
                    <button class="policy-button" onclick="pdfFunction()">Freight Claim Policy</button>
                </div>
            </div>
        </div>
    </section>
    <script>
        function pdfFunction() {
            window.open("{{ route('front.policy') }}", '_blank');
        }
    </script>
@endsection