@extends('template.layoutAdmin', ['activeButton'=>'pagos'])
@section('title')
  {{  trans('payments.pagosTransferenciaTitulo') }}
@endsection

@section('cabecera')
@include('system.payments.cabecera')
@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-md-12">
        <div class="box">
            <div class="box-header">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-10">
                            <h1>
                                <small> {{  trans('payments.configPagoTransferencia') }}
                                    {{-- <span class="font-weight-400">{{auth()->user()->userName}}</span> --}}
                                </small>
                            </h1>
                        </div>

                    </div>
                </div>
            </div>
            <div class="box-body">
                <div class="row" id="porServicio">

                        <div class="col text-center">
                            <div class="row">


                        @foreach ($tipoPagoGeneral as $item)
                        @if ($item->idServicio == 22 && $item->transferencia != 2 )
                        <div class="col text-center">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col text-center">
                                        {{  trans('payments.ordenar') }} 

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col text-center">
                                    <label class="switch">
                                        @php
                                            $estadoOrdenartransferencia = false;
                                            if(!empty($tipoPagoOrdenar)){
                                                if($tipoPagoOrdenar->transferencia == 1)
                                                {
                                                    $estadoOrdenartransferencia = true;
                                                }
                                            }
                                        @endphp
                                        <input  type="checkbox"
                                                name="ordenar"
                                                onclick="changeStateService(22)"
                                                id="ordenar" value=""
                                                class="success"
                                                {!!  !empty($tipoPagoOrdenar) && $estadoOrdenartransferencia? 'checked="true"': '' !!}
                                                {{ !empty($tipoPagoOrdenar) && $tipoPagoOrdenar->transferencia == 2 ? 'disabled':'' }}>
                                        <span class="slider round"></span>
                                    </label>
                                    </div>
                                </div>

                            </div>
                        </div>

                        @endif
                        @if ($item->idServicio == 23 && $item->transferencia != 2)

                        <div class="col text-center">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col">
                                        {{  trans('payments.paraLlevar') }}	
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col text-center">
                                        <label class="switch">
                                            @php
                                                $estadoParallevartransferencia = false;
                                                if(!empty($tipoPagoParaLlevar))
                                                {
                                                    if($tipoPagoParaLlevar->transferencia == 1)
                                                    {
                                                        $estadoParallevartransferencia = true;
                                                    }
                                                }
                                            @endphp
                                            <input  type="checkbox"
                                                    name="paraLlevar"
                                                    onclick="changeStateService(23)"
                                                    id="paraLlevar" value=""
                                                    class="success"
                                                    {!! !empty($tipoPagoParaLlevar) && $estadoParallevartransferencia ? 'checked="true"': '' !!}
                                                    {{ !empty($tipoPagoParaLlevar) && $tipoPagoParaLlevar->transferencia == 2 ? 'disabled':'' }}>
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div>

                            </div>
                        </div>
                        @endif
                        @if ($item->idServicio == 24 && $item->transferencia != 2)

                        <div class="col text-center">
                            <div class="row">
                                <div class="col text-center">
                                    {{  trans('payments.domicilio') }} 
                                </div>
                            </div>
                            <div class="col text-center">
                                <label class="switch">
                                    @php
                                        $estadoDomiciliotransferencia = false;
                                        if(!empty($tipoPagoDomicilio)){
                                            if($tipoPagoDomicilio->transferencia == 1)
                                            {
                                                $estadoDomiciliotransferencia = true;
                                            }
                                        }
                                    @endphp
                                    <input  type="checkbox"
                                            name="domicilios"
                                            onclick="changeStateService(24)"
                                            id="domicilios" value=""
                                            class="success"
                                            {!! !empty($tipoPagoDomicilio) && $estadoDomiciliotransferencia? 'checked="true"': '' !!}
                                            {{ !empty($tipoPagoDomicilio) && $tipoPagoDomicilio->transferencia == 2 ? 'disabled':'' }}>
                                    <span class="slider round"></span>
                                </label>
                            </div>

                        </div>
                        @endif
                    @endforeach
                    </div>
            </div>
                </div>
                <hr>
                <div id="content-config" >
                    <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">
                                                    Entidades Financieras
                                                    </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="{{env('Image')}}{{($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('payments.descripcion') }}	</label>
                                                            <textarea  class="form-control" onchange="enabledEdit()" name="desc[{{$entidad->idEntidad}}]" id="descripcion_{{$entidad->idEntidad}}" placeholder=" {{  trans('payments.descripcionPagos') }} {{$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="{{env('Image')}}{{($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('payments.descripcion') }} </label>
                                                        <textarea class="form-control" name="desc[{{$entidad->idEntidad}}]" id="descripcion_{{$entidad->idEntidad}}" placeholder=" {{  trans('payments.descripcionPagos') }} {{$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('payments.noEntidadesPais') }}
                                                </div>
                                            </div>
                                        @endif
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@endsection

@section('js')
<script>
    var editable = false;
    function changeConfig()
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
          url: UrlHost_+"/administrator/payments/ajax/changeStatus",
          data: {
              idRestaurante: {{Auth::user()->idUsuario}}
          },
          type: 'post',
          dataType: 'json',
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
              swal({
                  title: " {{  trans('payments.cargando') }} ",
                  text: " {{  trans('payments.espereUnMomento') }} ",
                  showConfirmButton: false
              });
          },
          success: function(response){
              if (response.code == 200) {
                  if($('#transferencia_config').is(':checked') ) {
                      $("#transferencia_config").attr("checked", false);
                      $('#content-config').css('display', '');
                      $('#porServicio').css('display','');

                      /* if(!response.hasRes)
                      {
                          $('#guardarResolucion').modal({backdrop: 'static', keyboard: false})
                      } */
                  }else{
                      $("#transferencia_config").attr("checked", true);
                      $('#content-config').css('display', 'none');
                      $('#porServicio').css('display','none');

                  }
              }else {
                  swal("Error!", response.message, "info");
              }
              swal.close();
          },
          error: function(xhr){
              swal("Error!", " {{  trans('payments.errorMessage') }} ", "error");
          }
      });
    }

    function enabledEdit()
    {
      if(!editable)
      {
        editable = true;
        $('#btnSave').removeClass('disabled')
      }
    }

    function saveConfig()
    {
      var formData = new FormData(document.getElementById('formEntidades'))
      $.ajax({
        url: UrlHost_+"/administrator/payments/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('payments.cargando') }} ",
                text: " {{  trans('payments.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('payments.errorMessage') }} ", "error");
        }
      });
    }

    function changeStateService(id) {
        var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
          url: UrlHost_+"/administrator/payments/transfer/ajax/changeStatus/servicio",

        data:{
            service:id
        },
          type: 'post',
          dataType: 'json',
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
              swal({
                  title: " {{  trans('payments.cargando') }} ",
                  text: " {{  trans('payments.espereUnMomento') }} ",
                  showConfirmButton: false
              });
          },
          success: function(response){
              if (response.code == 200) {
                  if(id == 22 ){
                        if($('#ordenar').is(':checked') ) {
                            $("#ordenar").attr("checked", false);
                        }else{
                            $("#ordenar").attr("checked", true);
                        }
                  }
                  if(id == 23 ){
                        if($('#paraLlevar').is(':checked') ) {
                            $("#paraLlevar").attr("checked", false);
                        }else{
                            $("#paraLlevar").attr("checked", true);
                        }
                  }

                  if(id == 24 ){
                        if($('#domicilios').is(':checked') ) {
                            $("#domicilios").attr("checked", false);
                        }else{
                            $("#domicilios").attr("checked", true);
                        }
                  }
                  swal.close();
              }else {
                  swal("Error!", response.message, "info");
                  if(id == 22 ){
                        if($('#ordenar').is(':checked') ) {
                            $("#ordenar").attr("checked", false);
                        }
                  }
                  if(id == 23 ){
                        if($('#paraLlevar').is(':checked') ) {
                            $("#paraLlevar").attr("checked", false);
                        }
                  }

                  if(id == 24 ){
                        if($('#domicilios').is(':checked') ) {
                            $("#domicilios").attr("checked", false);
                        }
                  }
              }
            //   swal.close();
          },
          error: function(xhr){
              swal("Error!", " {{  trans('payments.errorMessage') }} ", "error");
          }
      });
    }
  </script>
@endsection