@extends('plantilla')
@section('titulo', "Informar Pago")
@section('scripts')
<link href=https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css rel="stylesheet">
<script src=https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js></script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item">administracion</li>
</ol>
<ol class="toolbar">
<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 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 = "/estadoCliente";
}
</script>

@endsection
@section('contenido')
<div class="row">
    <div id = "msg"></div>
    </div>
<form id="form1" method="POST">
    <div class="row">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        <div class="col-lg-12">
            @if(isset($array_cobros) && count($array_cobros)>0)
                <select class="form-control" id="lstCobro" name="lstCobro">
                    @for ($i = 0; $i < count($array_cobros); $i++)
                        <option selected value="{{ $array_cobros[$i]->idcobros }}">{{ $array_cobros[$i]->importe}}{{ $array_cobros[$i]->fecha_origen }}</option>
                    @endfor
                </select>
            @else
                <blockquote>No tiene cobros pendientes</blocquote>
            @endif
        </div>

        <div class="col-lg-12">
            <div class="card mb-3">
            <div class="card-header text-white bg-secondary o-hidden">
                <i class="fa fa-credit-card"></i> Informar pago 
            </div>
                <div class="card-body small row">
                    <div class=" col-md-3">
                        <label>Tipo de pago</label>
                        <select class ="form-control" id="lstMedioDePago" name="lstMedioDePago">
                            @for ($i = 0; $i < count($array_medios_pago); $i++)
                                <option selected value="{{ $array_medios_pago[$i]->idmediodepago }}">{{ $array_medios_pago[$i]->nombre }}</option>
                            @endfor
                        </select>
                    </div>
                    <div class=" col-md-3">
                        <label>Importe</label>
                        <input type="number" class="form-control" id="txtImportePagoElectronico" name="txtImportePagoElectronico">
                    </div>
                    <div class="col-md-3" id="divComprobanteTransferenciaBancaria">
                        <label>Adjuntar comprobante/s</label>
                        <input type="file" class="form-control" id="txtComprobantePagoElectronico" name="txtComprobantePagoElectronico" multiple>
                    </div>
                    <div class=" col-md-3">
                        <label>Moneda</label>
                        <select id="lstMoneda" name="lstMoneda" class="form-control" onchange="traerImporte()">
                            <option value="1" {{isset($pago) && $pago->fk_idmoneda == 1? 'selected' : ''}}>Pesos</option>
                            <option value="2" {{isset($pago) && $pago->fk_idmoneda == 2? 'selected' : ''}}>Dolar</option>
                            <option value="3" {{isset($pago) && $pago->fk_idmoneda == 3? 'selected' : ''}}>Euro</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        
        
        
    </div>
</form>
<div class="modal fade" id="mdlEliminar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Eliminar registro?</h5>
            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">¿Deseas eliminar el registro actual?</div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
            <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
          </div>
        </div>
      </div>
</div>
<script>
    $("#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;
        }
    }
</script>
@endsection