@extends('template.layoutAdmin', ['activeButton'=>'personal'])
@section('title')
{{  trans('restaurantes.titulorRestaurante') }}
@endsection
@section('cabecera')
    <h1>
      {{  trans('restaurantes.titulorRestaurante') }}
    </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('restaurantes.listaRestaurante') }} <i data-toggle="collapse" href="#collapseExample" class="fa fa-filter" aria-hidden="true"></i>
                  @if(count($search) > 0)
                    <a href="{{route('restaurantesIndex')}}" class="btn btn-sm btn-danger">
                      <i class="fa fa-trash"></i>
                    </a>
                  @endif
                </h3>
              </div>
              <div class="col-md-6 text-right">
                <a href="{{route('createRestaurantes')}}" class="btn btn-sm btn-info"> <i class="fa fa-plus"></i> </a>
              </div>
            </div>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <div class="collapse " id="collapseExample">
              <div class="card card-body">
                <form action="" method="get">
                  <div class="row">
                    <div class="col-3">
                      <div class="form-group">
                        <label for="razonSocial"> {{  trans('restaurantes.razonSocial') }} </label>
                        <input type="text"
                        name="razonSocial"
                        id="razonSocial"
                        class="form-control"
                        autocomplete="off"
                        placeholder=" {{  trans('restaurantes.razonSocialPlace') }} ">
                      </div>
                    </div>
                    <div class="col-3">
                      <div class="form-group">
                        <label for="encargado"> {{  trans('restaurantes.encargado') }} </label>
                        <input type="text"
                        name="encargado"
                        onkeyup="validarNombre(this.value);"
                        id="encargado"
                        class="form-control"
                        autocomplete="off"
                        placeholder=" {{  trans('restaurantes.encargado') }} ">
                      </div>
                    </div>
                    <div class="col-md-2">
                      <div class="form-check form-check-inline" style="margin-top: 30px;">
                        <input type="checkbox" name="checkbox_domicilioGratis" id="checkbox_domicilioGratis" class="filled-in"/>
                        <label for="checkbox_domicilioGratis"> {{  trans('restaurantes.domicilio') }}	</label>
                      </div>
                    </div>
                    <div class="col-md-4">
                      <div class="form-group {{ $errors->has('valorDomicilio') ? 'has-error' : '' }}">
                        <label for="valorDomicilio"> {{  trans('restaurantes.valorDomicilio') }}</label>
                        <input
                          type="text"
                          name="valorDomicilio"
                          class="form-control"
                          autocomplete="off"
                          placeholder=" {{  trans('restaurantes.valorDomicilio') }}	"
                          id="valorDomicilio"
                        >
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-3">
                      <div class="form-group">
                        <label for="email"> {{  trans('restaurantes.email') }} </label>
                        <input type="text"
                          name="email"
                          id="email"
                          class="form-control"
                          autocomplete="off"
                          placeholder=" {{  trans('restaurantes.email') }} ">
                      </div>
                    </div>
                    <div class="col-3">
                      <div class="form-group">
                        <label for="estado"> {{  trans('restaurantes.estado') }} </label>
                        <select class="form-control" name="estado">
                          <option value=""> {{  trans('restaurantes.seleccionEstado') }} </option>
                          <option value="1"> {{  trans('restaurantes.activo') }} </option>
                          <option value="0"> {{  trans('restaurantes.inactivo') }} </option>
                        </select>
                      </div>
                    </div>
                    <div class="col-3">
                      <div class="form-group">
                        <label for="telefono"> {{  trans('restaurantes.telefono') }} </label>
                        @if (env('MULTISERVER') == "CO")
                          <input type="text"
                          name="telefono"
                          id="telefono"
                          onkeyup="validarSiNumero(this.value, 2);"
                          class="form-control"
                          maxlength="7"
                          autocomplete="off"
                          placeholder=" {{  trans('restaurantes.telefonoPlace') }} ">
                        @else
                          <input type="text"
                          name="telefono"
                          id="telefono"
                          onkeyup="validarSiNumero(this.value, 2);"
                          class="form-control"
                          maxlength="9"
                          autocomplete="off"
                          placeholder=" {{  trans('restaurantes.telefonoPlace') }} ">
                        @endif
                      </div>
                    </div>
                    <div class="col-3">
                      <div class="form-group">
                        <label for="tipoRest"> {{  trans('restaurantes.tipoRest') }} </label>
                        <select class="form-control" name="tipoRest">
                          <option value=""> {{  trans('restaurantes.seleccionEstado') }} </option>
                          @if ( App::getLocale() != 'es')
                            @foreach ($tipoderest as $item)
                              <option value="{{$item->idValorParametro}}">{{$item->nombre_ingles}}</option>
                            @endforeach
                          @else
                            @foreach ($tipoderest as $item)
                              <option value="{{$item->idValorParametro}}">{{$item->nombre}}</option>
                            @endforeach
                          @endif
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-12 text-center">
                      <input type="submit" class="btn btn-info btn-sm" value="Search">
                    </div>
                  </div>
                </form>
              </div>
            </div>
            <div class="table-responsive" style="overflow-x: auto">
              <table class="table table-bordered text-center">
                <thead>
                  <tr>
                    <th>#</th>
                    <th> {{  trans('restaurantes.razonSocial') }} </th>
                    <th> {{  trans('restaurantes.nit') }} </th>
                    <th> {{  trans('restaurantes.encargado') }} </th>
                    <th> {{  trans('restaurantes.valorDomicilio') }} </th>
                    <th> {{  trans('restaurantes.email') }} </th>
                    <th> {{  trans('restaurantes.telefono') }} </th>
                    <th> {{  trans('restaurantes.tipo') }} </th>
                    <th> {{  trans('restaurantes.estado') }} </th>
                  </tr>
                </thead>
                <tbody>
                  @php $ID = 1; @endphp
                  @if(count($dataRest) <> 0)
                    @foreach ($dataRest as $item)
                      <tr>
                        <td>
                          {{$ID}}
                        </td>
                        <td><a href="{{route('restaurantesShow', [$item->idUsuario])}}">{{$item->userName}}</a>
                            @if ($item->isPremium())
                              <i style="color:#DB3920" class="fa fa-star"></i>
                            @endif
                        </td>
                        <td>
                          @if(!empty($item->funDetalleRest->nitRestaurante))
                            {{$item->funDetalleRest->nitRestaurante}}
                          @else
                            {{  trans('restaurantes.actualizar') }}
                          @endif
                        </td>
                        <td>{{$item->nombre}} {{$item->apellido}}</td>
                          @if ($item->funDetalleRest->config_domicilio_vp == 43)
                            <td class="text-center"><span class="badge badge-success">Zonas</span></td>
                          @elseif($item->funDetalleRest->domicilioGratis == 1)
                            <td class="text-center"><span class="badge badge-success">Gratis</span></td>
                          @else
                            <td>{{App\Helpers\monedaH::getCurrentSimbol($item->idUsuario)}} {{number_format($item->funDetalleRest->valorTarifaApp)}}</td>
                          @endif
                        <td>{{$item->email}}</td>
                        <td> {{$item->telefono}}</td>
                        <td>
                          @if (App::getLocale() == 'es')
                            {{$item->funPerfil->nombre}}
                          @else
                            {{$item->funPerfil->nombre_ingles}}
                          @endif
                        </td>
                        <td class="text-center">
                          @switch($item->active)
                            @case(0)
                              <span class="badge badge-danger"> {{  trans('restaurantes.faltaCorreo') }} </span>
                              @break
                            @case(1)
                              <a href="javascript:;" onclick="openModalActivar({{$item->idUsuario}})">
                                <span class="badge badge-danger"> {{  trans('restaurantes.pendiente') }} </span>
                              </a>
                              @break
                            @case(2)
                              <span class="badge badge-danger"> {{  trans('restaurantes.espera') }}	</span>
                              @break
                            @case(3)
                              @if ($item->idPerfil == 68)
                                <a href="javascript:;" onclick="openModalPublicarEats({{$item->idUsuario}})">
                                  <span class="badge badge-danger"> {{  trans('restaurantes.pendientePublicar') }} </span>
                                </a>
                              @else
                                <a href="javascript:;" onclick="openModalPublicar({{$item->idUsuario}})">
                                  <span class="badge badge-danger"> {{  trans('restaurantes.pendientePublicar') }} </span>
                                </a>
                              @endif
                              @break
                            @default
                              @if ($item->idEstado == 1)
                                <span class="badge badge-success"> {{  trans('restaurantes.activo') }} </span>
                              @else
                                <span class="badge badge-danger"> {{  trans('restaurantes.inactivo') }} </span>
                              @endif
                          @endswitch
                        </td>
                      </tr>
                      @php $ID++; @endphp
                    @endforeach
                  @else
                    <tr>
                      <td><h4> {{  trans('restaurantes.noDatos') }} </h4></td>
                    </tr>
                  @endif
                </tbody>
              </table>
            </div>
            {!! $dataRest->appends(Request::all())->render() !!}
          </div>
        </div>
      </div>
    </div>
    @if(count($dataRest) <> 0)
      <div class="modal fade" id="activarRest" tabindex="-1" role="dialog" aria-labelledby="activarRestLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="activarRestLabel"> {{  trans('restaurantes.activarRest') }} </h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body text-center">
              <h3> {{  trans('restaurantes.activarRestOpcion') }} </h3>
            </div>
            <div class="modal-footer text-center">
              <button type="button" class="btn btn-secondary" data-dismiss="modal"> {{  trans('restaurantes.cerrar') }}	</button>
              <button type="button" id="btnActivar" class="btn btn-info"> {{  trans('restaurantes.activar') }} </button>
            </div>
          </div>
        </div>
      </div>
      <div class="modal fade" id="publicarRest" tabindex="-1" role="dialog" aria-labelledby="publicarRestLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="publicarRestLabel"> {{  trans('restaurantes.publicar') }} </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="col-md-12 text-center">
                <h3> {{  trans('restaurantes.publicarOpcion') }} </h3>
              </div>
              <div class="col-md-12" id="requisitosRest">

              </div>
            </div>
            <div class="modal-footer text-center">
              {{-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button> --}}
              <button type="button" id="btnPublicarRechazo" class="btn btn-danger"> {{  trans('restaurantes.norRechazo') }}	</button>
              <button type="button" id="btnPublicar" class="btn btn-info"> {{  trans('restaurantes.siPublicar') }}	</button>
            </div>
          </div>
        </div>
      </div>
      <div class="modal fade" id="cancelarPublicacion" tabindex="-1" role="dialog" aria-labelledby="cancelarPublicacionLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="cancelarPublicacionLabel"> {{  trans('restaurantes.rechazarSolicitud') }}	</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="col-md-12 text-center">
                <h3> {{  trans('restaurantes.rechazarSolicitudOpcion') }}	</h3>
              </div>
              <div class="col-md-12">
                <div class="form-group">
                  <label for="razon"> {{  trans('restaurantes.razon') }} </label>
                  <input type="text"
                      name="nombre"
                      id="razon"
                      class="form-control"
                      autocomplete="off"
                      placeholder=" {{  trans('restaurantes.razonPlace') }} ">
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button type="button" class="btn btn-secondary" data-dismiss="modal"> {{  trans('restaurantes.cerrar') }} </button>
              <button type="button" id="btnSendRechazarPublicar" class="btn btn-info"> {{  trans('restaurantes.rechazar') }} </button>
            </div>
          </div>
        </div>
      </div>
    @endif
@endsection

@section('js')
  <script>
    function validarNombre(dato)
    {
      if (!/^[A-Za-z\s\xF1\xD1]+$/.test(dato)){
        $("#encargado").val("");
      }
    }
    $("#valorDomicilio").on({
      "focus": function (event) {
        $(event.target).select();
      },
      "keyup": function (event) {
        $(event.target).val(function (index, value ) {
            return value.replace(/\D/g, "")
            .replace(/([0-9])([0-9]{0})$/, '$1$2')
            .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, ".");
        });
      }
    });
  </script>
  <script type="text/javascript">
    function openModalPublicar(idRestaurante)
    {
      var data = {'idRestaurante': idRestaurante}
      $.ajax({
        url: UrlHost_+"/administrator/restaurantes/dataSolicitud/restaurante",
        data: data,
        type: 'post',
        dataType: 'json',
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
          swal({
            title: "Cargando...",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
        },
        success: function(response){
          if (response.code == 200) {

            var datos = response.data;
            Object.entries(datos).forEach((element) => {

              var name = element[0].slice(1);
              var firstChar = element[0].charAt(0).toUpperCase();


              var check = "checked"
              if (!element[1].state) check = "";

              $('#requisitosRest').append(`
                <div class="row">
                  <div class="col-md-12 text-left">
                    <div class="justify-content-end">
                      <input type="checkbox" class="form-check-input" id="checkAccion_9" ${check} disabled>
                      <label class="form-check-label" for="checkAccion_9">${firstChar + name}</label>
                      <br>
                    </div>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<small>${element[1].msg}</small>
                  </div>
                </div>
              `)
            });
            swal.close();
            $('#btnPublicar').attr('onclick', 'publicarRest('+idRestaurante+', 1)')
            $('#btnPublicarRechazo').attr('onclick', 'openModalCancelarPublicacion('+idRestaurante+')')
            $('#publicarRest').modal();
            $("#activarRest").modal('hide');
          }else{
            swal("Info!", " {{  trans('restaurantes.errorMessageSV') }}	", "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('restaurantes.errorMessageEAJX') }}", "error");
        }
      });
    }

    function openModalPublicarEats(idRestaurante)
    {
      var data = {'idRestaurante': idRestaurante}
      $.ajax({
        url: UrlHost_+"/administrator/restaurantes/dataSolicitud/restaurante",
        data: data,
        type: 'post',
        dataType: 'json',
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
          swal({
            title: "Cargando...",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
        },
        success: function(response){
          if (response.code == 200) {
            swal.close();
            $('#btnPublicar').attr('onclick', 'publicarRest('+idRestaurante+', 1)')
            $('#btnPublicarRechazo').attr('onclick', 'openModalCancelarPublicacion('+idRestaurante+')')
            $('#publicarRest').modal();
            $("#activarRest").modal('hide');
          }else{
            swal("Info!", " {{  trans('restaurantes.errorMessageSV') }}	", "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('restaurantes.errorMessageEAJX') }}", "error");
        }
      });
    }
    function openModalActivar(idRestaurante)
    {
      $('#btnActivar').attr('onclick', 'activarRest('+idRestaurante+')')
      $('#activarRest').modal();
    }

    function openModalCancelarPublicacion(idRestaurante){

      $('#btnSendRechazarPublicar').attr('onclick', 'publicarRest('+idRestaurante+', 0)');
      $('#cancelarPublicacion').modal();
    }

    function activarRest(idRestaurante)
    {
      var data = {
        "idRestaurante": idRestaurante
      }
      // var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/restaurantes/activar/restaurante",
        data: data,
        type: 'post',
        dataType: 'json',
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
          swal({
            title: " {{  trans('restaurantes.cargando') }} ",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
        },
        success: function(response){
          if (response.code == 200) {
            $("#activarRest").modal('hide');
            swal.close();
            location.reload();
          }else{
            swal("Info!", " {{  trans('restaurantes.errorMessageSV') }} ", "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('restaurantes.errorMessageEAJX') }} ", "error");
        }
      });
    }

    function publicarRest(idRestaurante, type, razon = null)
    {
      var data = {
        "idRestaurante": idRestaurante,
        "type": type,
        "razon": $('#razon').val()
      }
      // var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/restaurantes/publicar/restaurante",
        data: data,
        type: 'post',
        dataType: 'json',
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
          swal({
            title: " {{  trans('restaurantes.cargando') }}",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
        },
        success: function(response){
          if (response.code == 200) {
            $("#cancelarPublicacion").modal('hide');
            $("#publicarRest").modal('hide');
            swal.close();
            location.reload();
          }else{
            swal("Info!", " {{  trans('restaurantes.errorMessageSV') }}	", "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('restaurantes.errorMessageEAJX') }} ", "error");
        }
      });
    }
  </script>
@endsection