@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">Ordenes</li>
						</ul>						
					</div>
				</div>
				<!-- /page header -->
				<!-- Content area -->
				<div class="content">					
					<div class="panel panel-flat">
						<div class="panel-heading">
							<h5 class="panel-title">Pedidos realizados por parte de Gas Ideal</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>#</th>
										<th>Fecha creación</th>
										<th>Estatus</th>
										<th>Cantidad</th>
										<th></th>
									</tr>
								</thead>
								<tbody>
									 @foreach ($Orders as $order)      
                                     <tr>                                 
                                                <td>{{ $order["id"] }}</td>
                                                <td>{{ $order["created"] }}</td>
                                                <td>
                                                    @if ($order["status"] ==  'unauthorized')
                                                        Pendiente de Autorizar
                                                    @elseif($order["status"] ==  'created')
                                                        Creado
                                                    @elseif($order["status"] ==  'generating')
                                                        Generando
                                                    @elseif($order["status"] ==  'authorized')
                                                        Autorizado/Procesando
                                                    @endif 
                                                </td>                                               
                                                <td>
                                                    @foreach ($order["data"] as $key => $data) 
                                                         Denominación {{ $key }} Litro(s) - Cantidad: 
                                                         @if($data == '' )
                                                            0
                                                         @else
                                                            {{ $data }}
                                                         @endif 
                                                        <br>
                                                    @endforeach 
                                                </td>                  
                                                <td>
                                                   <div class="btn-group">
                                                        <button type="button" class="btn btn-primary">Opciones</button>
                                                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">	<span class="caret"></span>
                                                            <span class="sr-only">Toggle Dropdown</span>
                                                        </button>
                                                        <ul class="dropdown-menu" role="menu">
                                                            <li class="dropdown-item">
                                                                @if ($order["status"] ==  'unauthorized')
                                                                    <a onclick="Auth({{ $order['id'] }});">Autorizar</a>
                                                                @elseif($order["status"] ==  'created')
                                                                    <a href="/orders/show/{{ $order['id'] }}" >Descargar PDF's</a>
                                                                @elseif($order["status"] ==  'authorized')
                                                                    <a>En espera de generase</a>
                                                                @elseif($order["status"] ==  'generating')
                                                                    <a>En espera de generase</a>
                                                                @endif
                                                            </li>                                                           
                                                        </ul>
                                                    </div>
                                                </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