<?php
//############# TOASTS INDEX LOGIN Y REGISTER ############//
//toast de exito
$exitoBTN = "<button hidden type='button' id='btnMostrar' class='btn btn-success' data-tipo='exito' id='liveToastBtn'>Exito!</button>";

$exitoToast = "
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-success' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-check-circle-fill'></i>
<strong class='me-auto'> Operacion Exitosa </strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
Se ha Registrado Correctamente!!
</div>
</div>
</div>";



//toast de error " No estan permitidos los caracteres especiales en el usuario."
$errorBTN1 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToast1 = "     
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
No estan permitidos los caracteres especiales en el Usuario.!!
</div>
</div>
</div>";

//toast de error " Usuario en uso, intente con otro usuario"
$errorBTN2 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToast2 = "     
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
Lo siento este Usuario ya esta en uso, intente con otro usuario!!
</div>
</div>
</div>";

//toast de error " Correo electrónico en uso, intente con otro correo electrónico"
$errorBTN3 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToast3 = "     
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
Lo siento este Correo ya esta en uso, intente con otro correo!!
</div>
</div>
</div>";

//toast de error " Error Desconocido"
$errorBTN4 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToast4 = "     
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
Ha ocurrido un error desconocido!!
</div>
</div>
</div>";

//toast de error clave o usuario incorrecto
$errorBTN5 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToast5 = "     
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
Clave o Usuario invalido, por favor verifique e intente nuevamente!!
</div>
</div>
</div>";

//toast de error No puede dejar campos vacios
$errorBTN6 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToast6 = "     
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'> Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
No puede dejar ningun campo vacio, por favor verifique e intente nuevamente!!
</div>
</div>
</div>";

//toast de error Usuario desactivado
$errorBTN7 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToast7 = "     
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'> Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
Este usuario se encuentra desactivado!!
</div>
</div>
</div>";

//############# TOASTS INDEX GLOBALES ############//
//toast de exito "registro Exitoso!!"
$exitoADD = "<button hidden type='button' id='btnMostrar' class='btn btn-success' data-tipo='exito' id='liveToastBtn'>Exito!</button>";

$exitoToastADD = "
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-success' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-check-circle-fill'></i>
<strong class='me-auto'> Operacion Exitosa </strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body' style='color:white;'>
Registro Exitoso!!
</div>
</div>
</div>";

//toast de exito "Edicion Exitosa!!"
$exitoEDIT = "<button hidden type='button' id='btnMostrar' class='btn btn-success' data-tipo='exito' id='liveToastBtn'>Exito!</button>";

$exitoToastEDIT = "
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-warning' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-check-circle-fill'></i>
<strong class='me-auto'> Operacion Exitosa </strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body' style='color:black;'>
Edicion Exitosa!!
</div>
</div>
</div>";

//toast de exito "Eliminacion Exitosa!!"
$exitoDELETE = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='exito' id='liveToastBtn'>Exito!</button>";

$exitoToastDELETE = "
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-check-circle-fill'></i>
<strong class='me-auto'> Operacion Exitosa </strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body' style='color:white;'>
Eliminacion Exitosa!!
</div>
</div>
</div>";

//toast de exito "Restauracion Exitosa!!"
$exitoRESTAURAR = "<button hidden type='button' id='btnMostrar' class='btn btn-success' data-tipo='exito' id='liveToastBtn'>Exito!</button>";

$exitoToastRESTAURAR = "
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-success' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-check-circle-fill'></i>
<strong class='me-auto'> Operacion Exitosa </strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body' style='color:white;'>
Restauracion Exitosa!!
</div>
</div>
</div>";


//############# TOASTS ESPECIALES INDEX: Datos Personales ############//
//toast de error "No se pudo registrar los datos; Esta Cedula ya se encuentra registrada.!!"
$errorDatosP1 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToastDatosP1 = "
<style>
.toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
No se pudo registrar los datos; Esta Cedula ya se encuentra registrada.!!
</div>
</div>
</div>";

//toast de exito "Se ha Registrado Correctamente!!"
$exitoDatosP1 = "<button hidden type='button' id='btnMostrar' class='btn btn-success' data-tipo='exito' id='liveToastBtn'>Exito!</button>";

$exitoToastDatosP1 = "    
<style>
.toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-success' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-check-circle-fill'></i>
<strong class='me-auto'> Operacion Exitosa </strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
Se ha Registrado Correctamente!!
</div>
</div>
</div>";

//############# TOASTS ESPECIALES INDEX: Productos ############//
//toast de error "No se pudo guardar el producto. Formato de Imagen Invalido, formatos permitidos: JPG, JPEG, & PNG .!!"
$errorProductos1 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToastProductos1 = " 
<style>
.toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
No se pudo guardar el producto. Formato de Imagen Invalido, formatos permitidos: JPG, JPEG, & PNG .!!
</div>
</div>
</div>";

//toast de error "No se pudo registrar el producto.Este codigo ya se encuentra registrado!!"
$errorProductos2 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToastProductos2 = " 
<style>
.toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
No se pudo registrar el producto.Este codigo ya se encuentra registrado!!
</div>
</div>
</div>";

//toast de exito "Se ha Registrado Correctamente el producto!!"
$exitoProductos1 = "<button hidden type='button' id='btnMostrar' class='btn btn-success' data-tipo='exito' id='liveToastBtn'>Exito!</button>";

$exitoToastProductos1 = "<style>
.toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-success' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-check-circle-fill'></i>
<strong class='me-auto'> Operacion Exitosa </strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
Se ha Registrado Correctamente el producto!!
</div>
</div>
</div>";

//############# TOASTS ESPECIALES INDEX: Generar Ventas ############//
//toast de error "Por favor, introduzca la tasa del día antes de realizar una venta.!!"
$errorBTNGVE1 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToastGVE1 = "
<style>
.toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'> Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
Por favor, introduzca la tasa del día antes de realizar una venta.!!
</div>
</div>
</div>";

//agregarproducto TOASTS
//toast de error "No hay la disponibilidad requerida del producto!! Consulte el stock del producto."
$errorBTNGVE2 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToastGVE2 = "                
<style>
.toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
No hay la disponibilidad requerida del producto!! Consulte el stock del producto.
</div>
</div>
</div>"; 

//toast de error "La cantidad debe ser un número positivo!"
$errorBTNGVE3 = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToastGVE3 = "                
<style>
.toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
La cantidad debe ser un número positivo!
</div>
</div>
</div>";

//toast de exito
$exitoVentaBTN = "<button hidden type='button' id='btnMostrar' class='btn btn-success' data-tipo='exito' id='liveToastBtn'>Exito!</button>";

$exitoVentaToast = "
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-success' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-check-circle-fill'></i>
<strong class='me-auto'> Operacion Exitosa </strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
SE HA REALIZADO LA VENTA EXITOSAMENTE!!
</div>
</div>
</div>";


//############# TOASTS INDEX Compras ############//
//toast de exito
$exitoCompraBTN = "<button hidden type='button' id='btnMostrar' class='btn btn-success' data-tipo='exito' id='liveToastBtn'>Exito!</button>";

$exitoCompraToast = "
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-success' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-check-circle-fill'></i>
<strong class='me-auto'> Operacion Exitosa </strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
SE HA REALIZADO LA COMPRA EXITOSAMENTE!!
</div>
</div>
</div>";

//toast de error " Consultar compra fecha fin no puede ser anterior a la inicio"
$errorBTNFecha = "<button hidden type='button' id='btnMostrar' class='btn btn-danger' data-tipo='error' id='liveToastBtn'>Error!</button>";

$errorToastFecha = "     
<style>
    .toast-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    }
</style>
<div class='d-flex justify-content-center align-items-center w-100 ' style='z-index: 11'>
<div id='liveToast' class='toast hide bg-danger' role='alert' aria-live='assertive' aria-atomic='true'>
<div class='toast-header'>
<i class='bi bi-x-circle-fill'></i> 
<strong class='me-auto'>   Error</strong>
<small></small>
<button type='button' class='btn-close' data-bs-dismiss='toast' aria-label='Close'></button>
</div>
<div class='toast-body'>
La fecha fin no puede ser anterior a la fecha inicio.!!
</div>
</div>
</div>";


?>