@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('reservas.tituloReservaDetallePedido') }} 
@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('reservas.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('reservas.numeroReserva') }} {{$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('reservas.editarDatosClientes') }} </h3>
                    </div>
                    <div class="col-md-6 text-right ">
                        <a href="javaScript:;" onclick="cambiarIdEstado({{$pedido->estadoGlobal}}, {{$pedido->idPedido}})"> <span class="badge " style="background: {{$pedido->funEstado->refValor}}">{{$pedido->funEstado->nombre}}</span></a>
                    </div>
                </div>
            </div>
                <form action="{{route('reservas.update')}}" method="post">
                    @csrf
                    <input type="hidden" name="idPedido" value="{{$pedido->idPedido}}">
                    <div class="box-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-control-label"> {{  trans('reservas.nombre') }}</label>
                                    {{-- <h5 class="font-weight-300">{{$pedido->funServicio->nombre}}</h5> --}}
                                    <input type="text" class="form-control" name="nombre" value="{{$pedido->funServicio->nombre}}">
                                </div>
                            </div>
                            <div class="col-md-6 ">
                                <div class="form-group">
                                    <label class="form-control-label"> {{  trans('reservas.documento') }}	</label>
                                    {{-- <h5 class="font-weight-300">{{$pedido->funServicio->documento}}</h5> --}}
                                    <input type="text" class="form-control" name="documento" value="{{$pedido->funServicio->documento}}">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                  <label class="form-control-label"> {{  trans('reservas.telefono') }} </label>
                                  @if (env('MULTISERVER') == "CO")
                                    <input type="text" min="1" maxlength="7" class="form-control" onkeyup="numero(this.value)" id="telefono" name="telefono" value="{{$pedido->funServicio->telefono}}">
                                  @else
                                    <input type="text" min="1" maxlength="9" class="form-control" onkeyup="numero(this.value)" id="telefono" name="telefono" value="{{$pedido->funServicio->telefono}}">
                                  @endif
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label"> {{  trans('reservas.fechaReserva') }} </label>
                                    {{-- <h5 class="font-weight-300">{{$pedido->funServicio->telefono}}</h5> --}}
                                    <input type="text" class="form-control" name="fecha_reserva" id="fecha_reserva" value="{{date("d/m/Y", strtotime($pedido->funServicio->horaEntrega))}}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label"> {{  trans('reservas.horaReserva') }} </label>
                                    {{-- <h5 class="font-weight-300">{{$pedido->funServicio->telefono}}</h5> --}}
                                    <input type="text" class="form-control" name="hora_reserva" id="hora_reserva" value="{{date("h:i A", strtotime($pedido->funServicio->horaEntrega))}}">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-control-label"> {{  trans('reservas.motivo') }} </label>
                                    {{-- <h5 class="font-weight-300">{{$pedido->funServicio->telefono}}</h5> --}}
                                    <input type="text" class="form-control" name="motivo" value="{{$pedido->funServicio->motivo}}">
                                </div>
                            </div>


                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-control-label"> {{  trans('reservas.numeroPersonas') }} </label>
                                    {{-- <h5 class="font-weight-300">{{$pedido->funServicio->telefono}}</h5> --}}
                                    <input type="number" min="1" class="form-control" name="num_personas" value="{{$pedido->funServicio->num_personas}}">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-control-label"> {{  trans('reservas.requerimientos') }} </label>
                                    {{-- <h5 class="font-weight-300">{{$pedido->funServicio->telefono}}</h5> --}}
                                    <textarea class="form-control" name="requerimientos" id="requerimientos" cols="30" rows="2">{{$pedido->funServicio->observacion}}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 text-center">
                              <input type="submit" class="btn btn-info margin-top-10" value="{{ trans('reservas.guardar') }}">
                            </div>
                          </div>
                    </div>
                </form>
        </div>
    </div>
</div>
<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('reservas.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('reservas.listaEstado') }} </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('reservas.cerrar') }} </button>
        <button type="button" onclick="cambiarEstado()" class="btn btn-success"> {{  trans('reservas.actualizar') }} </button>
        </div>
    </div>
    </div>
</div>
@endsection

@section('js')
  <script type="text/javascript">

$('#fecha_reserva').datepicker({
  format: 'dd/mm/yyyy',
  showClose: false,
  icons: {
      up: 'fas fa-chevron-up text-warning',
      down: 'fas fa-chevron-down text-warning',
      time: 'far fa-clock',
      close: 'fas fa-times text-warning'
  }
});
$('#hora_reserva').datetimepicker({
    format: 'hh:mm A'
});

    function cambiarIdEstado(idEstado, idPedido)
    {
      $("#idEstado").val(idEstado);
      $("#idDetalle").val(idPedido);
      $("#cambiaridEstado").modal('show');
    }
    function cambiarEstado()
    {
      var idEstado = $("#idEstado").val();
      var idPedido = $("#idDetalle").val();
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var data = {
        "idEstado": idEstado,
        "idPedido": idPedido
      }
      $.ajax({
          url: UrlHost_+"/administrator/reservas/update/estado",
          data: data,
          type: 'post',
          dataType: 'json',
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
            swal({
                title: " {{  trans('reservas.cargando') }} ",
                text: " {{  trans('reservas.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();
              window.location.reload();
          },
          error: function(xhr){
            swal("Error!", " {{  trans('reservas.errorMessage') }}", "error");
          }
      });
    }
  </script>
@endsection