@extends('header_new')

@section('main')
<div class="container-fluid mt-5 pt-5">
    <!-- -->
    @include('/blue/info_cliente_abm')
    <div class="container-fluid">
        <h6 class="text-fidelitas">{{$nombre_servicio}}</h6>
        <div class="row my-3">
            <div class="col-md-7">
                <h5>Envío de E-mail de alta</h5>
            </div>
            <div class="col-md-5 text-end">
                <button type="button" class="btn btn-sm btn-fidelitas" id="btnEmail" data-bs-toggle="modal"
                    data-bs-target="#modalContraparte">Enviar Mail</button>
            </div>
        </div>
        <!-- -->
        {{--<div class="row justify-content-center">
            <h5 class="text-start"> Servicio : <strong class="text-danger">{{$nombre_servicio}}</strong></h5>
        </div>--}}
        <!-- -->
        <form id="frmEmail">
            {{csrf_field()}}
            <input type="Hidden" name="servicio" value="{{$servicio}}">
            <input type="hidden" name="fecha_expira" value="">
            <!-- -->
            <table class="table table-condensed table-striped table-hover" id="tablaContrapartes">
                <thead>
                    <tr>
                        <th class="text-center"><input type="Checkbox" name="todas" id="todas" value="1"></th>
                        <th class="text-start">Nombre o razón social</th>
                        <th class="text-center">País</th>
                        <th class="text-center">Familia</th>
                        <th class="text-center" width="15%">Identificación</th>
                        <th class="text-start">Contacto</th>
                        <th class="text-center" width="10%">Gestión</th>
                        <th class="text-center">Ultimo login</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="text-center">
                            <input type="Checkbox" name="contraparte[]" class="chk" value="{{$contraparte}}">
                        </td>
                        <td class="text-start">{{$nombre_persona}}</td>
                        <td class="text-center">{{$country_name}}</td>
                        <td class="text-center">{{$nombre_familia}}</td>
                        <td class="text-center" width="15%">{{$abreviatura}} {{$identificacion}}</td>
                        <td class="text-start">
                            <i class="bi bi-user"></i> {{$nombre_contacto}}<br />
                            <i class="bi bi-envelope"></i> {{$email_contacto}}
                        </td>
                        <td class="text-center" width="10%">{{$fecha_desde}}<br />{{$fecha_hasta}}</td>
                        <td class="text-center">{{$last_login}}</td>
                    </tr>
                </tbody>
            </table>
        </form>
    </div>
</div>
<!-- -->
<div id="modalContraparte" class="modal fade">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="modal-title">Enviar e-mail de alta
                    ({{$servicio == ENV('LED_PRODUCTO') ? 'LED' : ($servicio == ENV('IMPE_PRODUCTO') ? 'IMPERIUM' : 'INQUIRO VITAE') }})
                </h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body" id="modal-body">
                <div class="text-center d-none" id="sin_contrapartes">
                    <h4>No se han seleccionado contrapartes</h4>
                </div>
                <!-- -->
                <div class="text-center d-none" id="hay_contrapartes">
                    <h4 id="cantidad_contrapartes"></h4>
                    <!-- -->
                    <form id="frmEmail2">
                        <div class="row justify-content-center my-4">
                            <div class="col-md-4 col-md-offset-4">
                                <label for="fecha_expira3" class="form-label">Fecha expiración link</label>
                                <!--  EL CAMPO QUE TIENE LA FECHA PARA EL USUARIO -->
                                <input id="fecha_expira3" type="text" class="form-control" name="fecha_expira3" value=""
                                    required="yes">
                                <input type="hidden" name="fecha_expira2" id="fecha_expira2">
                            </div>
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-fidelitas btnEnviar">Enviar e-mail</button>
                            <button type="button" class="btn btn-danger btnCancelar"
                                data-bs-dismiss="modal">Cancelar</button>
                        </div>
                        <!-- -->
                        <div class="row">
                            <div class="col-md-12 text-center d-none" id="waitimg">
                                <img src="/images/loading.gif" border="0" class="img" width="40px"
                                    style="padding-top:20px">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- -->
<form id="frmRedireccionar" method="post" action="/blue/contraparte-edit">
    {{csrf_field()}}
    <input type="hidden" name="cliente" value="{{$cliente->cliente}}">
    <input type="hidden" id="servicio_frm_name" name="nombre_producto" value="{{$nombre_servicio}}">
    <input type="hidden" id="servicio_frm" name="producto" value="{{$servicio}}">
    <input type="hidden" name="tieneApi" value="{{$tieneApi}}">
    <input type="hidden" name="contraparte" value="{{$contraparte}}">
    <input type="hidden" name="id_padron" value="{{$id_padron}}">
</form>
@endsection

@section('funcionesJs')
<script src="{{ asset('/Libreria_CA/Js/funciones_servicios_contratados.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function () {
        contraparteMails();
    });
</script>
@endsection