<?php
session_start();
include('../conexion.php'); 
include('../include/sesiones.php');
$id=$_GET['id'];

 $sql=mysqli_query($con,"SELECT * FROM cotizacion where cot_id='$id' and empresa='$emp_id' ") or die(mysqli_error($con));
 $est = mysqli_fetch_array($sql);
    $cot_estado_pedido= $est['cot_estado_pedido']; 
?>

<div class="account_form">
    <h2><center>ESTADO DEL PEDIDO # <?php echo $id; ?><center></h2>
    <?php if ($cot_estado_pedido=='no confirmado') { ?>
    <div class="contenedor_img1"> <img class="categorias1" src="img/pedido_online/no_confirmado.png"> </div>
    <?php } elseif ($cot_estado_pedido=='confirmado') { ?>

    <div class="contenedor_img1"> <img class="categorias1" src="img/pedido_online/confirmado.png"> </div>

    <?php } elseif ($cot_estado_pedido=='procesando') { ?>
    <div class="contenedor_img1"> <img class="categorias1" src="img/pedido_online/procesando.png"> </div>
    <?php } elseif ($cot_estado_pedido=='enviado') { ?>
    <div class="contenedor_img1"> <img class="categorias1" src="img/pedido_online/enviado.png"> </div>
    <?php } elseif ($cot_estado_pedido=='entregado') { ?>
    <div class="contenedor_img1"> <img class="categorias1" src="img/pedido_online/entregado.png"> </div>
    <?php } ?>
</div> 

<style type="text/css">
/*Supongamos que nuestro contenedor mide 150px x 150px*/
.contenedor_img1{
    padding-top: 15px;
    background-color: white;
    width:200;
    height:150px;
}
/*Aplicamos la propiedad object-fit cover, ajustar su tamaño y no perder la proporcion de nuestra imagen*/
.categorias1{
    object-fit: scale-down;
    width:100%;
    height:100%;
}

</style>