@extends('customer.layouts.app')

@push('stylesheets')
    <style>
        .frame-container {
            position: relative;
        }

        .hide-link {
            position: absolute;
            right: 14px;
            top: 60px;
            width: 60px;
            height: 60px;
            background: #d1d1d1;
        }

        /*for hide top nav in admin template*/
        .main-panel .navbar {
            display: none;
        }

        .card-header{
            display: none;
        }
    </style>
@endpush
@section('content')
    <h1 style="z-index: 9;position:relative;">
        <div class="float-right mr-1">
            <a href="{{ URL()->previous() }}" class="btn btn-sm btn-primary">Back</a>
        </div>
    </h1>
    <div class="container-fluid position-relative" id="pdf-div">
        <div class="frame-container">
            <div class="hide-link"></div>
            <iframe width="100%" height="2000"
                src="https://docs.google.com/gview?url={{ asset('storage/' . $file->file_path) }}&embedded=true"></iframe>
            {{-- <iframe width="100%" height="2000"
                src="https://docs.google.com/gview?url=https://demo.scorpiotechnologies.net/GARC-CI/uploads/1.doc&embedded=true"></iframe> --}}
        </div>
    </div>
@endsection

@push('scripts')
@endpush