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

@section('js')
    <script src="{{ asset('js/planes/main_update.js?version='.version_js()) }}"></script>
    <script src="{{ asset('js/moment.js?version='.version_js()) }}"></script>    
@endsection

@section('content')
    @if (session('message'))
        <div class="alert alert-success alert-dismissable col-lg-4 col-md-12"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('message') }}</strong>
        </div>
    @endif

    @if (session('error'))
        <div class="alert alert-danger alert-dismissable col-lg-4 col-md-12"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('error') }}</strong>
        </div>
    @endif
    <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="{{ route('emisores.index') }}">Emisores</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Planes : {{ $txt_rfc_emisor }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <script>
        plan_actual = "{{ isset($mi_plan[0]->id_plan) ? $mi_plan[0]->id_plan : 0 }}";
        DateAndTime = "{{ $DateAndTime }}";
        tipo_suscripcion = "{{ $mi_plan[0]->periodicidad }}";
        precio = "{{ $mi_plan[0]->cp_precio }}";
        timbres = "{{ $mi_plan[0]->no_timbre }}";
    </script>
    @php
        $plan_actual = isset($mi_plan[0]->id_plan) ? $mi_plan[0]->id_plan : 0;
        $fecha_fin_orden_nueva = date('Y-m-d', strtotime('+30 day', strtotime($DateAndTime)));
    @endphp

    <div class="animated fadeIn d-flex justify-content-center mt-5">
        <form action="{{ route('ordenes.create') }}" method="GET" class="col-lg-6 col-md-12" autocomplete="off"
            id="target">
            <input type="hidden" name="txt_id_emisor" value="{{ $txt_id_emisor }}">
            <input type="hidden" name="txt_rfc_emisor" value="{{ $txt_rfc_emisor }}">
            @csrf
            <div class="card">
                <input class="form-control input-mask-trigger" id="txt_numberformat" name="txt_numberformat"
                    aria-label="number format" aria-describedby="numberformat"
                    data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                    im-insert="true" style="text-align: right;display:none ;"
                    value="{{ number_format(intval($mi_plan[0]->cp_precio), 2) }}">
                <div class="card-header">:: Pago de suscripción Dinvbox ::</div>
                <div class="card-body card-block">
                    <div class="row form-group">
                        <div class="col-12 col-md-4">
                            <span class="form-control-label">RFC: </span>
                        </div>
                        <div class="col-12 col-md-8">
                            <span><b>{{$txt_rfc_emisor}}</b></span>
                        </div>

                        <div class="col-12 col-md-4">
                            <span class="form-control-label">Razón Social: </span>
                        </div>
                        <div class="col-12 col-md-8">
                            <span><b>{{$txt_razon_social}}</b></span>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-4">
                            <span>Plan actual:</span>
                        </div>
                        <div class="col-12 col-md-8">
                            <span><b class="text-success">{{ $mi_plan[0]->nombre }}
                                    &nbsp;{{ $mi_plan[0]->periodicidad }}</b></span>
                        </div>
                        <div class="col col-md-4">
                            <span>Periodo de suscripci&oacute;n actual:</span>
                        </div>
                        <div class="col-12 col-md-8">
                            <span>{{ $mi_plan[0]->fecha_inicio_facturacion }} -
                                {{ $mi_plan[0]->fecha_proximo_pago }}</span>
                        </div>

                        <div class="col-md-12">
                            <br>
                            <div class="card-header">
                                <h3 class="card-title">Detalle de la renovaci&oacute;n</h3>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <span>No. de periodos a pagar:</span>
                                </div>
                                <div class="col-md-8">
                                    <select name="slc_periodos" id="slc_periodos" class="form-control"
                                        onchange="ver_calculos(DateAndTime, this.value, tipo_suscripcion)">
                                        <option value="1" selected>1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <span>Timbres de regalo:</span>
                                </div>
                                <div class="col-md-8">
                                    <span id="id_timbres">{{ $mi_plan[0]->no_timbre }} </span>
                                </div>
                                <div class="col-md-4">
                                    <span>Precio:</span>
                                </div>
                                <div class="col-md-8">
                                    <span>{{ number_format(intval($mi_plan[0]->cp_precio), 2) }} </span>
                                </div>

                                <div class="col-md-4">
                                    <span>Periodo de renovaci&oacute;n:</span>
                                </div>
                                <div class="col-md-8">
                                    <span id="id_periodo_renovacion"></span>
                                </div>
                                <div class="col-md-4">
                                    <span>Total a pagar: </span>
                                </div>
                                <div class="col-md-8">
                                    <span id="id_total_pago"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br>
                    @if (!empty($aviso))
                        <div class="alert alert-warning alert-dismissable col-lg-10 col-md-12"
                            style="text-align: center;margin: auto;margin-bottom: 1rem;">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <strong>{{ $aviso }}</strong>
                        </div>
                    @endif
                    <div class="col-md-12 d-flex justify-content-center">
                        <button id="sendPassword-1" type="button" onclick="valida_form();" class="btn btn-primary"
                            style="">
                            <i class="fa fa-money-check-alt"></i>&nbsp;
                            <span>Orden de pago</span>
                        </button>
                        &nbsp;
                        &nbsp;
                        <button id="cancel-button" type="button" class="btn btn-lg btn-info"
                            style="background-color: white;color: #969696;border-color: #969696;"
                            onclick="window.location='{{ route('emisores.index') }}'">
                            <span>&nbsp;&nbsp;&nbsp;Cancelar&nbsp;&nbsp;&nbsp;</span>
                        </button>
                    </div>
                    <input type="hidden" name="txt_status_pago" id="txt_status_pago" value="pago">
                    <input type="hidden" name="txt_id" id="txt_id" value="0">
                    <input type="hidden" name="txt_cantidad[]" id="txt_cantidad" value="1">
                    <input type="hidden" name="txt_id_producto_servicio[]" id="txt_id_producto_servicio"
                        value="{{ $servicio_plan->id_producto_servicio }}">
                    <input type="hidden" name="txt_producto_servicio[]" id="txt_producto_servicio"
                        value="{{ $servicio_plan->descripcion }}">
                    <input type="hidden" name="txt_precio_unitario[]" id="txt_precio_unitario"
                        value="{{ $mi_plan[0]->cp_precio }}">
                    <input type="hidden" name="txt_total[]" id="txt_total" value="0">
                    <input type="hidden" name="txt_cantidad[]" id="txt_cantidad" value="{{ $mi_plan[0]->no_timbre }}">
                    <input type="hidden" name="txt_id_producto_servicio[]" id="txt_id_producto_servicio"
                        value="{{ $servicio_timbre->id_producto_servicio }}">
                    <input type="hidden" name="txt_producto_servicio[]" id="txt_producto_servicio"
                        value="{{ $servicio_timbre->descripcion }}">
                    <input type="hidden" name="txt_precio_unitario[]" id="txt_precio_unitario" value="0">
                    <input type="hidden" name="txt_total[]" id="txt_total" value="0">
                    <input type="hidden" name="txt_periodo_renovacion" id="txt_periodo_renovacion" value="">
                    @if (isset($timbres_excedentes) && abs($timbres_excedentes->no_timbres) > 0)
                        <input type="hidden" name="txt_id_producto_servicio[]" id="txt_id_producto_servicio"
                            value="{{ $servicio_timbre_excedente->id_producto_servicio }}">
                        <input type="hidden" name="txt_producto_servicio[]" id="txt_producto_servicio"
                            value="{{ $servicio_timbre_excedente->descripcion }}">
                        <input type="hidden" name="txt_cantidad[]" id="txt_cantidad"
                            value="{{ abs($timbres_excedentes->no_timbres) }}">
                        <input type="hidden" name="txt_precio_unitario[]" id="txt_precio_unitario"
                            value="{{ $mi_plan[0]->precio }}">
                        <input type="hidden" name="txt_total[]" id="txt_total"
                            value="{{ $mi_plan[0]->precio * abs($timbres_excedentes->no_timbres) }}">
                    @endif
                    @if (isset($timbres_anteriores))
                        <input type="hidden" name="txt_id_producto_servicio[]" id="txt_id_producto_servicio"
                            value="{{ $timbres_anteriores->id_producto_servicio }}">
                        <input type="hidden" name="txt_producto_servicio[]" id="txt_producto_servicio"
                            value="{{ $timbres_anteriores->descripcion }}">
                        <input type="hidden" name="txt_cantidad[]" id="txt_cantidad"
                            value="{{ abs($timbres_anteriores->cantidad) }}">
                        <input type="hidden" name="txt_precio_unitario[]" id="txt_precio_unitario"
                            value="{{ $timbres_anteriores->precio }}">
                        <input type="hidden" name="txt_total[]" id="txt_total"
                            value="{{ $timbres_anteriores->total_facturacion }}">
                    @endif
            </div>
        </form>
    </div>
    @if ($orden_pendiente)
        @include('modal.aviso_pago_pendiente')
        <script>
            $(function(){
                $('#btn_aviso_pago_pendiente').click();
            })
        </script>
    @endif

            

@endsection