@extends('template.layoutAdmin', ['activeButton'=>'pagos'])

@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
  }
  #factura{
    font-size: 10px;
    /* border: 1px solid #ccc; */
    padding-top: 10px;
    background-color: #f1f1f1;
  }
  #factura h6{
    /* letter-spacing: 0.2pt; */
    line-height: 80% !important;
    font-size: 10px !important;
    font-family: "Consolas", monospace;
    /* font: bold 100% monospace; */
      /* background-color: #f1f1f1; */
  }
  #factura div{
    text-transform: uppercase
  }
  #factura #productos #total{
    line-height: 10% !important;
  }
  #factura #info_pago{
      text-align: center !important;
  }
  #factura #pie{
      padding-top: 15px;
      padding-bottom: 15px;
  }
  #factura #separador{
      text-align: center !important;
  }
  </style>
@endsection

@section('title')
{{  trans('facturas.FacturacionRestaurante') }}
@endsection

@section('cabecera')
  <div class="row">
    <div class="col-12">
        <div class="row">
            <div class="col-md-10">
                <h1>
                        {{-- {{  trans('facturas.configuracionDe') }} --}}
                        <span class="font-weight-400">{{auth()->user()->userName}}</span>
                       <small>{{ trans('facturas.mensajeAyuda') }}</small>
                </h1>
            </div>
            <div class="col-md-2 text-right" style="padding-top: 2%;">
                <label class="switch">
                    <input type="checkbox" name="typeService" onclick="changeService()" id="typeService_config" value="" class="success service_config" {!!$config->funDetalleRest->config_facturacion != 0? 'checked="true"': '' !!}>
                    <span class="slider round"></span>
                </label>
            </div>
        </div>
    </div>
  </div>
@endsection

@section('contenido')
    <div id="content-config" style="display: {{$config->funDetalleRest->config_facturacion != 1? 'none':''}};">
        <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-md-4">
                <div class="box">
                    <div class="box-header">
                        <div class="row">
                            <div class="col-md-10">

                                <h3 class="box-title font-weight-300"> {{  trans('facturas.previsualo') }}</h3>
                            </div>
                            <div class="col-md-2 text-right">
                                {{-- <span class="badge" style="background:{{$data->status != "DECLINED" ? "GREEN":"RED"}}">{{$data->status != "DECLINED" ? "APROBADO":"DECLINADO"}}</span> --}}
                            </div>
                        </div>
                    </div>
                    <div class="box-body" id="factura">
                        <div class="col-md-12 text-center" id="cabecera">
                            <h6>{{auth()->user()->userName}}</h6>
                            @if (env('MULTISERVER') == "CO")
                                <h6>NIT: {{auth()->user()->funDetalleRest->nitRestaurante}}</h6>
                            @endif
                            {{-- <h6>{{auth()->user()->nombre . ' ' . auth()->user()->apellido}}</h6> --}}
                            <h6>{{ trans('facturas.direccion') }} {{auth()->user()->funDetalleRest->direccion}}</h6>
                            <div class="row">
                                @if (env('MULTISERVER') == "CO")
                                    <div class="col-md-6 text-center">
                                        <h6>
                                            {{  trans('facturas.resDian') }} {{$config->funDetalleRest->resolucion_dian == null? '##########' : $config->funDetalleRest->resolucion_dian}}
                                        </h6>
                                    </div>
                                    <div class="col-md-6 text-center">
                                        <h6> {{  trans('facturas.fechas') }} {{$config->funDetalleRest->fecha_dian == null? 'DD/MM/YYYY': date("d/m/Y", strtotime($config->funDetalleRest->fecha_dian))}}</h6>
                                    </div>
                                @endif

                                @if (env('MULTISERVER') != "CO")
                                    <div class="col-md-12 text-center">
                                        <h6> {{  trans('facturas.fechas') }} {{$config->funDetalleRest->fecha_dian == null? 'DD/MM/YYYY': date("d/m/Y", strtotime($config->funDetalleRest->fecha_dian))}}</h6>
                                    </div>
                                @endif
                            </div>
                            <h6> {{  trans('facturas.facturaA') }} {{$config->funRangoActual == null? '########### - ###########': $config->funRangoActual->prefijo.$config->funRangoActual->minValor ." - ". $config->funRangoActual->prefijo.$config->funRangoActual->maxValor}}</h6>
                        </div>
                        <div id="separador">
                            <b>=======================================</b>
                        </div>
                        <div class="col-md-12 text-left" id="contenido">
                            <h6> {{  trans('facturas.factiraVemta') }} {{$config->funRangoActual == null ? '###########': $config->funRangoActual->prefijo.($config->funRangoActual->actualValor -1)}}</h6>
                            <h6> {{  trans('facturas.clientse') }}</h6>
                            <h6> {{  trans('facturas.nit--') }}</h6>
                        </div>
                        <div id="separador">
                            <b>=======================================</b>
                        </div>
                        <div class="col-md-12" id="pedido">
                            <div class="row">
                                <div class="col-md-6"><h6> {{  trans('facturas.mesa--') }}</h6></div>
                                <div class="col-md-6"><h6> {{  trans('facturas.ordem--') }}</h6></div>
                            </div>
                            <div class="row">
                                <div class="col-md-6"><h6> {{  trans('facturas.fecha--') }}</h6></div>
                                <div class="col-md-6"><h6> {{  trans('facturas.hora--') }}</h6></div>
                            </div>
                        </div>
                        <div id="separador">
                            <b>=======================================</b>
                        </div>
                        <div class="col-md-12" id="productos">
                            <div class="row">
                                <div class="col-md-2"><h6> {{  trans('facturas.cant') }}</h6></div>
                                <div class="col-md-6"><h6> {{  trans('facturas.descripcion') }}</h6></div>
                                <div class="col-md-4 text-right"><h6> {{  trans('facturas.valor') }}</h6></div>
                            </div>
                            <div class="row"><div class="col-md-2"><h6>1</h6></div><div class="col-md-6"><h6>########</h6></div><div class="col-md-4 text-right"><h6>{{App\Helpers\monedaH::getCurrentSimbol()}} #####</h6></div></div>
                            <div class="row"><div class="col-md-2"><h6>3</h6></div><div class="col-md-6"><h6>########</h6></div><div class="col-md-4 text-right"><h6>{{App\Helpers\monedaH::getCurrentSimbol()}} #####</h6></div></div>
                            <div class="row"><div class="col-md-2"><h6>1</h6></div><div class="col-md-6"><h6>########</h6></div><div class="col-md-4 text-right"><h6>{{App\Helpers\monedaH::getCurrentSimbol()}} #####</h6></div></div>
                            <div id="separador">
                                <b>____________________________________</b>
                            </div>
                            <div id="total">
                                <div class="row">
                                    <div class="col-md-10"><h6 class="text-right"> {{  trans('facturas.subtTotal') }}</h6></div>
                                    <div class="col-md-2 text-right"><h6>######</h6></div>
                                </div>
                                <div class="row">
                                    <div class="col-md-10"><h6 class="text-right"> {{  trans('facturas.impConsumo') }}</h6></div>
                                    <div class="col-md-2 text-right"><h6>######</h6></div>
                                </div>
                                <div class="row">
                                    <div class="col-md-10"><h6 class="text-right"> {{  trans('facturas.propinas') }}</h6></div>
                                    <div class="col-md-2 text-right"><h6>######</h6></div>
                                </div>
                                <div class="row ">
                                    <div class="col-md-10"><h6 class="text-right"> {{  trans('facturas.total') }}</h6></div>
                                    <div class="col-md-2 text-right"><h6>######</h6></div>
                                </div>
                            </div>

                        </div>
                        <div id="separador">
                            <b>=======================================</b>
                        </div>
                        <div class="col-md-12" id="info_pago">
                            <h6> {{  trans('facturas.metodoPago-') }}</h6>
                            <h6> {{  trans('facturas.valorRecibido') }}</h6>
                            <h6> {{  trans('facturas.valorDevuelto') }}</h6>
                        </div>
                        <div class="col-md-12" id="pie">
                            <div id="propina">
                                <h6>
                                    {{  trans('facturas.advertation') }}
                                </h6>
                            </div>
                            <div id="separador">
                                <h6>---------------**{ Softa S.A.S }**---------------</h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if (env('MULTISERVER') == "CO")
                <div class="col-md-8">
                    <div class="box">
                        <div class="box-header">
                            <div class="row">
                                <div class="col-md-10">
                                    <h3 class="box-title font-weight-300"> {{  trans('facturas.rangoActual') }}	</h3>
                                </div>
                                <div class="col-md-2 text-right hide" id="configFact">
                                    <a class="btn btn-info" href="Javascript:;" onclick="showRangos()"><i class="fa fa-cog"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="box-body" id="config">
                            <div id="formConfig">
                                <form id="rangoFact" action="{{route('facturacion.ajax.addRango')}}" method="post">
                                    @csrf
                                    <input type="hidden" name="idconfigFact" value="{{$config->idConfig_facturacion}}">
                                    @if($rango != null)
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="prefix"> {{  trans('facturas.prefijo') }}</label>
                                                        <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteUnPrefijo') }}" name="prefix" id="prefix" disabled value="{{$rango->prefijo}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="minValue"> {{  trans('facturas.valorMinimo') }}</label>
                                                        <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMinimo') }}" name="minValue" id="minValue" disabled value="{{$rango->minValor}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="maxValue"> {{  trans('facturas.valorMaximo') }}	</label>
                                                        <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMaximo') }}" name="maxValue" id="maxValue" disabled value="{{$rango->maxValor}}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12 text-center">
                                            <h4> {{  trans('facturas.numFacturas') }} {{($rango->maxValor + 1) - $rango->actualValor}}</h4>
                                            </div>
                                        </div>
                                    @else
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="prefix"> {{  trans('facturas.prefijo') }}</label>
                                                        <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteUnPrefijo') }}" name="prefix" id="prefix">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="minValue"> {{  trans('facturas.valorMinimo') }}</label>
                                                        <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMinimo') }}" name="minValue" id="minValue" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="maxValue"> {{  trans('facturas.valorMaximo') }}	</label>
                                                        <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMaximo') }}" name="maxValue" id="maxValue" required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12 text-center">
                                                <button type="submit" class="btn btn-info"> {{  trans('facturas.saveRange') }}</button>
                                            </div>
                                        </div>
                                    @endif
                                </form>
                                {{-- <div class="col-md-4 text-center">
                                    <h5 class="font-weight-500">Peso - Cantidad</h5>
                                <h5 class="font-weight-300">{{$data->currency}} - $ {{substr("".$data->amount_in_cents, 0, -2)}}</h5>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                    <div class="box" id="acciones">
                        <div class="box-header">
                            <div class="row">
                                <div class="col-md-10">
                                    <h3 class="box-title font-weight-300"> {{  trans('facturas.datosResoluc') }}</h3>
                                </div>
                                <div class="col-md-2 text-right">
                                    <a class="btn btn-info" href="Javascript:;" onclick="changeResolucion()"><i class="fa fa-cog"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="box-body" id="configAcciones">
                            <div id="formConfigAcciones">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                <label for="numeroRes"> {{  trans('facturas.numeroResolucion') }}</label>
                                                <input type="number" min="1" class="form-control" id="numeroRes" name="numeroRes" value="{{$config->funDetalleRest->resolucion_dian == null? '':$config->funDetalleRest->resolucion_dian}}" disabled>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="fecha_dianRes"> {{  trans('facturas.fechaResolucion') }}</label>
                                                    <input type="text" class="form-control" id="fecha_dianRes" name="fecha_dianRes" value="{{$config->funDetalleRest->fecha_dian == null? '': date("d/m/Y", strtotime($config->funDetalleRest->fecha_dian))}}" disabled>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- <div class="col-md-4"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box">
                        <div class="box-header">
                            <div class="row">
                                <div class="col-md-10">
                                    <h3 class="box-title font-weight-300"> {{  trans('facturas.detallesFactura') }}</h3>
                                </div>
                                <div class="col-md-2 text-right">
                                    <button type="button" onclick="changeDescripcion()"  class="btn btn-info" > <i class="fa fa-cog"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="box-body">
                            <div>
                                <form action="{{route('facturacion.updateDescrip')}}" method="POST" enctype="multipart/form-data" id="formCreate" >
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group {{ $errors->has('descripcion') ? 'has-error' : '' }}">
                                                <textarea
                                                    name="descripcion"
                                                    class="form-control"
                                                    id="descripcion "
                                                    cols="10" 
                                                    rows="4"
                                                    disabled>{{$config->descripcion}}
                                                </textarea>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div> 
                        </div> 
                    </div> 
                </div>
                @endif
                @if (env('MULTISERVER') != "CO")
                    <div class="col-md-8">
                        <div class="box">
                            <div class="box-header">
                                <div class="row">
                                    <div class="col-md-10">
                                        <h3 class="box-title font-weight-300"> {{  trans('facturas.detallesFactura') }}</h3>
                                    </div>
                                    <div class="col-md-2 text-right">
                                        <button type="button" onclick="changeDescripcion()"  class="btn btn-info" > <i class="fa fa-cog"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="box-body">
                                <div id="formConfig">
                                    <form id="rangoFact" action="{{route('facturacion.ajax.addRango')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="idconfigFact" value="{{$config->idConfig_facturacion}}">
                                        @if($rango != null)
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="prefix"> {{  trans('facturas.prefijo') }}</label>
                                                            <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteUnPrefijo') }}" name="prefix" id="prefix" disabled value="{{$rango->prefijo}}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="minValue"> {{  trans('facturas.valorMinimo') }}</label>
                                                            <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMinimo') }}" name="minValue" id="minValue" disabled value="{{$rango->minValor}}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="maxValue"> {{  trans('facturas.valorMaximo') }} </label>
                                                            <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMaximo') }}" name="maxValue" id="maxValue" disabled value="{{$rango->maxValor}}">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12 text-center">
                                                <h4> {{  trans('facturas.numFacturas') }} {{($rango->maxValor + 1) - $rango->actualValor}}</h4>
                                                </div>
                                            </div>
                                        @else
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="prefix"> {{  trans('facturas.prefijo') }}</label>
                                                            <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteUnPrefijo') }}" name="prefix" id="prefix">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="minValue"> {{  trans('facturas.valorMinimo') }}</label>
                                                            <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMinimo') }}" name="minValue" id="minValue" required>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="maxValue"> {{  trans('facturas.valorMaximo') }} </label>
                                                            <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMaximo') }}" name="maxValue" id="maxValue" required>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12 text-center">
                                                    <button type="submit" class="btn btn-info"> {{  trans('facturas.saveRange') }}</button>
                                                </div>
                                            </div>
                                        @endif
                                    </form>
                                    {{-- <div class="col-md-4 text-center">
                                        <h5 class="font-weight-500">Peso - Cantidad</h5>
                                    <h5 class="font-weight-300">{{$data->currency}} - $ {{substr("".$data->amount_in_cents, 0, -2)}}</h5>
                                    </div> --}}
                                </div>
                                <div>
                                    <form action="{{route('facturacion.updateDescrip')}}" method="POST" enctype="multipart/form-data" id="formCreate" >
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group {{ $errors->has('descripcion') ? 'has-error' : '' }}">
                                                    <textarea
                                                        name="descripcion"
                                                        class="form-control"
                                                        id="descripcion "
                                                        cols="10" 
                                                        rows="4"
                                                        disabled>{{$config->descripcion}}
                                                    </textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div> 
                            </div> 
                        </div>
                    </div> 
                @endif
            
        </div>
    </div>
    <div class="modal fade" id="guardarResolucion" tabindex="-1" role="dialog" aria-labelledby="guardarResolucion" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="guardarResolucion"> {{  trans('facturas.asignarResolucion') }}</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">
                        @if(Session::has('message_error_m'))
                            <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_m')}} 😒
                            </div>
                        @endif
                    </div>
                </div>
                <form action="{{route('saveResolucion')}}" method="post" id="formResolucion">
                    @csrf
                    <input type="hidden" id="idRestaurante" name="idRestaurante" value="{{auth()->user()->idUsuario}}">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label for="numero_dian"> {{  trans('facturas.resolucionDian') }}</label>
                                <input type="number" min="1" class="form-control" id="numero_dian" name="numero_dian" placeholder="Digite la resolución" required>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="fecha_dian"> {{  trans('facturas.fechaResolucion') }}</label>
                                <input type="text" class="form-control" id="fecha_dian" name="fecha_dian" placeholder="Digite la fecha de la resolucion" required>
                            </div>
                        </div>
                    </div>
                    <div>
                        {{-- <button type="button" class="btn btn-info" data-dismiss="modal">{{  trans('facturas.cer') }}</button> --}}
                        <button type="submit" class="btn btn-success"> {{  trans('facturas.guardar') }}</button>
                    </div>
                </form>
            </div>
            {{-- <div class="modal-footer text-center">
              <button type="button" class="btn btn-info" data-dismiss="modal"> {{  trans('facturas.cer') }}</button>
              <button type="button" onclick="guardarResolucion()" class="btn btn-success"> {{  trans('facturas.actu') }}</button>
            </div> --}}
          </div>
        </div>
    </div>
    <div class="modal fade" id="addRango" tabindex="-1" role="dialog" aria-labelledby="addRangoFact" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addRangoFact"> {{  trans('facturas.agregarFacturazion') }}</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">
                        @if(Session::has('message_error_m'))
                            <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_m')}} 😒
                            </div>
                        @endif
                    </div>
                </div>
                <form action="{{route('facturacion.ajax.addRango')}}" method="post" id="formAddRango">
                    @csrf
                    <input type="hidden" id="idconfigFact" name="idconfigFact" value="{{$config->idConfig_facturacion}}">


                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="prefix"> {{  trans('facturas.prefijo') }}</label>
                            <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteUnPrefijo') }}" name="prefix" id="prefix">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="minValue"> {{  trans('facturas.valorMinimo') }}</label>
                            <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMinimo') }}" name="minValue" id="minValue" required>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="maxValue"> {{  trans('facturas.valorMaximo') }}</label>
                            <input type="numeric" class="form-control" placeholder=" {{  trans('facturas.digiteValorMaximo') }}" name="maxValue" id="maxValue" required>
                        </div>
                    </div>


                    <div>
                        {{-- <button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button> --}}
                        <button type="submit" class="btn btn-success"> {{  trans('facturas.guardar') }}</button>
                    </div>
                </form>
            </div>
            {{-- <div class="modal-footer text-center">
              <button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button>
              <button type="button" onclick="guardarResolucion()" class="btn btn-success">Actualizar</button>
            </div> --}}
          </div>
        </div>
    </div>

    <div class="modal fade" id="editRango" tabindex="-1" role="dialog" aria-labelledby="addRangoFact" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addRangoFact">{{ trans('facturas.agregarFacturazion') }}</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">
                        @if(Session::has('message_error_m'))
                            <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_m')}} 😒
                            </div>
                        @endif
                    </div>
                </div>
                <form action="{{route('facturacion.ajax.editRango')}}" method="post" id="formEditRango">
                    @csrf
                    <input type="hidden" id="editidRango" name="idRango" value="">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="prefix">{{ trans('facturas.prefijo') }}</label>
                            <input type="numeric" class="form-control" placeholder="{{ trans('facturas.digiteUnPrefijo') }}" name="prefix" id="editprefix">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="minValue">{{ trans('facturas.valorMinimo') }}</label>
                            <input type="numeric" class="form-control" placeholder="{{ trans('facturas.digiteValorMinimo') }}" name="minValue" id="editminValue" required>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="maxValue">{{ trans('facturas.valorMaximo') }}</label>
                            <input type="numeric" class="form-control" placeholder="{{ trans('facturas.digiteValorMaximo') }}" name="maxValue" id="editmaxValue" required>
                        </div>
                    </div>


                    <div>
                        {{-- <button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button> --}}
                        <a type="button" href="JavaScript:;" onclick="editRango()" class="btn btn-success">{{ trans('facturas.Editar') }}</a>
                    </div>
                </form>
            </div>
            {{-- <div class="modal-footer text-center">
              <button type="button" class="btn btn-info" data-dismiss="modal"> {{  trans('facturas.cer') }}</button>
              <button type="button" onclick="guardarResolucion()" class="btn btn-success"> {{  trans('facturas.actu') }}</button>
            </div> --}}
          </div>
        </div>
    </div>

    <div class="modal fade" id="showRangosFact" tabindex="-1" role="dialog" aria-labelledby="verRangosFact" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-right" id="verRangosFact"> {{  trans('facturas.listRamdpo') }}

                </h5>
                {{-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button> --}}
                <div class="modal-title text-left">
                    <a href="JavaScript:;" onclick="openCreateRango()" class="btn btn-info">
                        {{  trans('facturas.agregRango') }}
                    </a>
                </div>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12">
                        @if(Session::has('message_error_m'))
                            <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_m')}} 😒
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-md-12">
                    <table class="table table-bordered table-responsive">
                        <thead>
                            <tr>
                                <th> {{  trans('facturas.prefijo') }}</th>
                                <th> {{  trans('facturas.valorMinimo') }}</th>
                                <th> {{  trans('facturas.valorMaximo') }}</th>
                                <th> {{  trans('facturas.valorActual') }}</th>
                                <th> {{  trans('facturas.esActual?s') }}</th>
                                <th> {{  trans('facturas.terminod') }}</th>
                                <th> {{  trans('facturas.accopmes') }}</th>
                            </tr>
                        </thead>
                        <tbody id="rangosFacturacion">

                        </tbody>
                    </table>
                </div>
                <div>
                    {{-- <button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button> --}}
                    {{-- <button type="submit" class="btn btn-success">Guardar</button> --}}
                </div>
            </div>
            {{-- <div class="modal-footer text-center">
              <button type="button" class="btn btn-info" data-dismiss="modal">Cerrar</button>
              <button type="button" onclick="guardarResolucion()" class="btn btn-success">Actualizar</button>
            </div> --}}
          </div>
        </div>
    </div>


    <div class="modal fade" id="EditarDescripcion" tabindex="-1" role="dialog" aria-labelledby="EditarDescripcion" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="EditarDescripcion"> {{  trans('facturas.editarDescripcion') }}</h5>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            @if(Session::has('message_error_m'))
                                <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_m')}} 😒
                                </div>
                            @endif
                        </div>
                    </div>
                    <form action="{{route('facturacion.updateDescrip')}}" method="post" id="formRDescripcion">
                        @csrf
                        <input type="hidden" id="idRestaurante" name="idRestaurante" value="{{auth()->user()->idUsuario}}">                   
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group {{ $errors->has('descripcion') ? 'has-error' : '' }}">
                                    <textarea name="descripcion" class="form-control" id="descripcion" cols="10" rows="4"></textarea>
                                </div>
                            </div>
                        </div>      
                        <div>
                            <button type="submit" class="btn btn-success text-center"> {{  trans('facturas.guardar') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

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

    $(document).ready(function(){

        $( "#fecha_dian" ).datepicker({
          format: 'dd/mm/yyyy'
        });

        var estado = {{$config->funDetalleRest->config_facturacion}};
        var rangos = {!!json_encode($config)!!};
        if(estado == 0)
        {
            $('#content-config').css('display', 'none');
        }else{
            var res = "{{$config->funDetalleRest->resolucion_dian == null? '':$config->funDetalleRest->resolucion_dian}}";
            var fecha = "{{$config->funDetalleRest->fecha_dian == null? '': date("d/m/Y", strtotime($config->funDetalleRest->fecha_dian))}}";
            if(res == '' && fecha == '')
            {
                $('#guardarResolucion').modal({backdßrop: 'static', keyboard: false})
            }
        }

        if(rangos.fun_rangos != null && rangos.fun_rangos.length >= 1)
        {

            $('#configFact').removeClass('hide');
        }
    });

    function changeDescripcion(){
        
        $('#EditarDescripcion').modal();
    }

    function changeResolucion(){
        var res = "{{$config->funDetalleRest->resolucion_dian == null? '':$config->funDetalleRest->resolucion_dian}}";
        var fecha = "{{$config->funDetalleRest->fecha_dian == null? '': date("d/m/Y", strtotime($config->funDetalleRest->fecha_dian))}}";
        if(res != '' && fecha != '')
        {
            $('#numero_dian').val(res)
            $('#fecha_dian').val(fecha)
        }
        $('#guardarResolucion').modal();
    }

    function openCreateRango(){
        $('#showRangosFact').modal('hide');
        $('#addRango').modal('show');
    }

    /* function changeService() {
      if($('#state_config').is(':checked') ) {
        $('#content-config').css('display', 'none');
      }else{
        $('#content-config').css('display', 'content');
      }
    } */
    function changeService() {
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
            url: UrlHost_+"/administrator/facturacion/ajax/changeconfigFactura",
            data: {
                idRestaurante: {{$config->idRestaurante}}
            },
            type: 'post',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            /* beforeSend: function () {
                swal({
                    title: "Cargando...",
                    text: "Espere un momento",
                    showConfirmButton: false
                });
            }, */
            success: function(response){
                if (response.code == 200) {
                    if($('.service_config').is(':checked') ) {
                        $("#typeService_config").attr("checked", false);
                        $('#content-config').css('display', '');
                        if(!response.hasRes)
                        {
                            $('#guardarResolucion').modal({backdrop: 'static', keyboard: false})
                        }
                    }else{
                        $("#typeService_config").attr("checked", true);
                        $('#content-config').css('display', 'none');
                    }
                }else {
                    swal("Error!", response.message, "info");
                }
                //swal.close();
            },
            error: function(xhr){
                                 swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");

            }
        });
    }

    function showRangos()
    {
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
            url: UrlHost_+"/administrator/facturacion/ajax/getRangos",
            data: {
                idRestaurante: {{$config->idRestaurante}}
            },
            type: 'post',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            /* beforeSend: function () {
                swal({
                    title: "Cargando...",
                    text: "Espere un momento",
                    showConfirmButton: false
                });
            }, */
            success: function(response){
                if (response.code == 200) {
                    $('#rangosFacturacion').empty();
                        $.each(response.data, function(p, data){
                            var isActual = "no";
                            var isFinished = "no";
                            if(data.isActual){isActual = "si"};
                            if(data.finished){isFinished = "si"};

                            if(data.isActual)
                            {
                                $('#rangosFacturacion').append(
                                    '<tr>'+
                                        '<td class="text-center">'+data.prefijo+'</td>'+
                                        '<td class="text-center">'+data.minValor+'</td>'+
                                        '<td class="text-center">'+data.maxValor+'</td>'+
                                        '<td class="text-center">'+(data.actualValor-1)+'</td>'+
                                        '<td class="text-center">'+isActual+'</td>'+
                                        '<td class="text-center">'+isFinished+'</td>'+
                                        '<td class="text-center"><a type="button" href="Javascript:;" onclick="changeToRango('+data.idConfig_rangos+')" class="btn btn-info btn-sm disabled"><i class="fa fa-check-circle"></i></a></td>'+
                                    '</tr>'
                                );
                            }else{
                                $('#rangosFacturacion').append(
                                    '<tr>'+
                                        '<td class="text-center">'+data.prefijo+'</td>'+
                                        '<td class="text-center">'+data.minValor+'</td>'+
                                        '<td class="text-center">'+data.maxValor+'</td>'+
                                        '<td class="text-center">'+(data.actualValor-1)+'</td>'+
                                        '<td class="text-center">'+isActual+'</td>'+
                                        '<td class="text-center">'+isFinished+'</td>'+
                                        '<td class="text-center">'+
                                            '<div class="row">'+
                                                '<div class="col-md-4"><a type="button" href="Javascript:;" onclick="viewEditRango('+data.idConfig_rangos+')" class="btn btn-info btn-sm"><i class="fa fa-pencil-square-o"></i></a></div>'+
                                                '<div class="col-md-4"><a type="button" href="Javascript:;" onclick="changeToRango('+data.idConfig_facturacion+','+data.idConfig_rangos+')" class="btn btn-info btn-sm"><i class="fa fa-check-circle"></i></a></div>'+
                                                '<div class="col-md-4"><a type="button" href="Javascript:;" onclick="deleteRango('+data.idConfig_rangos+')" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a></div>'+
                                            '</div>'+
                                        '</td>'+
                                    '</tr>'
                                );
                            }
                        });
                     $('#showRangosFact').modal();
                }else if(response.code == 220){
                    $('#addRango').modal()
                }else{
                    swal("Error!", response.message, "info");
                }
            },
            error: function(xhr){
                swal("Error!", xhr, "error");
            }
        });
    }

    function viewEditRango(idRango)
    {
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
            url: UrlHost_+"/administrator/facturacion/ajax/getRango",
            data: {
                idRango: idRango
            },
            type: 'post',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            beforeSend: function () {
                $('#showRangosFact').modal('hide');
            },
            success: function(response){
                if (response.code == 200) {
                    $('#editidRango').val(response.data.idConfig_rangos)
                    $('#editprefix').val(response.data.prefijo)
                    $('#editminValue').val(response.data.minValor)
                    $('#editmaxValue').val(response.data.maxValor)
                    $('#editRango').modal();
                }else {
                    swal("Error!", response.message, "info");
                }
            },
            error: function(xhr){
                swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");
            }
        });
    }

    function editRango(){
        var formData = new FormData(document.getElementById("formEditRango"));
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
            url: UrlHost_+"/administrator/facturacion/ajax/editRango",
            data: formData,
            type: 'post',
            dataType: 'json',
            processData: false,
            contentType: false,
            cache: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(response){
                if (response.code == 200) {
                    $('#editRango').modal('hide');
                    showRangos();
                }else{
                    swal("Info!", response.message, "info");
                }
            },
            error: function(xhr){
                swal("Error!", "Ha ocurrido un error intente mas tarde", "error");
            }
        });
    }

    function deleteRango(idRango)
    {
        swal({
            title: " {{  trans('facturas.anularFactura') }}",
            text: " {{  trans('facturas.estaSeguro') }}",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: '#DD6B55',
            confirmButtonText: " {{  trans('facturas.seguroSi') }}",
            cancelButtonText: " {{  trans('facturas.cacncela') }}",
            closeOnConfirm: false,
            closeOnCancel: false
        },
        function(isConfirm){
        if (isConfirm){
            var host = "{{$_SERVER["HTTP_HOST"]}}";
            $.ajax({
                url: UrlHost_+"/administrator/facturacion/ajax/cancelRango",
                data: {idRango: idRango},
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response){
                    //swal.close();
                    if (response.code == 200) {
                        $('#showRangosFact').modal('hide');
                        //$('#editRango').modal('hide');
                        swal("Good!", "{{  trans('facturas.rangeCambiado') }}", "info");
                    }else{
                        swal("Info!", response.message, "info");
                    }
                },
                error: function(xhr){
                    swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");

                }
            });
            /* swal("Shortlisted!", "Candidates are successfully shortlisted!", "success"); */
            } else {
            /* swal("Cancelled", "Your imaginary file is safe :)", "error"); */
            swal.close();
            }
        });
    }

    function changeToRango(config, idRango)
    {
        swal({
            title: " {{  trans('facturas.cambioRangdTitle') }}",
            text: " {{  trans('facturas.cambioText') }}",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: '#DD6B55',
            confirmButtonText: " {{  trans('facturas.seguroSi') }}",
            cancelButtonText: " {{  trans('facturas.cacncela') }}",
            closeOnConfirm: false,
            closeOnCancel: false
        },
        function(isConfirm){
        if (isConfirm){
            var host = "{{$_SERVER["HTTP_HOST"]}}";
            $.ajax({
                url: UrlHost_+"/administrator/facturacion/ajax/cambiarRango",
                data: {idRango: idRango, idConfigFact: config},
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response){
                    //swal.close();
                    if (response.code == 200) {
                        $('#showRangosFact').modal('hide');
                        $("#factura").load(location.href+" #factura>*","");
                        $("#config").load(location.href+" #config>*","");
                        //$('#editRango').modal('hide');
                        swal("Good!", "{{  trans('facturas.rangeCambiado') }}", "info");
                    }else{
                        swal("Info!", response.message, "info");
                    }
                },
                error: function(xhr){
                    swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");
                }
            });
            /* swal("Shortlisted!", "Candidates are successfully shortlisted!", "success"); */
            } else {
            /* swal("Cancelled", "Your imaginary file is safe :)", "error"); */
            swal.close();
            }
        });
    }

    function enviar_formulario(){
      document.getElementById('formCreate').submit();
    }

  </script>
@endsection