@extends('template.layoutAdmin', ['activeButton'=>'productos'])

@section('style')
  <style media="screen">
  .pagination{
    display:inline-block;
    padding-left:0;
    margin: 10px 0 -10px 0;
  }
  .pagination>li{
    display:inline
  }
  .pagination li a,.pagination li span{
    position:relative;
    float:left;
    padding:6px 12px;
    margin: 0 -1px 0 -1px;
    line-height:1.42857143;
    color:#337ab7;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ddd
  }
  .pagination li:first-child a,.pagination li:first-child span{
    margin-left:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
  }
  .pagination li:last-child a,.pagination li:last-child span{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
  }
  .pagination li a:focus,.pagination li a:hover,.pagination li span:focus,.pagination li span:hover{
    z-index:2;
    color:#23527c;
    background-color:#eee!important;
    border-color:#eee;
  }
  .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    z-index:3;
    color:#fff;
    cursor:default;
    background-color:#337ab7!important;
    border-color:#337ab7;
  }
  .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
    color:#777;
    cursor:not-allowed;
    background-color:#fff;
    border-color:#ddd
  }
  .pagination-lg li a,.pagination-lg li span{
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333
  }
  .pagination-lg li:first-child>a,.pagination-lg li:first-child span{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
  }
  .pagination-lg li:last-child a,.pagination-lg li:last-child span{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
  }
  </style>
@endsection

@section('title')
{{  trans('pedidos.detallePedido') }}				
@endsection

@section('cabecera')
  <div class="row">
    <div class="col-6">
        <h1 style="margin: 15px 0 10px 0;">
            <a href="{{ url()->previous() }}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i> {{ trans('pedidos.regresar') }}</a>
        </h1>
    </div>
    <div class="col-6 text-right">
      <h1>
        <small> {{  trans('pedidos.numeroPedido') }} {{$pedido->referencia}}</small>
      </h1>
    </div>
  </div>
@endsection

@section('contenido')
    <div class="row">
        <div class="col-12">
            @if(Session::has('message'))
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    😉 {{Session::get('message')}} 😉
                </div>
            @endif
            @if(Session::has('message_error'))
                <div class="alert alert-danger alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    😓 {{Session::get('message_error')}} 😒
                </div>
            @endif
        </div>
      </div>
      <div class="row">
        <div class="col">
          <div class="box">
            <div class="box-header">
                <div class="row">
                    <div class="col-md-6">
                        <h3 class="box-title font-weight-300"> {{  trans('pedidos.datosCliente') }}</h3>
                    </div>
                </div>
            </div>
            <div class="box-body">
                @if ($pedido->idCliente == null)
                    <div class="row">
                        <div class="col-12 text-center">
                            <h5 class="font-weight-300"> {{  trans('pedidos.clienteGenerico') }}</h5>
                        </div>
                    </div>
                @else
                <div class="row">
                    <div class="col-md-6 text-center">
                        <h5 class="font-weight-500"> {{  trans('pedidos.nombre') }}</h5>
                        <h5 class="font-weight-300">{{$pedido->pedidoUser->nombre}} {{$pedido->pedidoUser->apellido}}</h5>
                    </div>
                    <div class="col-md-6 text-center">
                        <h5 class="font-weight-500"> {{  trans('pedidos.documento') }}</h5>
                        <h5 class="font-weight-300">{{$pedido->pedidoUser->numeroDocumento}}</h5>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-md-4 text-center">
                        <h5 class="font-weight-500"> {{  trans('pedidos.telefono') }}</h5>
                        <h5 class="font-weight-300">{{$pedido->pedidoUser->celular}}</h5>
                    </div>
                    <div class="col-md-4 text-center">
                        <h5 class="font-weight-500"> {{  trans('pedidos.email') }}</h5>
                        <h5 class="font-weight-300">{{$pedido->pedidoUser->email}}</h5>
                    </div>
                    <div class="col-md-4 text-center">
                        <h5 class="font-weight-500"> {{  trans('pedidos.userName') }}</h5>
                        <h5 class="font-weight-300">{{$pedido->pedidoUser->userName}}</h5>
                    </div>
                </div>
                @endif
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-12">
            <div class="box">
                <div class="box-header with-border">
                    <div class="row">
                      <div class="col-md-6">
                        <h3 class="box-title font-weight-300"> {{  trans('pedidos.listaDePedidos') }}</h3>
                      </div>
                    </div>
                </div>
                <div class="box-body">
                    <table class="table table-bordered table-responsive" id="detallePedido">
                        <thead>
                          <tr>
                            <th class="text-center"> {{  trans('pedidos.fecha') }}</th>
                            <th class="text-center"> {{  trans('pedidos.imagen') }}</th>
                            <th class="text-center"> {{  trans('pedidos.nombre') }}</th>
                            <th class="text-center"> {{  trans('pedidos.cantidad') }}</th>
                            <th class="text-center"> {{  trans('pedidos.estado') }}</th>
                            <th class="text-center"> {{  trans('pedidos.subtotal') }}</th>
                          </tr>
                        </thead>
                        <tbody>
                            @php
                                $valorTotal = 0;
                            @endphp
                            @foreach ($dataDetalle as $item)
                                <tr>
                                    <td style="vertical-align: middle;" class="text-center">{{$item->created_at}} </td>
                                    <td style="vertical-align: middle;" class="text-center"><img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="{{asset('files/filesProduct')}}/{{$item->funProPedido->imagen}}" width="50"> </td>
                                    <td style="vertical-align: middle;" class="text-center">{{$item->nombreProducto}}</td>
                                    <td style="vertical-align: middle;" class="text-center">{{$item->cantidad}}</td>
                                    <td style="vertical-align: middle;" class="text-center">
                                      <a href="javascript:;"><span class="badge" style="background: {{$item->funEstadoDetalle->refValor}}">{{$item->funEstadoDetalle->nombre}}</span></a>
                                    </td>
                                    <td style="vertical-align: middle;" class="text-center">{{App\Helpers\monedaH::getCurrentSimbol()}} {{number_format($item->valorTotal)}}</td>
                                </tr>
                                @php
                                    $valorTotal += $item->valorTotal;
                                @endphp
                            @endforeach
                            <tr class="text-right">
                                <td colspan="7" >{{App\Helpers\monedaH::getCurrentSimbol()}} {{number_format($valorTotal)}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection