@extends('template.layoutAdmin')

@section('title')
{{  trans('transferencia.imgTransferencia') }} 
@endsection

@section('cabecera')
<div class="row">
  {{-- <div class="col-2">
      <h1 style="margin: 15px 0 10px 0;">
          <a href="{{ url()->previous() }}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i> Regresar</a>
      </h1>
  </div> --}}
  <div class="col-12">
      <div class="row">
          <div class="col-md-10">
              <h1>
                  <small> {{  trans('transferencia.configuarcion') }} 
                      {{-- <span class="font-weight-400">{{auth()->user()->userName}}</span> --}}
                  </small>
              </h1>
          </div>
          <div class="col-md-2 text-right" style="padding-top: 2%;">
              <label class="switch">
                  <input type="checkbox" name="config_transferencia" onclick="changeConfig()" id="transferencia_config" value="" class="success" {!!$tipoPago->transferencia != 0? 'checked="true"': '' !!}>
                  <span class="slider round"></span>
              </label>
          </div>
      </div>
  </div>
</div>
@endsection

@section('contenido')
  @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
  @php
      dd(count($entidades));
    @endphp
  <div id="content-config" style="display: {{$tipoPago->transferencia != 1? 'none':''}};">
    <div class="row">
      <div class="col">
          <div class="box">
              <div class="box-header">
                <div class="box-title col-md-12">
                  {{-- <div class="col-md-12"> --}}
                    <div class="row">
                      <div class="col-md-6">
                        <h4 class="pt-2">
                          {{  trans('transferencia.entidades') }} 
                        </h4>
                      </div>
                      <div class="col-md-6">
                        <div class="text-right">
                          <a href="Javascript:;" class="btn btn-info btn-sm disabled" id="btnSave" onclick="saveConfig()">
                            <i class="fa fa-save"></i>
                          </a>
                        </div>
                      </div>
                    </div>
                  {{-- </div> --}}
                </div>
              </div>
              <div class="box-body">
                <form action="" id="formEntidades">
                  @if (count($entidades) > 0)
                    @foreach ($entidades as $entidad)
                            @php
                                $exists = false;
                            @endphp
                            @if (count($entidadesRest))
                              @foreach ($entidadesRest as $item)
                                @if ($entidad->idEntidad == $item->idEntidad)
                                  <div class="col-md-12">
                                    <div class="justify-content-end">
                                      @if ($item->state == 1)
                                      <input type="checkbox" class="form-check-input" name="entidad[{{$entidad->idEntidad}}]" id="check_entidad_{{$entidad->idEntidad}}" checked data-toggle="collapse" href="#collapse_{{$entidad->idEntidad}}" role="button" aria-expanded="false" aria-controls="collapseExample" onclick="enabledEdit()">
                                      @else
                                      <input type="checkbox" class="form-check-input" name="entidad[{{$entidad->idEntidad}}]" id="check_entidad_{{$entidad->idEntidad}}" {{-- {{$data['categoria'] == true? 'checked': ''}} --}} data-toggle="collapse" href="#collapse_{{$entidad->idEntidad}}" role="button" aria-expanded="false" aria-controls="collapseExample" onclick="enabledEdit()">
                                      @endif
                                      @php
                                          $exists = true;
                                      @endphp
                                      <label class="form-check-label col-md-12" for="check_entidad_{{$entidad->idEntidad}}">
                                        <div class="col-md-12">
                                          <img class="img-responsive pb-2" src="{{asset('files/filesEntidades') ."/". $entidad->img}}" alt="" width="150">
                                        </div>
                                      </label>
                                      <br>
                                  </div>
                                </div>
                                <br>
                                <br>
                                <div class="collapse {{$item->state == 1?'show':''}}" id="collapse_{{$entidad->idEntidad}}">
                                  <div class="col-md-12">
                                    <div class="form-group">
                                      <label for="descripcion_{{$entidad->idEntidad}}"> {{  trans('transferencia.descripcion') }}	</label>
                                      <textarea  class="form-control" onchange="enabledEdit()" name="desc[{{$entidad->idEntidad}}]" id="descripcion_{{$entidad->idEntidad}}" placeholder=" {{  trans('transferencia.descripcionPlace') }} {{$entidad->nombre}}" cols="30" rows="5">{{$item->descripcion}}</textarea>
                                    </div>
                                  </div>
                                </div>
                                @endif
                              @endforeach
                            @endif

                            @if (!$exists)
                            <div class="col-md-12">
                              <div class="justify-content-end">
                                <input type="checkbox" class="form-check-input" name="entidad[{{$entidad->idEntidad}}]" id="check_entidad_{{$entidad->idEntidad}}" {{-- {{$data['categoria'] == true? 'checked': ''}} --}} data-toggle="collapse" href="#collapse_{{$entidad->idEntidad}}" role="button" aria-expanded="false" aria-controls="collapseExample" onclick="enabledEdit()">
                                <label class="form-check-label col-md-12" for="check_entidad_{{$entidad->idEntidad}}">
                                  <div class="col-md-12">
                                    <img class="img-responsive pb-2" src="{{asset('files/filesEntidades') ."/". $entidad->img}}" alt="" width="150">
                                  </div>
                                </label>
                                <br>
                            </div>
                          </div>
                          <br>
                          <br>
                          <div class="collapse fade" id="collapse_{{$entidad->idEntidad}}">
                            <div class="col-md-12">
                              <div class="form-group">
                                <label for="descripcion_{{$entidad->idEntidad}}"> {{  trans('transferencia.descripcion') }} </label>
                                <textarea class="form-control" name="desc[{{$entidad->idEntidad}}]" id="descripcion_{{$entidad->idEntidad}}" placeholder=" {{  trans('transferencia.descripcionPlace') }}	{{$entidad->nombre}}" cols="30" rows="5"></textarea>
                              </div>
                            </div>
                          </div>
                            @endif
                            
                    @endforeach
                  @else
                      <div class="col-md-12">
                        <div class="text-center alert alert-warning" role="alert">
                          {{  trans('transferencia.falloEntidades') }} 
                        </div>
                      </div>
                  @endif
                </form>
              </div>
          </div>
      </div>
  </div>
  </div>
  
@endsection

@section('js')
  <script>
    var editable = false;
    function changeConfig()
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
          url: UrlHost_+"/administrator/transferencias/ajax/changeStatus",
          /* data: {
              idRestaurante: {{$tipoPago->idRestaurante}}
          }, */
          type: 'post',
          dataType: 'json',
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
              swal({
                  title: " {{  trans('transferencia.cargando') }} ",
                  text: " {{  trans('transferencia.espereUnMomento') }} ",
                  showConfirmButton: false
              });
          },
          success: function(response){
              if (response.code == 200) {
                  if($('#transferencia_config').is(':checked') ) {
                      $("#transferencia_config").attr("checked", false);
                      $('#content-config').css('display', '');
                      /* if(!response.hasRes)
                      {
                          $('#guardarResolucion').modal({backdrop: 'static', keyboard: false})
                      } */
                  }else{
                      $("#transferencia_config").attr("checked", true);
                      $('#content-config').css('display', 'none');
                  }
              }else {
                  swal("Error!", response.message, "info");
              }
              swal.close();
          },
          error: function(xhr){
              swal("Error!", " {{  trans('transferencia.ErrorMessage') }} ", "error");
          }
      });
    }
    
    function enabledEdit()
    {
      if(!editable)
      {
        editable = true;
        $('#btnSave').removeClass('disabled')
      }
    }

    function saveConfig()
    {
      var formData = new FormData(document.getElementById('formEntidades'))
      $.ajax({
        url: UrlHost_+"/administrator/transferencias/ajax/save",
        data: formData,
        type: 'post',
        dataType: 'json',
        processData: false,
        contentType: false,
        cache: false,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
            swal({
                title: " {{  trans('transferencia.cargando') }} ",
                text: " {{  trans('transferencia.espereUnMomento') }} ",
                showConfirmButton: false
            });
        },
        success: function(response){
            if (response.code == 200) {
              swal("Excelente!", response.message, "success")
              editable = false;
              $('#btnSave').addClass('disabled')
                /* swal.close();
                $("#formAforo")[0].reset();
                $("#tbActualizar").load(location.href+" #tbActualizar>*","");
                $("#crearAforo").modal('hide'); */
            }else{
                swal("Info!", response.message, "info");
            }
        },
        error: function(xhr){
            swal("Error!", " {{  trans('transferencia.ErrorMessage') }} ", "error");
        }
      });
    }
  </script>
@endsection