@extends('plantilla')
@section('titulo', "$titulo")
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
    globalId = '0';
    
</script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/administracion/cobros">Cobros</a></li>
    <li class="breadcrumb-item active">Modificar</li>
</ol>
<ol class="toolbar">
    <li class="btn-item"><a title="Nuevo" href="/administracion/cobro/nuevo" class="fa fa-plus-circle" aria-hidden="true"><span>Nuevo</span></a></li>
    <li class="btn-item"><a title="Guardar" href="#" class="fa fa-floppy-o" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
    </li>
    <li class="btn-item" disabled><a title="Enviar aviso" href="#" class="fa fa-envelope" aria-hidden="true" onclick="javascript: enviarAviso()"><span>Enviar aviso</span></a>
    </li>
    <li class="btn-item"><a title="Cuotificar" href="#" class="fa fa-credit-card" aria-hidden="true" onclick="javascript: $('#mdlCuotificar').modal('toggle');"><span>Cuotificar</span></a>
    </li>

    @if(isset($cobro) && $cobro->fk_idfacturacabecera > 0)
    <li class="btn-item"><a title="Descargar-factura" id="descargarFactura" href="#" class="fa fa-arrow-down" aria-hidden="true" onclick="javascript: fDescargarFactura()"><span>Descargar Factura</span></a>
    </li>
    @else
    <li class="btn-item"><a title="Facturar" id="facturar" href="#" class="fa fa-file-o" aria-hidden="true" onclick="javascript: fAbrirModalFechaFactura()"><span>Facturar</span></a>
    </li>
    @endif
    @if(isset($cobro) && $cobro->fk_idfacturacabecera == "")
    <li class="btn-item"><a title="Eliminar" href="#" class="fa fa-trash-o" aria-hidden="true" onclick="javascript: $('#mdlEliminar').modal('toggle');"><span>Eliminar</span></a>
    </li>
    @endif
    <li class="btn-item"><a title="Salir" href="#" class="fa fa-arrow-circle-o-left" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a></li>
</ol>
<script>
function fsalir(){
    location.href ="/administracion/cobros";
}
</script>
@endsection
@section('contenido')
<div class="panel-body">
        <div id = "msg"></div>
                <form id="form1" method="POST" enctype="multipart/form-data">
            <div class="row">
                <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
               
                <div class="form-group col-lg-6">
                    <label>Numero de establecimiento:</label>
                    <input type="number" id="txtNumero" name="txtNumero" class="form-control" value="{{$establecimiento->numero_establecimiento or ''}}" readonly>
                </div>
                <div class="form-group col-sm-6">
                        <label>Tipo de tarjeta:</label>
                        <select class="form-control" id="lstTarjeta" name="lstTarjeta">
                            <option selected disabled value="">Seleccionar</option>
                            @for ($i = 0; $i < count($array_tarjeta); $i++)
                                @if (isset($establecimiento) and $array_tarjeta[$i]->idtipo_tarjeta == $establecimiento->fk_idtipotarjeta)
                                    <option selected value="{{ $array_tarjeta[$i]->idtipo_tarjeta }}">{{ $array_tarjeta[$i]->tarjeta}}</option>
                                @else
                                    <option value="{{ $array_tarjeta[$i]->idtipo_tarjeta }}">{{ $array_tarjeta[$i]->tarjeta }}</option>
                                @endif
                            @endfor
                        </select> 
                    </div>
                
            </div>
      
  
    
    </form>
</div>

<div class="modal fade" id="modalmsg" tabindex="-1" role="dialog" aria-labelledby="modalmsg">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-lg-6">
                    &#191;Desea confirmar la operacion?
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="eliminarPatenteFamilia();">Aceptar</button>
            </div>
        </div>
    </div>
</div>


<script>

    $("#form1").validate();
    cargarGrilla();
    $('#modalBuscar').modal({
        show: 'false'
    });
    function cargarGrilla() {
        $('#grilla').dataTable().fnClearTable();
        $('#grilla').dataTable().fnDestroy();
          var grilla = $('#grilla').DataTable({
            "processing": true,
            "serverSide": false,
            "bFilter": false,
            "bInfo": true,
            "bSearchable": false, 
            "paging": false,
            "ajax": "{{ asset('cobros/cargarGrillaPagos?idcobro='.$globalId) }}",
            "columnDefs": [
                {
                    "targets": [0],
                    "visible": false,
                    "searchable": false
                }
               ]
    });
    } 
    
    $("#form1").validate();

    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            form1.submit(); 
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }

    function eliminar() {
        $.ajax({
            type: "GET",
            url: "{{ asset('administracion/cobro/eliminar') }}",
            data: { id:globalId },
            async: true,
            dataType: "json",
            success: function (data) {
                msgShow(data.MSG, data.ESTADO);
                if (data.ESTADO = "success") {
                    $("#btnEnviar").hide();
                    $("#btnEliminar").hide();
                    $('#mdlEliminar').modal('toggle');
                }
            }
        });
    }


</script>
@endsection