@extends('layouts.planti')
@section('contenido')

    @if(Session::has('success'))
        <div class="alert alert-info">
            {{Session::get('success')}}
        </div>
    @endif

    <style>
            body,html{
                margin: 0px !important;
                padding: 0px !important;
            }
        </style>
    <center>
        <h4 class="h4 mb-0 text-gray-800">Revision de Envios de OC por Webservice</h4>

    </center>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="row">
                    <div class="mx-auto">
                        <div class="col-md-12">
                            <form  class="form-horizontal" method="get" action="/revision-oc-ws">
                                <div class="col-md-2"> </div>
                                <div class="col-md-3">  
                                    Desde
                                    <input type="text" hidden id="exportar" name="exportar" value="N">
                                    <input type='date' name="ini" id="ini" class="form-control" value="{{$ini}}"  />
                                </div>
                                <div class="col-md-3">  
                                    Hasta
                                    <input type='date' name="fin" id="fin" class="form-control" value="{{$fin}}"  />
                                </div>
                                <div class="col-md-2">  
                                    <br>
                                    <input type="submit" class="btn btn-success" value="Filtrar">
                                    <button onclick="exportar_oc()" type="button" class="btn btn-dark">Exportar</button>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-12" style="background: white">
                            <table id="datatable" class="table table-bordered table-condensed table-hover">
                                <thead style="background: #888; color: white">
                                    <tr>
                                        <th>Orden de Compra</th>
                                        <th>No. Control Interno</th>
                                        <th>Numero DO</th>
                                        <th>Fecha OC</th>
                                        <th>Creacion</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(count($oc) > 0)
                                        @foreach($oc as $o) 
                                            <tr>
                                                <td>{{$o->po}}</td>
                                                <td>{{$o->pedido}}</td>
                                                <td>{{$o->numero_do}}</td>
                                                <td>{{$o->fecha_po}}</td>
                                                <td>{{$o->Created_at}}</td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr><td colspan="5">No hay informacion relacionada</td></tr>
                                    @endif
                                </tbody>

                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><br>

   <script>
        function exportar_oc() {
            location.href = "/revision-oc-ws?ini=" + $("#ini").val()+"&fin="+ $("#fin").val()+"&exportar=S";
        }

        function Abrir(kp,pro,fi,ff) {
            //alert(kp);
            var titulo = "KPI";
            window.open("/rkpidetalle/"+kp+"/"+pro+"/"+fi+"/"+ff, "width=850, height=600");

        }

        //PrintElem(obj);
        function PrintElem() {
            obj =document.getElementById('print');
            Popup(obj.innerHTML);
        }

        function Popup(data) {
            var mywindow = window.open('', 'new div', 'height=400,width=600');
            mywindow.document.write('<html><head><title></title>');
            mywindow.document.write('<link href="{{ asset('vendors/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- Font Awesome -->');
            mywindow.document.write('<link href="{{ asset('vendors/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- NProgress -->');
            mywindow.document.write('<link href="{{ asset('vendors/nprogress/nprogress.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- iCheck -->');
            mywindow.document.write('<link href="{{ asset('vendors/iCheck/skins/flat/green.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- Custom Theme Style -->');
            mywindow.document.write('<link href="{{ asset('build/css/custom.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- Datatables -->');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-bs/css/dataTables.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('</head><body >');
            mywindow.document.write(data);
            mywindow.document.write('</body></html>');
            mywindow.document.close();
            mywindow.focus();
            setTimeout(function(){mywindow.print();},1000);
            //mywindow.close();
            return true;
        }
    </script>

@endsection