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

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

@section('content')
    <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>
    @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 ($errors->any())
        <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>
            @foreach ($errors->all() as $error)
                <li>
                    <strong>{{ $error }}</strong>
                </li>
            @endforeach
        </div>
    @endif


    <div class="animated fadeIn d-flex justify-content-center mt-5">
        <form action="{{ route('ordenes.create') }}" method="GET" class="col-md-8" 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">
                <div class="card-header">:: Cambio de plan ::</div>
                <div class="card-body card-block">

                    <div class="row form-group">
                        <div class="col-12 col-md-3">
                            <span class="form-control-label">RFC: </span>
                        </div>
                        <div class="col-12 col-md-9">
                            <span><b>{{$txt_rfc_emisor}}</b></span>
                        </div>

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

                    <div class="row form-group">
                        <div class="col col-md-3">
                            <span>Periodo de suscripci&oacute;n actual:</span>
                        </div>
                        <div class="col-12 col-md-9">
                            <span><b class="text-success">{{ Carbon\Carbon::parse($mi_plan[0]->fecha_inicio_facturacion)->format('d/m/Y')  }} -
                                    {{ Carbon\Carbon::parse($mi_plan[0]->fecha_proximo_pago)->format('d/m/Y') }}</b></span>
                        </div>
                        
                        <div class="col col-md-3">
                            <span>Periodo del plan a contratar:</span>
                        </div>
                        <div class="col-12 col-md-9">
                            <span id="id_periodo_renovacion">-- Sin periodo --</span>
                        </div>
                
                        <div class="col col-md-3">
                            <label for="txt_nombre" class=" form-control-label"><span>Planes :</span>
                            </label>
                        </div>

                        <script>
                            __planes = new Array();
                            plan_inicial = "{{ $plan_inicial }}";
                            suscripcion_terminada = "{{ $suscripcion_terminada }}";
                            permitir_cambio_plan = "{{ $permitir_cambio_plan }}";
                            plan_actual = "{{ isset($mi_plan[0]->id_plan) ? $mi_plan[0]->id_plan : 0 }}";
                            nivel_plan = "{{ isset($mi_plan[0]->nivel_plan) ? $mi_plan[0]->nivel_plan : 0 }}";
                            num_planes = "{{ count($planes_disponibles) }}";
                            DateAndTime = "{{ $DateAndTime }}";
                            mayor_a_dias = "{{ $mayor_a_dias }}";
                        </script>
                        @php
                            $plan_actual = isset($mi_plan[0]->id_plan) ? $mi_plan[0]->id_plan : 0;
                        @endphp

                        <div class="col-12 col-md-9">
                            <select name="slc_plan" id="slc_plan" class="form-control">
                                <!--<option value="0"  @if ($plan_actual == 0) selected @endif>
                                                                                   Sin plan para este emisor
                                                                                </option>-->
                                @foreach ($planes_disponibles as $item)
                                    @if ($item->nombre !== "Contraloria")
                                        <script>
                                            __planes.push({
                                                "id_plan": "{{ $item->id_plan }}",
                                                "nombre": "{{ $item->nombre }}",
                                                "precio": "{{ $item->p_precio }}",
                                                "no_timbres": "{{ $item->no_timbre }}",
                                                "nivel": "{{ $item->nivel_plan }}",
                                                "periodicidad" : "{{ $item->periodicidad }}",
                                            });
                                        </script>
                                        <option value="{{ $item->id_plan }}" descripcion="{{ $item->nombre }}"
                                            @if ($plan_actual == $item->id_plan) selected @endif>
                                            {{ $item->nombre }} - {{ $item->periodicidad }} - $
                                            {{ number_format($item->p_precio, 2, '.', ',') }}
                                            @if ($plan_actual == $item->id_plan)
                                                (-- Plan actual --)
                                            @endif
                                        </option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>


                    <div class="row justify-content-center">
                            <div class="col-md-3"></div>
                        @foreach ($planes_disponibles as $plan_disponible)
                            <div id="{{ $plan_disponible->id_plan }}" class="col-md-9"
                                @if ($plan_actual != $plan_disponible->id_plan) style="display: none" @endif>
                                <div class="card border">
                                    <div class="card-header justify-content-center">
                                        <table>
                                            <tr>
                                                <td align="center">{{ $plan_disponible->nombre }} -
                                                    {{ $plan_disponible->periodicidad }}</td>
                                            </tr>
                                            <tr>
                                                <td align="center">MXN
                                                    {{ number_format($plan_disponible->p_precio, 2, '.', ',') }} (Incluye
                                                    IVA)</td>
                                            </tr>
                                        </table>
                                    </div>
                                    <!-- /.card-header -->
                                    <div class="card-body">
                                        @php
                                        echo $plan_disponible->descripcion;
                                        @endphp
                                    </div>
                                    <!-- /.card-body -->
                                </div>
                                <!-- /.card -->
                            </div>
                        @endforeach
                    </div>

                    <div class="col-md-12 d-flex justify-content-center">

                        <button id="id_orden_pago" type="button" onclick="valida_form('pagar');" class="btn btn-primary"
                            style="display:none ">
                            <i class="fa fa-file-download"></i>&nbsp;
                            <span>Orden de pago</span>
                        </button>
                        &nbsp;
                        <button id="id_actualizar_plan" type="button" class="btn btn-primary"
                            onclick="valida_form('no-pagar');" style="display:none">
                            <i class="fa fa-lock fa-save"></i>&nbsp;
                            <span>Actualizar plan</span>
                        </button>

                        &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="{{$plan_actual}}">
                    <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">
                    <input type="hidden" name="txt_total[]" id="txt_total" value="0">
                    <input type="hidden" name="txt_cantidad[]" id="txt_cantidad">
                    <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">
                    @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
        </form>
    </div>
@endsection