@extends('template.layoutAdmin')

@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('pagos.tituloPedidos') }}
@endsection

@section('cabecera')

  <h1>
     {{ trans('pagos.pagosOnline')}}
    <small>{{ trans('pagos.mensajeAyuda') }}</small>
  </h1>

@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 class="col-12">
            <div class="box">
                <div class="box-header with-border">
                    <div class="row">
                        <div class="col-md-6">
                            <h3 class="box-title"> {{  trans('pagos.listaPagosOnline') }}	</h3>
                        </div>
                        <div class="col-md-6 text-right">
                            <a class="btn btn-info" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                                <i class="fa fa-filter" aria-hidden="true"></i>  {{  trans('pagos.filtroBusqueda') }}	
                            </a>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="col-12">
                        <div class="collapse" id="collapseExample">
                            <div class="card card-body">
                                <form action="" method="get">
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="fechaInicio"> {{  trans('pagos.referencia') }} </label>
                                                <input type="text"
                                                    name="referencia"
                                                    class="form-control"
                                                    id="referencia"
                                                    autocomplete="off"
                                                    placeholder=" {{  trans('pagos.referenciaPlace') }}	">
                                            </div>
                                        </div>
                                        <div class="col-4">
                                          <div class="form-group">
                                              <label for="fechaFinal"> {{  trans('pagos.idPedido') }} </label>
                                              <input type="text"
                                                  name="idPedido"
                                                  class="form-control"
                                                  id="idPedido"
                                                  autocomplete="off"
                                                  placeholder=" {{  trans('pagos.idPedidoPlace') }}	">
                                          </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="estado"> {{  trans('pagos.estado') }}	</label>
                                                <select name="estado" id="estado"  class="form-control">
                                                    <option value=""> {{  trans('pagos.seleccionar') }}	</option>
                                                    <option value="1"> {{  trans('pagos.abierto') }} </option>
                                                    <option value="2"> {{  trans('pagos.cerrado') }} </option>
                                                    {{-- @foreach($estados as $estado)
                                                      <option value="{{$estado->idValorParametro}}">{{$estado->nombre}}</option>
                                                    @endforeach --}}
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="estadoPay"> {{  trans('pagos.estadoPago') }} </label>
                                                <select name="estadoPay" id="estadoPay"  class="form-control">
                                                    <option value=""> {{  trans('pagos.seleccionar') }} </option>
                                                    <option value="APPROVED"> {{  trans('pagos.aprobado') }} </option>
                                                    <option value="DECLINED"> {{  trans('pagos.declinado') }} </option>
                                                    {{-- @foreach($estados as $estado)
                                                      <option value="{{$estado->idValorParametro}}">{{$estado->nombre}}</option>
                                                    @endforeach --}}
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                    @if(auth()->user()->idPerfil == 1)
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="idRestaurante"> {{  trans('pagos.restaurante') }}	</label>
                                                <select name="Restaurante" id="idRestaurante"  class="form-control">
                                                    <option value=""> {{  trans('pagos.seleccionar') }}	</option>
                                                    @foreach($restaurantes as $restaurante)
                                                      <option value="{{$restaurante->idUsuario}}">{{$restaurante->userName}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="tipoPedido"> {{  trans('pagos.tipoPedido') }}	</label>
                                                <select name="tipoPedido" id="tipoPedido"  class="form-control">
                                                    <option value=""> {{  trans('pagos.seleccionar') }}	</option>
                                                    {{-- <option value="1">ABIERTO</option>
                                                    <option value="2">CERRADO</option> --}}
                                                    @if ( App::getLocale() != 'es')
                                                      @foreach($tiposPedido as $tipo)
                                                        <option value="{{$tipo->idValorParametro}}">{{$tipo->nombre_ingles}}</option>
                                                      @endforeach
                                                    @else
                                                      @foreach($tiposPedido as $tipo)
                                                        <option value="{{$tipo->idValorParametro}}">{{$tipo->nombre}}</option>
                                                      @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                    @else
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="tipoPedido"> {{  trans('pagos.tipoPedido') }}	</label>
                                            <select name="tipoPedido" id="tipoPedido"  class="form-control">
                                                <option value=""> {{  trans('pagos.seleccionar') }}	</option>
                                                {{-- <option value="1">ABIERTO</option>
                                                <option value="2">CERRADO</option> --}}
                                                @foreach($tiposPedido as $tipo)
                                                  <option value="{{$tipo->idValorParametro}}">{{$tipo->nombre}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-2"></div>

                                    @endif
                                    <div class="row">
                                        <div class="col-12 text-center">
                                            <input type="submit" class="btn btn-info btn-sm" value=" {{  trans('pagos.buscar') }} ">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <table class="table table-bordered table-responsive">
                        <thead>
                          <tr>
                            <th class="text-center"> {{  trans('pagos.referencia') }} </th>
                            <th class="text-center"> {{  trans('pagos.idPedido') }} </th>

                            <th class="text-center"> {{  trans('pagos.tipoPedido') }}	</th>
                            @if(auth()->user()->idPerfil == 1)
                            <th class="text-center"> {{  trans('pagos.restaurante') }} </th>
                            @endif
                            <th class="text-center"> {{  trans('pagos.estadoPago') }}	</th>
                            <th class="text-center"> {{  trans('pagos.estado') }}	</th>
                            <th class="text-center"> {{  trans('pagos.opciones') }}	</th>
                          </tr>
                        </thead>
                        <tbody>
                          {{-- @foreach ($dataPedido as $item)
                            <tr>
                                <td class="text-center">@if($item->pedidoUser) {{$item->pedidoUser->nombre}} {{$item->pedidoUser->apellido}} @else Cliente Generico @endif</td>
                                <td class="text-center">{{$item->fecha}}</td>
                                <td class="text-center">
                                  <span class="badge" style="background: {{$item->funEstado->refValor}}">{{$item->funEstado->nombre}}</span>
                                </td>
                                @if(auth()->user()->idPerfil == 1)
                                <td class="text-center">
                                    {{$item->funpedidoRest->userName}}
                                </td>
                                @endif
                                {{-- <td class="text-center">
                                    <span class="badge" style="background: {{$item->funTipo->refValor}}">{{$item->funTipo->nombre}}</span>
                                </td>
                                <td class="text-center">
                                    <a href="{{route('reservas.show', $item->idPedido)}}" class="btn btn-info"><i class="fa fa-eye"></i></a>
                                </td>
                            </tr>
                          @endforeach --}}
                          @foreach($pagos as $item)
                            <tr>
                                <td class="text-center">{{$item->referencia}}</td>
                                <td class="text-center">{{$item->funGetPedido->referencia}}</td>
                                <td class="text-center">
                                    <span class="badge" style="background:{{$item->funGetPedido->Funtipo->refValor}}">{{$item->funGetPedido->Funtipo->nombre}}</span>
                                </td>
                                @if(auth()->user()->idPerfil == 1)
                                <td class="text-center">
                                    {{$item->funGetPedido->funpedidoRest->userName}}
                                </td>
                                @endif
                                <td class="text-center">
                                <span class="badge" style="background:{{$item->transaction_state != "DECLINED" ? "GREEN":"RED"}}">{{$item->transaction_state != "DECLINED" ? " {{  trans('pagos.aprobado') }} ":" {{  trans('pagos.declinado') }}	"}}</span>
                                </td>
                                <td class="text-center">
                                <span class="badge" style="background: {{$item->state == 1 ? "GREEN":"RED"}}">{{$item->state == 1 ? " {{  trans('pagos.activo') }} ":" {{  trans('pagos.cerrado') }} "}}</span>
                                </td>
                                <td class="text-center">
                                    <a href="{{route('pay.show', $item->id)}}" class="btn btn-info"><i class="fa fa-eye"></i></a>
                                </td>
                            </tr>
                          @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
  <script type="text/javascript">
    $( document ).ready(function() {
      $( "#fechaInicio" ).datepicker({format: 'dd/mm/yyyy'});
      //$("#fechaInicio").datepicker
      $( "#fechaFinal" ).datepicker({format: 'dd/mm/yyyy'});
    });

  </script>
@endsection