@extends('layouts.admin')
@section('content')
<div class="content">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    Dashboard
                </div>

                <div class="card-body">
                    @if(session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
			@endif
			 <ul class="nav nav-tabs" id="myTab" role="tablist">
                       	 	<li class="nav-item" role="presentation">
                            		<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#iso2022" type="button" role="tab" aria-controls="iso2022" aria-selected="true">
						ISO 15189: 2022
					</button>
                        	</li>
                        	<li class="nav-item" role="presentation">
                            		<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#iso2017"  type="button" role="tab" a ria-controls="iso2017" aria-selected="false">
						GS ISO 15189:2017
					</button>
                        	</li>
                    	</ul>
                    	<div class="tab-content" id="myTabContent">
                        	<div class="tab-pane fade show active" id="iso2022" role="tabpanel" aria-labelledby="home-tab">
                            		<div style="width: 100%; height: 700px; position: relative;">
                                		<iframe src="https://drive.google.com/file/d/1p739SMc-yaaisess0unWDen7nA9Am8gR/preview" width="100%" height="700" allow="autoplay"></iframe>
                                		<div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;">
                                    			&nbsp;
						</div>
                            		</div>
				</div>
                        	<div class="tab-pane fade" id="iso2017" role="tabpanel" aria-labelledby="profile-tab">
                            		<div style="width: 100%; height: 700px; position: relative;">
                               			sss <iframe src="https://drive.google.com/file/d/1p739SMc-yaaisess0unWDen7nA9Am8gR/preview"  width="100%" height="700" allow="autoplay"></iframe>
                                		<div  style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;">
                                    			&nbsp;
						</div>
                            		</div>
                    		</div>
			</div>



<!--<ul class="nav nav-tabs" id="myTab" role="tablist">
 				 <li class="nav-item" role="presentation">
    					<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">GS ISO 15189: 2022</button>
  				</li>
				  <li class="nav-item" role="presentation">
   					 <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">GS ISO 15189: 2017</button>
				  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
  </li> 
			</ul>
			<div class="tab-content" id="myTabContent">
				<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
					<div  style="width: 100%; height: 700px; position: relative;">
      				              <iframe src="https://drive.google.com/file/d/1p739SMc-yaaisess0unWDen7nA9Am8gR/preview" width="100%" height="700" allow="autoplay"></iframe>
                   				 <div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;">&nbsp;</div>
					</div>
				</div>
				 <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
				         <div  style="width: 100%; height: 700px; position: relative;">
                                        sss      <iframe src="https://drive.google.com/file/d/1p739SMc-yaaisess0unWDen7nA9Am8gR/preview" width="100%" height="700" allow="autoplay"></iframe>
                                                 <div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;">&nbsp;</div>
                                        </div>
				</div>
 			 <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
			</div>
                    <div  style="width: 100%; height: 700px; position: relative;">
                    <iframe src="https://drive.google.com/file/d/1p739SMc-yaaisess0unWDen7nA9Am8gR/preview" width="100%" height="700" allow="autoplay"></iframe>
                    <div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;">&nbsp;</div>
</div>
-->
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent

@endsection