text: import { html } from './../../node_modules/lit-html/lit-html.js';
  
  export let detailePageTemplate = (isOwner, car, deleteHandler) => html`
  <section id="listing-details">
      <h1>Details</h1>
      <div class="details-info">
          <img src="${car.imageUrl}">
          <hr>
          <ul class="listing-props">
              <li><span>Brand:</span>${car.brand}</li>
              <li><span>Model:</span>${car.model}</li>
              <li><span>Year:</span>${car.year}</li>
              <li><span>Price:</span>${car.price}$</li>
          </ul>
  
          <p class="description-para">${car.description}</p>
  
          ${isOwner
              ? html`<div class="listings-buttons">
              <a href="/edit/${car._id}" class="button-list">Edit</a>
              <a href="javascript:void(0)" class="button-list" @click=${() => deleteHandler(car._id)}>Delete</a>
          </div>`
          : ''}
      </div>
  </section>
  `;