<template>
  <div>
      <h3 class="my-3">Metodo de Envio</h3>
    <div class="row">
      <div class="col-12">
<div class="table-responsive">
        <table class="table table-hover">

  <tbody>
    <tr>
      <th scope="row"> 
        <div class="form-check">
  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
        </div>
      </th>
      <td class="d-flex align-items-center">
        <img src='../assets/DHL-Logo.png' width="70px" alt="">
        <p class="mb-0">DHL Express</p>
      </td>
      <td>{{tiempo}} dias</td>
      <td>${{envio}} IVA incl.</td>
    </tr>
   
  </tbody>
</table>
</div>

      </div>
    </div>
    
    <div class="row">

      <div class="col-12 mt-4">
<p>Si deseas dejarnos un comentaro acerca de su pedido, por favor escribalo a continuacion</p>
<div class="container">
        <div class="comment">
            <textarea class="textinput" placeholder="Comentario"></textarea>
        </div>
    </div>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  data(){
    return{
      envio:'232.00',
      tiempo:'4'
    }
  }

}
</script>

<style scoped>
.container {
            max-width: 820px;
            margin: 0px auto;
           
        }

        .comment {
            float: left;
            width: 100%;
            height: auto;
        }

        .commenter {
            float: left;
        }

        .commenter img {
            width: 35px;
            height: 35px;
        }

        .comment-text-area {
            float: left;
            width: 100%;
            height: auto;
        }

        .textinput {
            float: left;
            width: 100%;
            min-height: 75px;
            outline: none;
            resize: none;
            border: 1px solid grey;
        }
</style>