@extends('motomel.plantilla')
@section('breadcrumb')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/inicio">Inicio</a></li>
        @if(Session::get('vista_menu_predeterminado') == "grilla")
            <li class="breadcrumb-item"><a href="/nuevo-pedido">Cat&aacute;logo</a></li>
        @else
            <li class="breadcrumb-item"><a href="/catalogoTabla">Cat&aacute;logo</a></li>
        @endif
        <li class="breadcrumb-item"><a href="/pedidos">Orden de pedido</a></li>
        <li class="breadcrumb-item active">Medios de pago</li>
    </ol>
@endsection
@section('contenido')
    @if(isset($mensaje) && $mensaje)
        <div class="col-12 pl-4 mt-2">
            <div class="alert alert-danger" role="alert">
                El pago ingresado es menor al total por abonar.
            </div>
        </div> 
    @endif
    <div class="row pl-4">
        <div class="col-12">
            <h2>Medios de pago</h2>
        </div>
        <div class="col-12">
            <h5>Ingrese los medios de pago</h5>
        </div>
    </div>
    <form id="form1" method="post" enctype="multipart/form-data">
    <div class="row pl-4 pr-1 ordenCobranza">
        
        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        <div class="col-sm-12 text-left my-1">
            <h3>CUENTA CORRIENTE</h3>
            <div class="row">
                <table class="table tablaMostrarOrden">
                    <tr>
                        <td>
                             <input type="number" min="0" id="txtCuentaCorriente" name="txtCuentaCorriente" class="form-control" placeholder="0" onchange="fCalcularTotal();">
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="col-sm-12 text-left my-1">
            <h3>EFECTIVO</h3>
            <div class="row">
                <table class="table tablaMostrarOrden">
                    <tr>
                        <td>
                             <input type="text" min="0" id="txtEfectivo" name="txtEfectivo" class="form-control" placeholder="0" onchange="fCalcularTotal();">
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="col-sm-12 text-left cheque my-1">
            <h3>CHEQUE</h3>
            <div class="row">
                <table class="table tablaMostrarOrden">
                    <tr>
                        <th>Número</th>
                        <th>Banco</th>
                        <th>Sucursal</th>
                        <th>Plazo</th>
                        <th>Fecha vto.</th>
                        <th>Importe</th>
                        <th>Comprobante</th>
                        <th></th>
                    </tr>
                    <tbody id="divCheque">
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-sm-12 text-left my-1">
            <h3>TRANSFERENCIA / DEP&Oacute;SITO BANCARIO</h3>
            <div class="row">
                <table class="table tablaMostrarOrden">
                    <tr>
                        <th>Número</th>
                        <th>Fecha vto.</th>
                        <th>Importe</th>
                        <th>Comprobante</th>
                        <th></th>
                    </tr>
                    <tbody id="divDeposito">
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-sm-12 text-left my-1">
            <h3>CERTIFICADO DE RETENCIONES</h3>
            <div class="row">
                <table class="table tablaMostrarOrden">
                    <tr>
                        <th>Número</th>
                        <th>Fecha vto.</th>
                        <th>Importe</th>
                        <th>Provincia</th>
                        <th>Comprobante</th>
                        <th></th>
                    </tr>
                    <tbody id="divRetenciones">
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-sm-12 text-left my-1">
            <h3>OBSERVACIONES</h3>
            <table class="table">
                <tr><td>
                    <input type="hidden" id="txtTotalAbonado" name="txtTotalAbonado" value="0">
            <textarea class="form-control" id="txtObservaciones" name="txtObservaciones"></textarea>
                </td></tr>
            </table>
        </div>
        <div class="col-sm-12">
            <hr>
        </div>
        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-6 text-left">
                    <h3>Importe pagado</h3>
                </div>
                <div class="col-sm-6 finalizarImportes text-right">
                    <p>$<span id="total_pagado">0</span></p>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-6 text-left">
                    <h3>Importe a abonar</h3>
                </div>
                <div class="col-sm-6 finalizarImportes text-right">
                    <p>$<span id="total_general">