@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>
        @if(Auth::user()->idPerfil == 1)
          <small>{{$pedido->pedidoRest->userName}} - #{{$pedido->referencia}}</small>
        @else
          <small> {{  trans('pedidos.numeroPedido') }} {{$pedido->referencia}}</small>
        @endif
      </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 class="col-md-4 text-right">
              {{-- @if($estado <> 78)
                @if(!empty($estados))
                  <select id="estados" class="form-control" onchange="cambioEstado(this.value)">
                    @if ( App::getLocale() != 'es')
                      @foreach($estados as $listEstado)
                        @if($estado == $listEstado->idValorParametro)
                          <option value="{{$estado}}" selected="selected">{{$listEstado->nombre_ingles}}</option>
                        @else
                          <option value="{{$listEstado->idValorParametro}}">{{$listEstado->nombre_ingles}}</option>
                        @endif
                      @endforeach
                    @else
                      @foreach($estados as $listEstado)
                        @if($estado == $listEstado->idValorParametro)
                          <option value="{{$estado}}" selected="selected">{{$listEstado->nombreValorParametro}}</option>
                        @else
                          <option value="{{$listEstado->idValorParametro}}">{{$listEstado->nombreValorParametro}}</option>
                        @endif
                      @endforeach
                    @endif
                  </select>
                @endif
              @else
                <span>El pedido esta en proceso de cancelacíon</span>
              @endif --}}
            </div>
            <div class="col-md-2 text-right">
              {{-- {!! Form::open(['route' => 'imprimirPedido', 'method' => 'POST', 'target' => '_blank']) !!} --}}
              <!-- <input type="hidden" value="{{$idPedido}}" name="idPedido">
              <button  type="submit" class="btn btn-sm btn-success"><i class="fa fa-print"></i> Imprimir</button> -->
              {{-- {!! Form::close() !!} --}}
            </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.EstadoComanda') }} </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:;" onclick="cambiarIdEstado({{$item->idEstado}},{{$item->idDetallePedido}})"><span class="badge" style="background: {{$item->funEstadoDetalle->refValor}}">{{$item->funEstadoDetalle->nombre}}</span></a>
                  </td>
                  <td style="vertical-align: middle;" class="text-center">
                    @switch($item->state)
                      @case(0)
                        <span class="badge" style="background: rgb(255, 0, 0)"> {{  trans('pedidos.anulado') }} </span>
                        @break
                      @case(1)
                        <span class="badge" style="background: #73E436"> {{  trans('pedidos.activo') }}	</span>
                        @break
                      @case(2)
                        <span class="badge" style="background: rgb(214, 211, 5)"> {{  trans('pedidos.inactivo') }} </span>
                        @break
                      @default
                      <span class="badge" style="background: yellow"> {{  trans('pedidos.indefinido') }} </span>
                    @endswitch
                  </td>
                  @if ($item->state == 1)
                    <td style="vertical-align: middle;" class="text-center">{{App\Helpers\monedaH::getCurrentSimbol()}} {{number_format($item->valorTotal)}} </td>
                  @else
                    <td style="vertical-align: middle; text-decoration-line: line-through;" class="text-center">{{App\Helpers\monedaH::getCurrentSimbol()}} {{number_format($item->valorTotal)}}</td>
                  @endif
                </tr>
                @php
                  if($item->state == 1)
                  {
                    $valorTotal += $item->valorTotal;
                  }
                @endphp
              @endforeach
              <tr class="text-right">
                  @if ($item->state == 1 || $pedido->funServicio->estadoPago == 1)
                    <td colspan="7" >
                      <span class="badge" style="background: #73E436"> {{  trans('pedidos.pagado') }}	</span>
                      &nbsp; {{App\Helpers\monedaH::getCurrentSimbol()}} {{number_format($valorTotal)}}
                    </td>
                  @else
                    <td colspan="7" >
                      &nbsp; {{App\Helpers\monedaH::getCurrentSimbol()}} {{number_format($valorTotal)}}
                    </td>
                  @endif
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

    @if ($item->state == 1 || $pedido->funServicio->estadoPago == 1)
      <div class="row">
        <div class="col">
          <div class="box">
            @if ($pedido->tipoPago == 3)
              @if ($pedido->funPayments->pasarelaPagos == 'stripe')
                <div class="box-header ">
                  <div class="row">
                    <div class="class= col-md-6 text-left ">
                      <h3 class="box-title font-weight-300 "> {{  trans('pedidos.informacionPago') }} </h3>
                    </div>
                  </div>
                </div>
                <br>
                <div class="box-body">
                  <div class="row">
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.fechaPago') }} </h6>
                      <h6 class="font-weight-300">{{$pedido->funPayments->updated_at}}</h6>
                    </div>
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.pasarela') }} </h6>
                      <h6 class="font-weight-300">{{$pedido->funPayments->pasarelaPagos}}</h6>
                    </div>
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.nombreTarjeta') }} </h6>
                      <h6 class="font-weight-300">{{$pedido->decodificarNombreTarjeta()}}</h6>
                    </div>
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.ultimosCuatroDigitos') }} </h6>
                      <h6 class="font-weight-300">*********{{$pedido->decodificarUltimosCuatroDigitosStripe()}}</h6>
                    </div>
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.token') }} </h6>
                      <h6 class="font-weight-300">{{$pedido->funPayments->transactionId}}</h6>
                    </div>
                  </div>
                </div>
              @elseif ($pedido->funPayments->pasarelaPagos == "cobru")
                <div class="box-header ">
                  <div class="row">
                    <div class="class= col-md-6 text-left ">
                      <h3 class="box-title font-weight-300 "> {{  trans('pedidos.informacionPago') }} </h3>
                    </div>
                  </div>
                </div>
                <br>
                <div class="box-body">
                  <div class="row">
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.fechaPago') }} </h6>
                      <h6 class="font-weight-300">{{$pedido->funPayments->updated_at}}</h6>
                    </div>
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.pasarela') }} </h6>
                      <h6 class="font-weight-300">{{$pedido->funPayments->pasarelaPagos}}</h6>
                    </div>
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.ultimosCuatroDigitos') }} </h6>
                      <h6 class="font-weight-300">*********{{$pedido->decodificarUltimosCuatroDigitosCobru()}}</h6>
                    </div>
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.token') }} </h6>
                      <h6 class="font-weight-300">{{$pedido->funPayments->transactionId}}</h6>
                    </div>
                    <div class="col-md-2 text-left">
                      <h6 class="font-weight-500"> {{  trans('pedidos.correo') }} </h6>
                      <h6 class="font-weight-300">{{$pedido->decodificarEmail()}}</h6>
                    </div>
                  </div>
                </div>
              @endif
            @else
              @if ($pedido->tipoPago == 2)
                <div class="box-header ">
                  <div class="row">
                    <div class="class= col-md-6 text-left ">
                      <h4 class="box-title font-weight-300 "> {{  trans('pedidos.pagadoPor') }}{{ trans('pedidos.transferencia') }} </h4>
                    </div>
                  </div>
                </div>
              @else
                <div class="box-header ">
                  <div class="row">
                    <div class="class= col-md-6 text-left ">
                    <h4 class="box-title font-weight-300 "> {{  trans('pedidos.pagadoPor') }}{{ trans('pedidos.Efectivo') }} </h4>
                    </div>
                  </div>
                </div>
              @endif
            @endif
          </div>
        </div>
      </div>
    @endif

  <div class="modal fade" id="cambiaridEstado" tabindex="-1" role="dialog" aria-labelledby="cambiaridEstadoLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="cambiaridEstadoLabel"> {{  trans('pedidos.cambiarEstado') }} </h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="col-12">
                <div class="form-group">
                    <label for="idEstado"> {{  trans('pedidos.listaEstados') }}	</label>
                    <select name="idEstado" id="idEstado" class="form-control">
                      @if ( App::getLocale() != 'es')
                        @foreach($estados as $estado)
                          <option value="{{$estado->idValorParametro}}">{{$estado->nombre_ingles}}</option>
                        @endforeach
                      @else
                        @foreach($estados as $estado)
                          <option value="{{$estado->idValorParametro}}">{{$estado->nombre}}</option>
                        @endforeach
                      @endif
                    </select>
                    <input type="hidden" id="idDetalle">
                </div>
              </div>
            </div>
          </div>
          <div class="modal-footer text-center">
            <button type="button" class="btn btn-info" data-dismiss="modal"> {{  trans('pedidos.cerrar') }} </button>
            <button type="button" onclick="cambiarEstado()" class="btn btn-success"> {{  trans('pedidos.actuaizar') }} </button>
          </div>
        </div>
      </div>
    </div>
@endsection

@section('js')
  <script type="text/javascript">
    function cambiarIdEstado(idEstado, idDetallePedido)
    {
      $("#idEstado").val(idEstado);
      $("#idDetalle").val(idDetallePedido);
      $("#cambiaridEstado").modal('show');
    }
    function cambiarEstado()
    {
      var idEstado = $("#idEstado").val();
      var idDetalle = $("#idDetalle").val();
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var data = {
        "idEstado": idEstado,
        "idDetalle": idDetalle
      }
      $.ajax({
          url: UrlHost_+"/administrator/cambio/estado/pedido",
          data: data,
          type: 'post',
          dataType: 'json',
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
            swal({
                title: " {{  trans('pedidos.cargando') }} ",
                text: " {{  trans('pedidos.espereUnMomento') }} ",
                showConfirmButton: false
            });
          },
          success: function(response){
              if (response.code == 200) {
                $("#cambiaridEstado").modal('hide');
                $("#detallePedido").load(location.href+" #detallePedido>*","");
              }else{
                swal("Error!", response.message, "info");
              }
              swal.close();
          },
          error: function(xhr){
            swal("Error!", " {{  trans('pedidos.errorMessage') }} ", "error");
          }
      });
    }
  </script>
@endsection