@extends('menu/menu')
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

@section('content')

    <hr class="separador mb-5">


    <div class="card p-5"  >


<div class="">
  <div style="display: flex; justify-content: space-between;">
    {{-- <input type="button"  class=" btn-success" value="Volver" href="{{ url()->previous() }}" style="margin-right: 10px;"> --}}
    {{-- <a href="{{ url()->previous() }}" class="btn btn-primary" style="margin-right: 10px;">Volver</a> --}}
    {{-- <a href="{{ url()->previous() }}" class="btn btn-primary" style="margin-right: 10px; text-align:center;">Volver</a> --}}
    <div style="text-align:left;">
      <a href="{{ url()->previous() }}" class="btn btn-primary" style="margin-right: 10px; text-align:center;">Volver</a>
    </div>
    <form action="{{route('go.descargarinformeuno') }}" method="get" class="needs-validation">
      @csrf
  
      <input type="text" style="display: none" name="data1" value="{{$data1}}" id="">
      <input type="text" style="display: none" name="data2" value="{{$data2}}" id="">
      <input type="text" style="display: none" name="data3" value="{{$data3}}" id="">
      <input type="text" style="display: none" name="datajpg" value="{{$datajpg}}" id="">
      <input type="submit" value="PDF" class="btn btn-danger">
    </form>
  </div> 
</div>

      <div class="container">
           <div class="row">
              <iframe src="{{ $data1 }}" style="border: 0; width: 100%; height: 140vh; transform: scale(0.8); margin-bottom:-10%; "></iframe>
           </div>
           <div class="row">
              <iframe src="{{ $data2 }}" style="border: 0; width: 100%; height: 140vh; transform: scale(0.8); margin-bottom:-10%; "></iframe>
           </div>

           <div class="row">
              <iframe src="{{ $data3 }}" style="border: 0; width: 100%; height: 140vh; transform: scale(0.8); margin-bottom:-10%; "></iframe>
           </div>

           
      </div>
      <div class="container" style="text-align: center">
          {{-- <div style="height: 500px;"> --}}
            {{-- <iframe src="{{ $datajpg }}" style="border: 0; width: 100%; height: 140vh; transform: scale(0.8); margin-bottom:-10%; "></iframe> --}}
            <img src="{{ $datajpg }}"  width="50%" alt="">

          {{-- </div> --}}
       
      </div>
        {{-- <div class="row" > 
         <div class="container">
          <iframe src="{{ $data1 }}" style="width: 100%; height: 100vh;" ></iframe>
         
          <iframe src="{{ $data2 }}" style="width: 100%; height: 100vh;" ></iframe>

          <iframe src="{{ $data3 }}" style="width: 100%; height: 100vh;" ></iframe>

          <iframe src="{{ $datajpg }}" style="width: 100%; height: 100vh;" ></iframe>

        </div>  

        </div>   --}}

            
    </div>



@endsection
<script>

  </script>
  <style>
    .row {
  margin: 0;
}
  </style>