@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
@endsection


@section('js')
    <script src="{{ asset('js/cfdi/decimal.min.js') }}"></script>
    <script src="{{ asset('js/controlPagos/control.js') }}"></script>
    {{-- <script src="{{ asset('js/complementoPagos/pagos.js?version='.version_js_cfdi()) }}"></script> --}}
@endsection

@section('content')
    <style>
        span.select2-selection.select2-selection--single {
            height: calc(1.8rem + 2px);
            border: 1px solid #ced4da;
        }

        .select2-selection__placeholder {
            font-size: 0.7rem;
        }

        .select2-search__field {
            font-size: 0.7rem;
        }

        .select2-selection__arrow {
            display: none;
        }

        .select-catalogo-dropdown {
            background-color: white;
            border: 1px solid #aaa;
            border-radius: 4px;
            box-sizing: border-box;
            display: block;
        }

        .select-catalogo-ul {
            height: 200px;
            overflow: auto;
        }

        .select2-results__option .select2-results__option--selectable .select2-results__option--selected .select2-results__option--highlighted .select-catalogo-li:hover {
            color: white;
            background: #1da1f2;
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        .hover:hover {
            background-color: #0c848c !important
        }

        .btnImpuestos {
            color: #0c848c;
            border: none;
            background-color: rgba(255, 255, 255, 0);
        }

        .btnImpuestos:hover {
            color: white;
            background-color: #0c848c;
        }

        .modal-backdrop {
            z-index: -1 !important;
        }

        input::placeholder {
            color: rgba(230, 227, 227, 0.567);
            font-style: italic;
        }
    </style>
    <script></script>

    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">

            <div class="col-sm-12">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="breadcrumb-item"><a href="{{ url('/control/pagos/reporte') }}">Control pagos</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Registrar pago</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="alert alert-danger alert-dismissable col-4 msg_danger"
        style="text-align: center;margin: auto;margin-bottom: 1rem;display:none">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        <strong id="msg_danger">La factura ya esta pagada en su totalidad, no se puede agregar nueva parcialidad.</strong>
    </div>
    <div class="content">
        <form action="{{ url('/control/pagos/registro') }}" method="POST" id="form_pago" autocomplete="off">
            @csrf
            @if (empty($control_pago) || $c_TipoDeComprobante != 'P')
                <div class="animated fadeIn">
                    <div class="row datos-generales" style="font-size: 14px; display: flex;">
                        <div class="col-lg-12 mb-4">
                            <div class="card mb-3">
                                <div class="card-header">
                                    Información de registro del pago
                                </div>
                                <div class="card-body">
                                    <div class="row form-group">
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label ">Folio fiscal original
                                                {{-- <span class="float-right" id="uuid_original"></span> --}}
                                            </label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" required id="uuid_original" name="uuid_original[]" readonly
                                                class="form-control text-right" value="{{ $uuid }}">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label ">Nombre razon social
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input type="text" required id="uuid_original" name="uuid_original[]" readonly
                                                class="form-control text-right" value="{{ $re_razon_social }}">
                                        </div>
                                        <div class="col-md-1">
                                            <label for="text-input" class=" form-control-label">Serie
                                                {{-- <span class="float-right" id="fecha_original"></span> --}}
                                            </label>
                                        </div>
                                        <div class="col-md-2">
                                            <input class="form-control text-right" type="text" readonly
                                                name="fecha_original[]" id="fecha_original" value="{{ $Serie }}">
                                        </div>
                                        <div class="col-md-1">
                                            <label for="text-input" class=" form-control-label">Folio
                                                {{-- <span class="float-right" id="fecha_original"></span> --}}
                                            </label>
                                        </div>
                                        <div class="col-md-2">
                                            <input class="form-control text-right" type="text" readonly
                                                name="fecha_original[]" id="fecha_original" value="{{ $Folio }}">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label">Total:
                                                {{-- <span id="parcialidad_pagar"></span> --}}
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input class="form-control text-right " type="text" name="txt_total[]"
                                                id="txt_total" placeholder="$ 0.00"
                                                value="$ {{ number_format($total, 2, '.', ' ') }}" readonly>
                                        </div>
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label">Monto pendiente
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input type="text" id="txt_monto_pendiente" name="txt_monto_pendiente[]"
                                                class="form-control text-right" placeholder="$ 0.00"
                                                value="$ {{ number_format($monto_pendiente, 2, '.', ' ') }}" readonly>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label">Monto:
                                                {{-- <span id="parcialidad_pagar"></span> --}}
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input class="form-control text-right widget-numbers text-success "
                                                type="text" name="txt_monto[]" id="txt_monto"
                                                value="$ {{ number_format($monto_pendiente, 2, '.', ' ') }}"
                                                placeholder="$ 0.00">
                                        </div>
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label">Fecha
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input type="date" id="txt_fecha" name="txt_fecha[]"
                                                class="form-control text-right"
                                                @if (!empty($control_pago)) value="{{ (new DateTime($control_pago->fecha_pago))->format('Y-m-d')}}" @endif>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label">Metodo de pago
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            {{-- <input type="text" id="cbx_metodo_pago" name="cbx_metodo_pago[]"
                                                class="form-control text-right" value=""> --}}
                                            <select class="form-control" name="cbx_metodo_pago[]" id="cbx_metodo_pago">
                                                @php
                                                    if (!empty($control_pago)) {
                                                        echo strpos($metodoPago, "'" . $control_pago->metodo_pago . "'") ? str_replace("'" . $control_pago->metodo_pago . "'", "'" . $control_pago->metodo_pago . "' selected", $metodoPago) : $metodoPago;
                                                    } else {
                                                        echo strpos($metodoPago, "'" . $c_FormaPago . "'") ? str_replace("'" . $c_FormaPago . "'", "'" . $c_FormaPago . "' selected", $metodoPago) : $metodoPago;
                                                    }
                                                @endphp
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label">Banco
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <select name="cbx_cuenta_bancaria[]" id="cbx_cuenta_bancaria"
                                                class="form-control" onchange="filtar_cuentas_name(this)">
                                                @foreach ($bancos as $banco)
                                                    <option value="{{ $banco->id_banco }}"
                                                        @if (!empty($control_pago) && $control_pago->id_dato_adi_banco === $banco->id_adi_banco) selected @elseif ($banco->default_banco == 'S') selected @endif
                                                        num_cuenta="{{ $banco->no_cuenta_bancaria }}">
                                                        {{ $banco->nombre }}</option>
                                                @endforeach
                                            </select>
                                            {{-- <input type="text" id="cbx_cuenta_bancaria" name="cbx_cuenta_bancaria[]"
                                                class="form-control text-right" value=""> --}}
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label">Núm. de cuenta de pago
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <select id="txt_num_cuenta" name="txt_num_cuenta[]" class="form-control"
                                                onchange="filtar_bancos_name(this)">
                                                @foreach ($bancos as $banco)
                                                    <option value="{{ $banco->id_adi_banco }}"
                                                        @if (!empty($control_pago) && $control_pago->id_dato_adi_banco === $banco->id_adi_banco) selected @elseif($banco->default_banco == 'S') selected @endif
                                                        banco="{{ $banco->id_banco }}">
                                                        {{ $banco->no_cuenta_bancaria }} {{ $banco->nota_interna }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            {{-- <input type="text" id="txt_num_cuenta" name="txt_num_cuenta[]" class="form-control"
                                                readonly> --}}
                                        </div>
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label">Referencia
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input type="text" id="txt_referencia" name="txt_referencia[]"
                                                class="form-control"
                                                @if (!empty($control_pago)) value="{{ $control_pago->referencia }}" @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <input type="hidden" name="txt_id_comprobante" value="{{ $id_comprobante }}">
                                    <input type="hidden" name="txt_id_emisor" value="{{ $id_emisor }}">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 accion_btns" style="margin-bottom: 20px; text-align:center;">
                            <button type="button" class="mb-2 mr-2 btn-icon btn btn-primary"
                                onclick="validate_pago(this);" id="submit_pago" name="submit_pago" value="submit_pago">
                                <i class="fa fa-lock fa-save btn-icon-wrapper"> </i>
                                Guardar
                            </button>
                        </div>
                    </div>
                </div>
            @else
                <div class="row datos-generales" id="datos-generales" style="font-size: 14px;">
                    <div class="col-lg-4">
                        <div class="card" id="card_info_cliente">
                            <div class="card-header">
                                Información del comprobante fiscal
                            </div>
                            <div class="card-body card-block">
                                <div class="row form-group">
                                    <div class="col-md-3">
                                        <label for="text-input" class=" form-control-label ">Folio fiscal original
                                            {{-- <span class="float-right" id="uuid_original"></span> --}}
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" required id="uuid_original" name="uuid_original[]" readonly
                                            class="form-control text-right" value="{{ $uuid }}">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col-md-3">
                                        <label for="text-input" class=" form-control-label ">Nombre razon social
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" required id="uuid_original" name="uuid_original[]" readonly
                                            class="form-control text-right" value="{{ $re_razon_social }}">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col-md-3">
                                        <label for="text-input" class=" form-control-label">Serie
                                            {{-- <span class="float-right" id="fecha_original"></span> --}}
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input class="form-control text-right" type="text" readonly
                                            name="fecha_original[]" id="fecha_original" value="{{ $Serie }}">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col-md-3">
                                        <label for="text-input" class=" form-control-label">Folio
                                            {{-- <span class="float-right" id="fecha_original"></span> --}}
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input class="form-control text-right" type="text" readonly
                                            name="fecha_original[]" id="fecha_original" value="{{ $Folio }}">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col-md-3">
                                        <label for="text-input" class=" form-control-label">Total:
                                            {{-- <span id="parcialidad_pagar"></span> --}}
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input class="form-control text-right " type="text" name="txt_total[]"
                                            id="txt_total" placeholder="$ 0.00"
                                            value="$ {{ number_format($total, 2, '.', ' ') }}" readonly>
                                    </div>
                                </div>
                                {{-- <div class="row form-group">
                                    <div class="col-md-3">
                                        <label for="text-input" class=" form-control-label">Monto pendiente
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" id="txt_monto_pendiente" name="txt_monto_pendiente[]"
                                            class="form-control text-right" placeholder="$ 0.00"
                                            value="$ {{ number_format($monto_pendiente, 2, '.', ' ') }}" readonly>
                                    </div>
                                </div> --}}
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-8">
                        @foreach ($control_pago as $pago)
                            <div class="card-body card-block" style="padding-top: 0px;">
                                <div class="col-lg-12">
                                    <div class="card">
                                        <div class="card-header">
                                            Detalle de pagos asociados
                                        </div>
                                        <div class="card-body card-block">
                                            <div class="row form-group">
                                                <div class="col-md-3">
                                                    <label for="text-input" class=" form-control-label">Monto:
                                                        {{-- <span id="parcialidad_pagar"></span> --}}
                                                    </label>
                                                </div>
                                                <div class="col-md-3">
                                                    <input class="form-control text-right widget-numbers text-success "
                                                        type="text" name="txt_monto[]" id="txt_monto"
                                                        value="$ @php if($flag_reps==true){ echo number_format($pago->monto, 2, '.', ' ');}else{ echo number_format($pago->importe, 2, '.', ' ');} @endphp"
                                                        placeholder="$ 0.00">
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="text-input" class=" form-control-label">Fecha
                                                    </label>
                                                </div>
                                                <div class="col-md-3">
                                                    <input type="date" value="@php if($flag_reps==true){echo (new DateTime($pago->fecha))->format('Y-m-d');}else{ echo (new DateTime($pago->fecha_pago))->format('Y-m-d');} @endphp" id="txt_fecha" name="txt_fecha[]"
                                                        class="form-control text-right">
                                                </div>
                                            </div>
                                            <div class="row form-group">
                                                <div class="col-md-3">
                                                    <label for="text-input" class=" form-control-label">Metodo de pago
                                                    </label>
                                                </div>
                                                <div class="col-md-3">
                                                    <select class="form-control" name="cbx_metodo_pago[]"
                                                        id="cbx_metodo_pago">
                                                        @php
                                                            if (!empty($pago)) {
                                                                $metodo_pago_DB;
                                                                if($flag_reps==true){
                                                                    $metodo_pago_DB=$pago->forma_pago;
                                                                }else{
                                                                    $metodo_pago_DB=$pago->metodo_pago;
                                                                }
                                                                echo strpos($metodoPago, "'" . $metodo_pago_DB . "'") ? str_replace("'" . $metodo_pago_DB . "'", "'" . $metodo_pago_DB . "' selected", $metodoPago) : $metodoPago;
                                                            } else {
                                                                echo strpos($metodoPago, "'" . $c_FormaPago . "'") ? str_replace("'" . $c_FormaPago . "'", "'" . $c_FormaPago . "' selected", $metodoPago) : $metodoPago;
                                                            }
                                                        @endphp
                                                    </select>
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="text-input" class=" form-control-label">Banco
                                                    </label>
                                                </div>
                                                <div class="col-md-3">
                                                    <select name="cbx_cuenta_bancaria[]" id="cbx_cuenta_bancaria"
                                                        class="form-control" onchange="filtar_cuentas_name(this)">
                                                        @foreach ($bancos as $banco)
                                                            <option value="{{ $banco->id_banco }}"
                                                                @if ($flag_reps==false&&$pago->id_dato_adi_banco === $banco->id_adi_banco) selected @elseif ($banco->default_banco == 'S') selected @endif
                                                                num_cuenta="{{ $banco->no_cuenta_bancaria }}">
                                                                {{ $banco->nombre }}</option>
                                                        @endforeach
                                                    </select>
                                                    {{-- <input type="text" id="cbx_cuenta_bancaria" name="cbx_cuenta_bancaria[]"
                                                                class="form-control text-right" value=""> --}}
                                                </div>
                                            </div>
                                            <div class="row form-group">
                                                <div class="col-md-3">
                                                    <label for="text-input" class=" form-control-label">Núm. de cuenta
                                                        de pago
                                                    </label>
                                                </div>
                                                <div class="col-md-3">
                                                    <select id="txt_num_cuenta" name="txt_num_cuenta[]"
                                                        class="form-control" onchange="filtar_bancos_name(this)">
                                                        @foreach ($bancos as $banco)
                                                            <option value="{{ $banco->id_adi_banco }}"
                                                                @if ($flag_reps==false&&$pago->id_dato_adi_banco === $banco->id_adi_banco) selected @elseif($banco->default_banco == 'S') selected @endif
                                                                banco="{{ $banco->id_banco }}">
                                                                {{ $banco->no_cuenta_bancaria }}
                                                                {{ $banco->nota_interna }}</option>
                                                        @endforeach
                                                    </select>
                                                    {{-- <input type="text" id="txt_num_cuenta" name="txt_num_cuenta[]" class="form-control"
                                                                readonly> --}}
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="text-input" class=" form-control-label">Referencia
                                                    </label>
                                                </div>
                                                <div class="col-md-3">
                                                    <input type="text" id="txt_referencia" name="txt_referencia[]"
                                                        class="form-control" value="@php if($flag_reps==false){ echo $pago->referencia;} @endphp">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <input type="hidden" name="txt_id_comprobante" value="{{ $id_comprobante }}">
                <input type="hidden" name="txt_id_emisor" value="{{ $id_emisor }}">
                <div class="col-md-12 accion_btns" style="margin-bottom: 20px; text-align:center;">
                    <button type="button" class="mb-2 mr-2 btn-icon btn btn-primary" onclick="validate_pago(this);"
                        id="submit_pago" name="submit_pago" value="submit_pago">
                        <i class="fa fa-lock fa-save btn-icon-wrapper"> </i>
                        Guardar
                    </button>
                </div>
            @endif
        </form>
    </div>
@endsection