@extends('layouts.vertical')

@section('title', 'Unity ERP Software - Billing')

@section('headerStyle')
  <link id="appbundle" rel="stylesheet" media="screen, print" href="{{ URL::asset('css/app.form_mini.css?v=4.0.4')}}">

@endsection

@section('content')
    @php
        use App\classes\Form;
        $form = new Form($row ?? null);
        //if(has_old_input())dd(old('document_relas'));
    @endphp
  <main id="js-page-content" role="main" class="page-content header-title">
    <div class="subheader">
        <h1 class="subheader-title">
            <i class='subheader-icon fal fa-'></i>{{__('menu.invoices-mxn')}}
        </h1>
        <div class="subheader-block">
            <!--Right content of header-->
        </div>
    </div>

    <div class="row">
        <div class="col-xl-12">
            {{--{!! aut_arr_assoc(show_old_input()) !!}--}}
            <div id="panel" class="panel">
                <div class="panel-hdr bg-primary-500 bg-primary-gradient">
                    <h2>
                        {{$form->edit ? __('payment-complements.editpaymentcomplement') : __('payment-complements.newpaymentcomplement')}}
                    </h2>
                    <div class="panel-toolbar">
                        <button class="btn btn-panel" data-action="panel-fullscreen" data-bs-toggle="tooltip" data-offset="0,10" data-original-title="{{ __('common.fullscreen') }}"></button>
                    </div>
                </div>
                <div class="panel-container show">
                    <div class="panel-content">
                        @php
                            $route = $form->edit ? route('payment-complements.update',$row->id) : route('payment-complements.store');
                        @endphp
                        {!! $form->open($form->edit ? 'PATCH' : '', $route, 'formPaymentComplement', $enctype='', "$('#paneConcept').collapse('hide')", true, 'needs-validation', 'off') !!}
                        <input type="hidden" name="cfdi_tipo" value="p">

                          <!-- list errors validation -->
                          <div style="display: none" id="content-errors-front">
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                              <h3 class="alert-heading">{{ __('common.verifydata') }}</h3>
                              <ul id="errors-front"></ul>
                            </div>
                          </div>
                          
                          @if ($errors->any())
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                              <h3 class="alert-heading">{{ __('common.verifydata') }}</h3>
                              <ul>

                                  @foreach ($errors->all() as $error)
                                         <li>{{ $error }}</li>
                                  @endforeach

                                <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                </button>
                              </ul>
                            </div>
                          @endif

                          <!--reemplazo = colocar en esta parte la seccion de documentos para que aparezca antes de los datos generales-->
                          <div class="panel-tag col-md-12 mt-3">
                              {{ __('payment-complements.related_payment_documents') }}
                          </div>

                          <!-- UUID RELACIONADOS -->
                            <div id="documents_rel" class="documents-rel">
                              @if($empty == 0)
                              <div class="form-row" id="payment_relacionado_{{$index}}">
                                <input type="hidden" id="payment_related_{{$index}}">
                                <div class="form-group col-md-4 col-11 rel-document">
                                    <label>* {{ __('payment-complements.fiscalfolio') }} <i class="fal fa-info-circle blue-icon" data-bs-toggle="tooltip" data-original-title="Para relacionar el complemento de pago con la factura original, favor de buscarla por su No. de folio o folio fiscal"></i></label>
                                    {{--<label class="cursor-pointer small" style="float: right;">
                                        Captura manual
                                        <input type="checkbox" index={{$index}} class="cursor-pointer chk-manual" id="manual_capture{{$index}}" name="manual_capture[{{$index}}]" onchange="manualCapture(this)" {{!$empty && $form->getValNoDB('document_relas.'.$index.'.manual_capture', $rela->manual_capture ?? null) ? 'checked' : ''}}>
                                    </label>--}}
                                    <select name="document_relas[{{$index}}]" id="document_relas{{$index}}" index="{{$index}}" class="custom-select initial-select relas {{!$empty && $form->getValNoDB('document_relas.'.$index.'.manual_capture', $rela->manual_capture ?? null) ? 'hidden' : ''}}" required>
                                        @php
                                            $val = $empty ? '' : $form->getValNoDB('document_relas.'.$index.'.uuid', $rela->UUID ?? null);
                                        @endphp
                                        {{--{!! $form->creaSelectOpts($val, \App\Modules\Billing\Models\Mexico\PaymentDocument::All()->pluck('UUID', 'UUID')->toArray()) !!}--}}
                                        @if(old('document_relas.'.$index))
                                            <option value="{{old('document_relas.'.$index)}}" selected="selected">{{old('relas.'.$index)}}</option>
                                        @else
                                            <option value="{{$val}}" selected="selected">{{$val}}</option>
                                        @endif
                                    </select>
                                    <input type="text" name="manual_relas[{{$index}}]" id="manual_relas_{{$index}}" class="form-control {{!$empty && $form->getValNoDB('document_relas.'.$index.'.manual_capture', $rela->manual_capture ?? null) ? '' : 'hidden'}} manual-relas" value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.UUID', $rela->UUID ?? null)}}" />
                                </div>
                                <div class="form-group col-md-2">
                                    <label>{{ __('payment-complements.originalamount') }}</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                          <span class="currency_symbol input-group-text form-control">{{$currency->symbol}}</span>
                                        </div>
                                      <input class="form-control text-right decimal" id="original_amount" type='text' name='original_amount[{{$index}}]' value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.original_amount', $rela->original_amount ?? null)}}" required>
                                  </div>
                                </div>
                                <div class="form-group col-md-2">
                                    <label>* {{ __('payment-complements.partialnumber') }}</label>
                                    <input type="text" class="form-control input-readonly" id="partial_number" name="partial_number[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.partial_number', $rela->partial_number ?? null)}}" maxlength="45" required {{$form->edit ? '' : 'readonly'}}>
                                </div>
                                <div class="form-group col-md-2">
                                    <label>{{ __('payment-complements.serie') }}</label>
                                    <input type="text" class="form-control" id="document_serie" name="document_serie[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.document_serie', $rela->document_serie ?? '')}}" maxlength="45">
                                </div>
                                <div class="form-group col-md-2">
                                    <label>{{ __('payment-complements.folio') }}</label>
                                    <input type="text" class="form-control" id="document_folio" name="document_folio[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.document_folio', $rela->document_folio ?? null)}}" maxlength="45" {{$form->edit ? '' : 'readonly'}}>
                                </div>
                                <div class="form-group col-md-2">
                                    <label>* {{ __('invoices.currency') }}</label>
                                    <select id="document_currency" name="document_currency[{{$index}}]" class="custom-select disabled-form-select" required>
                                        <option value="">Seleccione...</option>
                                        @foreach($currencies as $documentCurrency)
                                            <option value="{{$documentCurrency->code}}" {{($empty ? '' : $form->getValNoDB('document_relas.'.$index.'.document_currency', $rela->document_currency ?? null)) == $documentCurrency->code ? 'selected' : ''}}>{{$documentCurrency->code}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <label>* {{ __('invoices.paymethod') }}</label>
                                    <select id="payment_method" name="document_payment_method[{{$index}}]" class="form-control custom-select disabled-form-select" required>
                                        <option value="">Seleccione...</option>
                                        @foreach($paymentMethods as $paymentMethod)
                                            <option value="{{$paymentMethod->code}}" {{($empty ? '' : $form->getValNoDB('document_relas.'.$index.'.payment_method', $rela->payment_method ?? null)) == $paymentMethod->code ? 'selected' : ''}}>{{$paymentMethod->code.' - '.$paymentMethod->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <label>* {{ __('payment-complements.exhangedocument') }} <i class="fal fa-info-circle blue-icon" data-bs-toggle="tooltip" data-original-title="Si la moneda del pago es igual a la moneda de la factura original, el tipo de cambio debe ser 1"></i></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                          <span class="currency_symbol input-group-text form-control">{{$currency->symbol}}</span>
                                        </div>
                                      <input class="form-control text-right input-readonly decimal exchange-document" id="exchange_document" type='text' name='exchange_document[{{$index}}]' required value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.exchange_document', $rela->exchange_document ?? null)}}" {{$form->edit ? '' : 'readonly'}}>
                                  </div>
                                </div>
                                <div class="form-group col-md-2">
                                    <label>* {{ __('payment-complements.oldamount') }} <i class="fal fa-info-circle blue-icon" data-bs-toggle="tooltip" data-original-title="Si es el primer pago debe contener el importe  de la factura original"></i></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                          <span class="currency_symbol input-group-text form-control">{{$currency->symbol}}</span>
                                      </div>
                                      <input class="form-control text-right input-readonly decimal old-amount" required id="old_amount" type='text' name="old_amount[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.old_amount', $rela->old_amount ?? null)}}" {{$form->edit ? '' : 'readonly'}}>
                                  </div>
                                </div>
                                <div class="form-group col-md-2">
                                    <label>* {{ __('payment-complements.paidamount') }} <i class="fal fa-info-circle blue-icon" data-bs-toggle="tooltip" data-original-title="Monto del importe que se paga en el complemento"></i></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                          <span class="currency_symbol input-group-text form-control">{{$currency->symbol}}</span>
                                        </div>
                                      <input class="form-control text-right input-readonly decimal paid-amount" onchange="verifyAmount(this)" data-index="{{$index}}" id="paid_amount" type='text' name="paid_amount[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.paid_amount', $rela->paid_amount ?? null)}}" required {{$form->edit ? '' : 'readonly'}}>
                                  </div>
                                </div>
                                <div class="form-group col-md-2">
                                    <label>* {{ __('payment-complements.unpaidbalance') }} <i class="fal fa-info-circle blue-icon" data-bs-toggle="tooltip" data-original-title="Es el monto restante del pago"></i></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                          <span class="currency_symbol input-group-text form-control">{{$currency->symbol}}</span>
                                        </div>
                                      <input class="form-control text-right input-readonly decimal unpaid_balance_{{$index}} unpaid-amount" id="unpaid_balance" type='text' name="unpaid_balance[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.unpaid_balance', $rela->unpaid_balance ?? null)}}" required {{$form->edit ? '' : 'readonly'}}>
                                  </div>
                                </div>
                              </div>
                              @endif
                              @foreach(has_old_input() ? old('document_relas',[]) : $documentRelas as $idx => $rela)
                                @include('billing::Mexico.payment-complements.partials.create.documents_rel', ['empty' => 0])
                              @endforeach
                            </div>
                         
                          <div class="form-row add-doc-relas {{$form->edit ? '' : 'hidden'}}"> <!--reemplazo = agregar clases add-doc-relas,hidden-->
                            <div class="form-group col-md-12 mb-4">
                                <button id="add_rel" type="button" class="btn btn-success waves-effect waves-themed" onclick="AddPaymentDocumentRel()" {{$form->edit ? '' : 'disabled'}}>{{__('invoices.add_related_uuid')}}</button>
                            </div>
                          </div>

                          <div class="panel-tag col-md-12" data-bs-toggle="collapse" data-bs-target="#demo">
                            <i class="fal fa-list width-2 fs-xl"></i>
                            {{ __('invoices.generalinfo') }}
                          </div>

                          <div class="form-row">
                            <div class="form-group col-md-3">
                                <label>* {{ __('invoices.company') }}</label>
                                <select id="selCustomerInvoice" class="custom-select" name="customer_id" required>
                                    @if(old('customer_id'))
                                        <option value="{{old('customer_id')}}" selected="selected">{{App\Models\Sales\Customer::find(old('customer_id'))->name}}</option>
                                    @elseif($row)
                                        <option value="{{$row->customer->id}}" selected="selected">{{$row->customer->name}}</option>
                                    @endif
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.complement_number') }}</label>
                              <input type="text" class="form-control" id="id" name="folio" value="{{$form->getVal('folio', $number)}}" readonly="true">
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.date') }}</label>
                              <input type="text" class="form-control" value="{{$created_at}}" disabled>
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.stamps') }}</label>
                              <input type="text" class="form-control" id="stamps" name="stamps" value="{{!$availableRfc && $availableStamps > 0 ? $availableStamps : 0}}" disabled>
                            </div>
                          </div>

                          <div class="form-row">
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.razonsocial') }}</label>
                              <input id="customer_commercial_name" name="customer_commercial_name" type="text" class="form-control" value="{{$form->getVal('customer_commercial_name')}}" readonly>
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.rfc') }}</label>
                              <input id="customer_rfc" name="customer_rfc" type="text" class="form-control" value="{{$form->getVal('customer_rfc')}}" readonly>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('invoices.usecfdi') }}</label>
                              <select id="cfdi_uso" name="cfdi_uso" class="custom-select disabled-form-select" required>
                                @foreach($selectElements->selectcCfdiUse as $i => $item)
                                  <option value="{{$i}}" {{$i == 'CP01' ? 'selected' : ''}}>{{$item}}</option>
                                @endforeach
                               </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label>{{ __('management.serie_p') }}</label>
                                <input type="text" class="form-control" id="serie" name="serie"
                                value="{{$form->getVal('serie') != '' ? $form->getVal('serie') : $company->serie_p}}">
                            </div>
                            <div class="form-group col-md-6">
                              <label>* {{ __('invoices.addresses') }}</label>
                              <select id="customer_address_id" name="customer_address_id" class="custom-select actions-with-clients" required>
                                {!! $form->creaSelectOpts($form->getVal('customer_address_id'), $customer_addresses) !!}
                              </select>
                            </div>
                            <input type="hidden" id="customer_number" name="customer_number" class="form-control" value="{{$form->getVal('customer_number')}}" readonly>
                            <input type="hidden" id="customer_name" name="customer_name" class="form-control" value="{{$form->getVal('customer_name')}}" readonly>
                            <input type="hidden" id="old_customer_id" name="old_customer_id" class="form-control" value="{{$form->getVal('customer_id')}}" readonly> <!--reemplazo = agregar este campo oculto-->
                          </div>
                          <div class="panel-tag col-md-12 mt-3" data-bs-toggle="collapse" data-bs-target="#demo">
                            <i class="fal fa-list width-2 fs-xl"></i>
                            {{ __('payment-complements.paymentinfo') }}
                          </div>
                          <div class="form-row">
                            <div class="form-group col-md-3">
                              <label for="payment_date">* {{__('payment-complements.paymentdate')}}</label>
                              <div class="input-group">
                                <input type="text" class="form-control" name='payment_date' id="payment_date" required value="{{$form->getVal('payment_date')}}">
                              </div>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('payment-complements.payment_time') }}</label>
                              <input type="time" class="form-control" id="paymentTime" name="payment_time" value="{{$form->getVal('payment_time')}}" maxlength="45" required>
                            </div>
                              <div class="form-group col-md-3">
                                  <label>* {{ __('invoices.payway') }}</label>
                                  <select id="payment_way" name="payment_way" class="custom-select" required="">
                                      {!! $form->creaSelectOpts($form->getVal('payment_way'), $selectElements->selectcPayWay) !!}
                                  </select>
                              </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('invoices.currency') }}</label>
                              <input type="hidden" name="currency" value="XXX">
                              <select id="payment_currency" name="payment_currency" class="custom-select">
                                {!! $form->creaSelectOpts($form->getVal('payment_currency'), $selectElements->selectcCurrency, '', null) !!}
                              </select>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('payment-complements.amount') }}</label>
                              <div class="input-group">
                                <div class="input-group-prepend">
                                  <span class="currency_symbol input-group-text form-control">{{$currency->symbol}}</span>
                                </div>
                                <input class="form-control text-right decimal total-amount" id="amount" type='text' name='amount' value='{{$form->getVal('amount')}}'>
                              </div>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('payment-complements.exchangetype') }}</label>
                              <div class="input-group">
                                <div class="input-group-prepend">
                                  <span class="currency_symbol input-group-text form-control">{{$currency->symbol}}</span>
                                </div>
                                <input class="form-control text-right decimal" id="exchange_type" type='text' name='exchange_type' value='{{$form->getVal('exchange_type','1')}}' readonly>
                              </div>
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('payment-complements.operationnumber') }} <i class="fal fa-info-circle blue-icon" data-bs-toggle="tooltip" data-original-title="Clave de referencia que identifica al pago"></i></label>
                              <input type="text" class="form-control" id="operation_number" name="operation_number" value="{{$form->getVal('operation_number')}}" maxlength="45">
                            </div>
                          </div>

                          <div class="panel-tag col-md-12 mt-3">
                            <i class="fal fa-list width-2 fs-xl"></i>
                            {{ __('invoices.additional-data') }}
                          </div>

                          <div class="form-group col-md-12 mb-4">
                            <label>{{ __('invoices.observations') }}</label>
                            <input type="text" class="form-control" id="observations" name="observations" value="{{$form->getVal('observations')}}" maxlength="255">
                          </div>   

                          <div class="panel-tag col-md-12 mt-3 cursor-pointer" data-bs-toggle="collapse" data-bs-target="#relatedDocuments">
                            <i class="fal fa-list width-2 fs-xl"></i>
                            {{ __('invoices.related_payment_documents') }}
                            <i class="fas fa-caret-down width-2 fs-xl"></i>
                          </div>

                          <!-- UUID RELACIONADOS -->
                          <div class="collapse" id="relatedDocuments">
                            <div class="form-row">
                                <div class="form-group col-md-4">
                                    <label>{{ __('invoices.tipo_rela') }}</label>
                                    <select id="cfdi_rela" name="cfdi_rela" class="custom-select">
                                        {!! $form->creaSelectOpts($form->getVal('cfdi_rela'), $selectElements->selectcCfdiRela) !!}
                                    </select>
                                </div>
                            </div>
                            <div id="cfdi_relacionados">
                                @foreach(has_old_input() ? old('relas',[]) : $relas as $idx => $rela)
                                   @include('billing::Mexico.payment-complements.partials.create.cfdi_relacionados', ['empty' => 0])
                                @endforeach
                            </div>
                            <div class="form-row">
                              <div class="form-group col-md-12 mb-4">
                                  <button id="btn_add_rel" type="button" class="btn btn-success waves-effect waves-themed" onclick="AddCfdiRel()" disabled>{{__('invoices.add_related_uuid')}}</button>
                              </div>
                            </div>
                          </div>                      

                          <div class="text-right mt-3">
                            <button type="submit" class="btn btn-primary waves-effect waves-themed save-payment">{{ __('buttons.save') }}</button>

                            <a href="{{ route('payment-complements.index') }}" class="btn btn-secondary waves-effect waves-themed">{{ __('buttons.cancel') }}</a>
                          </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div id="payment_documents_rel_empty" class="d-none">
            @include('billing::Mexico.payment-complements.partials.create.documents_rel', ['empty' => 1, 'idx' => '{idx}'])
        </div>
        <div id="cfdi_relacionados_empty" class="d-none">
            @include('billing::Mexico.payment-complements.partials.create.cfdi_relacionados', ['empty' => 1, 'idx' => '{idx}'])
        </div>
    </div>

    @include('billing::Mexico.payment-complements.partials.index.modal_save')

    @section('footerScript')
      <script src="{{ URL::asset('js/formplugins/inputmask/inputmask.bundle.js') }}"></script>
      <script src="{{url('js/crm/app.payment-complements.js?v=6.2.36')}}"></script> <!-- reemplazo = Versionar js -->
      <script>
        $(function () {
            var idx;
            var rel;
            @foreach(has_old_input() ? old('document_relas',[]) : $documentRelas as $idx => $rela)
                idx = '{{$idx}}';
                rel = "{{$form->getValNoDB('document_relas.'.$idx.'.manual_capture', $rela->manual_capture ?? null)}}";
                  registerComboDocuments(idx, rel);
            @endforeach
        });

      </script>
    @stop
@endsection