@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>
    @php
        $total_mxn=$comprobante->total;
        // if($comprobante->moneda!='MXN'){
        //     $total_mxn=round($comprobante->total*$comprobante->tipoCambio,2);
        // }
    @endphp
    <div class="content">
        <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 la Factura
                    </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="{{ $comprobante->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="{{ $comprobante->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="{{ $comprobante->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="{{ $comprobante->folio }}">
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">RFC receptor
                                    {{-- <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="{{ $comprobante->rfc_receptor }}">
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Nombre receptor
                                    {{-- <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="{{ $comprobante->re_razon_social }}">
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Total @php echo $comprobante->moneda; @endphp:
                                    {{-- <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_mxn, 2, '.', ' ') }}"
                                    readonly>
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Monto pagado
                                </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($totalSum, 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($total_mxn - $totalSum, 2, '.', ' ') }}"
                                    readonly>
                            </div>
                        </div>
                        @if ($comprobante->status_pago != 'S')
                            <div class="row form-group text-center">
                                <div class="col-md-12">
                                    <form action="{{ url('/control/pagos/marcar/ppd') }}" method="POST">
                                        @csrf
                                        <input type="hidden" name="id_comprobante"
                                            value="{{ $comprobante->id_comprobante }}">
                                        <input type="hidden" name="uuid" value="{{ $comprobante->uuid }}">
                                        <input type="submit" value="Marcar como pagada"
                                            class="mb-2 mr-2 btn-icon btn btn-primary"
                                            @if (round($total_mxn - $totalSum,2) > 0) disabled @endif>
                                    </form>
                                </div>
                            </div>
                            @if (round($total_mxn - $totalSum,2) > 0)
                                <div class="row form-group text-center">
                                    <div class="col-md-12">
                                        <div class="alert alert-warning fade show" role="alert">Esta factura aun no se
                                            puede marcar como pagada</div>
                                    </div>
                                </div>
                            @endif
                        @elseif($comprobante->status_pago == 'S')
                            <div class="row form-group text-center">
                                <div class="col-md-12">
                                    <div class="alert alert-success fade show" role="alert">Esta factura ya esta pagada
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-lg-8">
                @foreach ($pagos as $pago)
                    <div class="card-body card-block" style="padding-top: 0px;">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                    Información del REP relacionado a la Factura
                                    <div class="btn-actions-pane-right actions-icon-btn">
                                        <div role="group" class="btn-group  btn-group">
                                            <button title="Descargar pdf" type="button"
                                                class="btn-pill pl-3  btn btn-success"
                                                data-toggle="modal" data-target=".view_download_pdf" data-backdrop="static"
                                                data-keyboard="false"
                                                onclick="descargar_pdf('{{ $pago->id_comprobante . '/' . $pago->uuid }}',0),ruta_pdf('{{ $pago->id_comprobante }}',0)">
                                                <i class="fa fa-file-pdf btn-icon-wrapper"> </i>
                                            </button>
                                            <a href="/cfdi-email/{{ $pago->uuid }}" class="btn btn-success">
                                                <i class="fa fa-envelope btn-icon-wrapper"> </i>
                                            </a>
                                            <button title="Descargar xml" type="button"
                                                class="btn-pill pr-3 btn btn-success"
                                                data-toggle="modal" data-target=".view_download_xml"
                                                onclick="descargar_xml('{{ $pago->id_comprobante . '/' . $pago->uuid }}'),ruta_xml(null,'{{ $pago->id_comprobante }}')">
                                                <i class="fa fa-file-code btn-icon-wrapper"> </i>
                                            </button>
                                        </div>
                                       
                                    </div>
                                </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"> UUID REP
                                            </label>
                                        </div>
                                        <div class="col-md-9">
                                            <input id="uuid_rep" name="uuid_rep[]" class="form-control"
                                                value="{{ $pago->uuid }}" readonly>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label"> Serie REP
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input id="uuid_rep" name="uuid_rep[]" class="form-control"
                                                value="{{ $pago->serie }}" readonly>
                                        </div>
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label"> Folio REP
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input id="uuid_rep" name="uuid_rep[]" class="form-control"
                                                value="{{ $pago->folio }}" readonly>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label"> RFC receptor
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input id="uuid_rep" name="uuid_rep[]" class="form-control"
                                                value="{{ $pago->rfc_receptor }}" readonly>
                                        </div>
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label"> Nombre receptor
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input id="uuid_rep" name="uuid_rep[]" class="form-control"
                                                value="{{ $pago->re_razon_social }}" 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 " type="text"
                                                name="txt_monto[]" id="txt_monto"
                                                value="$ {{ number_format($pago->saldo_pagado, 2, '.', ' ') }}"
                                                placeholder="$ 0.00" readonly>
                                        </div>
                                        <div class="col-md-3">
                                            <label for="text-input" class=" form-control-label">Fecha
                                            </label>
                                        </div>
                                        <div class="col-md-3">
                                            <input type="text" value="{{ $pago->fecha_timbrado }}" id="txt_fecha"
                                                name="txt_fecha[]" class="form-control text-right" readonly>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection