| Current Path : /var/www/html/carsanies.sumar.com.py/resources/views/ |
| Current File : /var/www/html/carsanies.sumar.com.py/resources/views/welcome.blade.php |
@extends('layouts.frontend')
@section('contenido')
<style>
body {
background: url(/frontend/fondoprincipal.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: white;
}
.contenedor {
position: relative;
width: 100%;
margin: auto;
text-align: center;
}
.image-overlay {
position: absolute;
transform: translate(-50%, -50%);
}
#giro {
animation: giro-escala 5s infinite alternate;
}
#opacar {
animation: opacar 3s infinite alternate;
}
.tabla-estilo {
width: 100%;
border-collapse: collapse;
text-align: left; /* Centra el contenido */
line-height: 1; /* Achica el espaciado del interlineado */
}
.tabla-estilo thead th {
background-color: white; /* Fondo blanco */
color: blue; /* Letras azules */
font-weight: bold;
padding: 10px;
}
.tabla-estilo tbody td {
color: white; /* Letras blancas */
background-color: transparent; /* Fondo transparente */
padding: 5px;
border: none; /* Sin bordes */
}
</style>
<?php
use App\Models\Modal;
$popup=Modal::first();
?>
<livewire:navbar></livewire:navbar>
<div class="container">
@if(!Auth::check())
<style>
body {
background: url(/frontend/fondoprincipal.jpg) no-repeat center center fixed !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
p{
font-size:10px !impotant;
}
</style>
<div class="row justify-content-center align-items-center minh-100">
<div class="col-lg-3"></div>
<div class="col-lg-6"><br><br>
<div class="contenedor">
<img src="/frontend/estrella.gif" alt="logo" class="image-overlay" width="80%">
<img src="/imgsystem/music.png" alt="logo" id="opacar" class="image-overlay" width="100%">
<img src="/imgsystem/vol.png" alt="logo" id="giro" class="image-overlay" width="70%">
<img src="/imgsystem/welcome.png" alt="logo" class="image-overlay" width="50%">
</div>
</div>
<div class="col-lg-3"></div>
</div>
<div class="row">
<div class="col-lg-12" align="center">
<h1 style="font-size: 5vw; color: #FF0000 !important;">En Proceso de Actualización</h1>
</div>
</div>
@else
<div class="row justify-content-center align-items-center">
<div class="col-md-12">
<br><br>
<br><br>
<br><br>
</div>
<br>
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<center><h2 style="poppins-black">¿Qué son los carsanies?</h2></center>
<p class="text-justify">Es una herramienta de acumulación de puntos para canjear productos corporativos a
través del cumplimiento de condiciones, indicadores diarios previamente definidos y
establecidos que forman parte de los incentivos.</p>
<div class="text-center">
<img src="/imgsystem/monedasok.png" alt="Carsanies" class="img-fluid" width="40%">
</div>
<br>
<table class="table tabla-estilo">
<thead>
<tr>
<th>Logro Academico</th>
<th>Carsanies</th>
<th>Cantidad de Respaldos por mes.</th>
</tr>
</thead>
<tbody>
<tr>
<td>Curso / Taller / Entrenamiento</td>
<td>300</td>
<td>Duración no menor a 5 horas. Hasta 3 respaldos por mes.</td>
</tr>
<tr>
<td>Culminación de Diplomado</td>
<td>500</td>
<td>No Aplica</td>
</tr>
<tr>
<td>Culminación de Carrera Universitaria</td>
<td>800</td>
<td>No Aplica</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-6">
<div class="text-center">
<img src="/imgsystem/escalon.png" alt="Carsanies" class="img-fluid" width="50%">
</div>
<h2 class="text-center">¿Cómo adquiero carsanies?</h2>
<!-- Tabla: Carrera Carsiana -->
<table class="table tabla-estilo">
<thead>
<tr>
<th colspan="1">CARRERA CARSIANA</th>
<th colspan="1">CARSIANES</th>
</tr>
</thead>
<tbody>
<tr>
<td>Traslado de Tercerizados a CARSA</td>
<td>500</td>
</tr>
</tbody>
</table>
<!-- Tabla: Mantenerse en Categoría "A" -->
<table class="table tabla-estilo">
<thead>
<tr>
<th colspan="1">Mantenerse en Categoría "A"</th>
<th colspan="1">CARSIANES</th>
</tr>
</thead>
<tbody>
<tr>
<td>Oficial/Ejecutivo/Auxiliar/Team Leader</td>
<td>500</td>
</tr>
<tr>
<td>Encargado/Supervisor/Líder de A.</td>
<td>600</td>
</tr>
<tr>
<td>Jefe de Área</td>
<td>800</td>
</tr>
<tr>
<td>Plana Ejecutiva</td>
<td>1000</td>
</tr>
</tbody>
</table>
<!-- Tabla: Ascensos de cargos (por cada caso) -->
<table class="table tabla-estilo">
<thead>
<tr>
<th colspan="1">Ascensos de cargos (por cada caso)</th>
<th colspan="1">CARSIANES</th>
</tr>
</thead>
<tbody>
<tr>
<td>De Asesor/Oficial/Ejecutivo/Back Office a Encargado/Supervisor/Líder de A.</td>
<td>400</td>
</tr>
<tr>
<td>De Encargado/Supervisor/Líder de A. a Jefe.</td>
<td>600</td>
</tr>
<tr>
<td>Los ascensos de la Plana Ejecutiva.</td>
<td>800</td>
</tr>
</tbody>
</table>
<!-- Tabla: Fidelización por Antigüedad (Colab. de CARSA) -->
<table class="table tabla-estilo">
<thead>
<tr>
<th colspan="1">Fidelización por Antigüedad (Colab. de CARSA)</th>
<th colspan="1">CARSIANES</th>
</tr>
</thead>
<tbody>
<tr>
<td>De 1 año a 2 años</td>
<td>300</td>
</tr>
<tr>
<td>De 3 años a 4 años</td>
<td>400</td>
</tr>
<tr>
<td>De 5 años a 6 años</td>
<td>500</td>
</tr>
<tr>
<td>De 7 años en adelante</td>
<td>600</td>
</tr>
</tbody>
</table>
<table class="table tabla-estilo">
<thead>
<tr>
<th colspan="1">Nacimiento de CARSIANITO (Hijo/a)</th>
<th colspan="1">CARSIANES</th>
</tr>
</thead>
<tbody>
<tr>
<td>Asesores/Oficiales/Ejecutivos/Back Office</td>
<td>400</td>
</tr>
<tr>
<td>Encargados/Supervisores/Líderes de A.</td>
<td>500</td>
</tr>
<tr>
<td>Jefes + Plana Ejecutiva y Cargos Estratégicos</td>
<td>600 + Obsequio Corporativo</td>
</tr>
</tbody>
</table>
<br><br>
</div>
</div>
</div>
</div>
@endif
</div>
@if($popup)
@if($popup->estado == 1)
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">{{$popup->nombre}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" align="center">
@if($popup->tipo == 'imagen')
<img src="{{ asset('modal/'.$popup->enlace) }}" width="100%"><br>
@elseif($popup->tipo == 'video')
<video src="{{ asset('modal/'.$popup->enlace) }}" controls width="100%"></video><br>
@endif
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<script>
$('#modal').modal('show')
</script>
@endif
@endif
@stop