@extends('layouts.master')

@section('content')
	<div class="content-wrapper">
				<!-- Page header -->
				<div class="page-header">
					<div class="page-header-content">
						<div class="page-title">
							<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Ordenes</span> - Gas Ideal</h4>
						</div>						
					</div>
					<div class="breadcrumb-line">
						<ul class="breadcrumb">
							<li><a href="index.html"><i class="icon-home2 position-left"></i> Inicio</a></li>
							<li class="active"><a href="/orders/index/">Ordenes</a></li>
							<li class="active">Descarga de PDFS</li>
						</ul>						
					</div>
				</div>
				<!-- /page header -->
				<!-- Content area -->
				<div class="content">					
					<div class="panel panel-flat">
						<div class="panel-heading">
							<h5 class="panel-title">Lista de PDF's de la Orden</h5>
							<div class="heading-elements">
								<ul class="icons-list">
			                		<li><a data-action="collapse"></a></li>
			                		<li><a data-action="reload"></a></li>
			                		<li><a data-action="close"></a></li>
			                	</ul>
		                	</div>
						</div>
						<div class="panel-body">
							
						</div>
						<div>
							<table class="table">
								<thead>
									<tr>
										<th>Denominación Litros</th>
										<th>Cantidad de Vales</th>
										<th>Estatus</th>
										<th>URL</th>
										<th></th>
										<th></th>
									</tr>
								</thead>
								<tbody>
									 @foreach ($PDFs as $pdf)      
                                     <tr>                                 
                                                <td>{{ $pdf->word }}</td>                                                                                          
                                                <td>{{ $pdf->quantity }}</td>
                                                <td>{{ $pdf->status }}</td>
                                                <td>{{ $pdf->url }}</td>
                                                <td><a class="btn btn-info" target="_blank" href="/orders/preview/{{ $pdf->url }}">Vista previa</a></td>
                                                <td><a class="btn btn-info" target="_blank" href="/orders/download/{{ $pdf->url }}">Descargar</a></td>
                                            </tr>
                                        @endforeach 								
								</tbody>
							</table>
						</div>
					</div>
					<!-- /basic table -->
					<!-- Footer -->
					<div class="footer text-muted">
						&copy; 2017 - 2018. <a href="#">Realhost S.A de C.V</a>
					</div>
					<!-- /footer -->
				</div>
			</div>
           <style>
                .btn-group {  
                white-space: nowrap;              
                }
                .btn-group .btn {  
                float: none;
                display: inline-block;
                }
                .btn + .dropdown-toggle { 
                margin-left: -4px;
                }

                .table-responsive {
                overflow-y: visible !important;
                }
                </style>
                <script type="text/javascript">
                $(document).on('ready', function(){
                    $('.table-responsive').on('show.bs.dropdown', function () {
                $('.table-responsive').css( "overflow", "inherit" );
                });

                $('.table-responsive').on('hide.bs.dropdown', function () {
                $('.table-responsive').css( "overflow", "auto" );
                })
            });
            function Auth(id){
                 bootbox.confirm("Estas seguro de autorizar este pedido?.", function(result) {
                   if(result){
                       $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });
                         $.ajax({
                            type: "POST",
                            url: "/orders/auth",
                            data: {
                                "order": id
                            },
                            success: function (result) {
                                bootbox.alert(result.message)
                            }
                        });
                   }
                });
            }
            </script>
@endsection