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

@section('js')
<script src="{{ asset('js/vilidationRules.js') }}"></script>
<script src="{{ asset('js/miCuenta/main.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="animated fadeIn d-flex justify-content-center mt-5">
    <form class="col-md-12" action="{{ route('ordenes.create') }}" method="GET" autocomplete="off">
        @csrf
        <div class="h4 mb-0" style="margin-top: 0px;text-align: end;padding-bottom: 15px;">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="{{ route('timbres.create') }}" class="btn btn-primary">
                <i class="fa fa-plus"></i>&nbsp;&nbsp; Comprar timbres&nbsp;&nbsp;
            </a>
        </div>

        <div class="card">
            <div class="card-header">Información de mi plan</div>
            <div class="card-body card-block">
                <div class="row form-group">
                    <div class="col col-md-3">
                        <label for="txt_nombre" class=" form-control-label">Plan actual :
                        </label>
                    </div>
                    <input type="hidden" name="txt_plan_actual" id="txt_plan_actual"
                        value="{{ isset($mi_plan[0]->id_plan) ? $mi_plan[0]->id_plan : 0 }}">
                    <script>
                    plan_actual = "{{ isset($mi_plan[0]->id_plan) ? $mi_plan[0]->id_plan : 0 }}";
                    num_planes = "{{ count($planes_disponibles) }}";
                    </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")
                                    <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, '.', ',') }}
                                    </option>
                                @endif
                            @endforeach
                        </select>
                        <select name="slc_precios" id="slc_precios" class="form-control" style="display:none">
                            @foreach ($planes_disponibles as $item)
                                @if ($item->nombre !== "Contraloria")
                                    <option value="{{ $item->id_plan }}" descripcion="{{ $item->nombre }}"
                                        @if($plan_actual==$item->id_plan) selected @endif>
                                        {{ $item->p_precio}}
                                    </option>
                                @endif
                            @endforeach
                        </select>
                        <select name="slc_no_timbres" id="slc_no_timbres" class="form-control" style="display:none">
                            @foreach ($planes_disponibles as $item)
                                @if ($item->nombre !== "Contraloria")
                                    <option value="{{ $item->id_plan }}" descripcion="{{ $item->nombre }}"
                                        @if($plan_actual==$item->id_plan) selected @endif>
                                        {{ $item->no_timbre}}
                                    </option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="row form-group">
                    <div class="col col-md-3"></div>
                    <div class="col-20 col-md-6">
                        <label class=" form-control-label">
                            Los precio de los planes incluyen IVA
                        </label>
                    </div>
                </div>
                <div class="row justify-content-center">
                    @foreach ($planes_disponibles as $plan_disponible)
                    <div id="{{$plan_disponible->id_plan}}" class="col-md-6" @if($plan_actual !=$plan_disponible->
                        id_plan) style="display: none" @endif>
                        <div class="card">
                            <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, '.', ',') }}</td>
                                    </tr>
                                </table>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                <ul>
                                    @foreach ($descripciones_planes as $descripcion_plan)
                                    @if($plan_disponible->id_plan == $descripcion_plan->id_plan)
                                    <li>{{$descripcion_plan->descripcion}}</li>
                                    @endif
                                    @endforeach
                                </ul>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    @endforeach
                </div>

                <div class="col-md-12 d-flex justify-content-center">
                    @can('micuenta.edit')


                    <button id="sendPassword-1" type="button" onclick="valida_form();" class="btn btn-lg btn-info"
                        style="background-color: #16627c;">
                        <i class="fa fa-lock fa-save"></i>&nbsp;
                        <span>Actualizar</span>
                    </button>

                    @endcan
                    &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('home') }}'">
                        <span>&nbsp;&nbsp;&nbsp;Cancelar&nbsp;&nbsp;&nbsp;</span>
                    </button>
                </div>
                <input type="hidden" name="txt_id[]" id="txt_id">
                <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_id[]" id="txt_id" 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">
    </form>
</div>

@endsection