@extends('layouts.app', ['page' => 'reports.compras'])

@section('title', __('Reporte de Compras Diarias'))
 
@section('page_header')

    <div class="page__heading d-flex align-items-center">
        <div class="flex">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="#"><i class="material-icons icon-20pt">home</i></a></li>
                    <li class="breadcrumb-item" aria-current="page"><a href="{{ route('reports.agentes') }}">{{ __('messages.reports') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Reporte de Compras Diarias</li>
                </ol>
            </nav>
            <h1 class="m-0">Reporte de Compras Diarias</h1>
        </div>
                    <a data-toggle="modal" data-target="#ReporteCompras">
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#ReporteCompras">
  <i class="fa fa-plus" aria-hidden="true"></i>
CREAR REPORTE</button>
                                    </a>
                                    <p>&nbsp;&nbsp;</p>

                                 
    <button onclick="reloadFrame()" type="button" class="btn btn-outline-warning" >
<i class="fa fa-refresh" aria-hidden="true"></i>
   Refrezcar Tabla
</button>
                                    </a>

    </div>
@endsection 
 
@section('content') 
    <div class="row">
        <div class="col-12 col-md-8">
            <form method="GET">
                <div class="row">
                    <div class="col-12 col-md-4 pl-0 ml-3">
                        <div class="form-group form-inline">
                        </div>
</div>
        </div>            </div>

    </div>
    <div class="pdf-iframe">
                                   <iframe id="myIfr"  src="https://dashboard.boxshoplogistics.com/api/compras/reporte.php" frameborder="0" scrolling="yes" allowfullscreen></iframe>

    </div>
     <script>

function reloadFrame(){
  document.getElementById('myIfr').src = document.getElementById('myIfr').src;
}   
</script>
@endsection