@extends('layouts.main')
@section('title', 'wishlist')
@section('style')
  <link rel="stylesheet" href="{{ asset('assets/custom/css/category.css') }}">
  <style>
    .card img {
      width: 100%;
      height: 200px;
    }

    .card_content {
      margin: 2rem 0;
    }

    .card {
      width: auto;
      border: none;
    }

    .card .span {
      width: 30px;
      height: 30px;
      border-radius: 50px;
      border: 1px solid #000;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 1rem;
      cursor: pointer;
    }

    button {
      border-radius: 10px;
      padding: .2rem;
      outline: none;
      background: black;
      color: #fff;
    }

    p {
      margin-top: .3rem;
      margin-bottom: .3rem;
    }
  </style>
@endsection

@section('content')

  <div class="card_content">
    <div class="card card_1">
      <span class="span">X</span>

      <!-- <i class='bx bxs-heart hrt_icon_'></i> -->
      <img src="{{ url('images/products/WhatsApp Image 2025-03-11 at 14.49.29.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>
    </div>
    <div class="card card_2">
      <span class="span">X</span>

      <img src="{{ url('images/products/WhatsApp Image 2025-03-07 at 17.10.39.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>

    </div>
    <div class="card card_3">
      <span class="span">X</span>

      <img src="{{ url('images/products/WhatsApp Image 2025-03-07 at 17.10.24.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>

    </div>
    <div class="card card_4">
      <span class="span">X</span>

      <img src="{{ url('images/products/WhatsApp Image 2025-03-07 at 17.10.21.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>

    </div>
    <div class="card card_5">
      <span class="span">X</span>

      <img src="{{ url('images/products/WhatsApp Image 2025-03-07 at 17.10.26.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>

    </div>
  </div>

  <div class="card_content">
    <div class="card card_1">
      <span class="span">X</span>

      <!-- <i class='bx bxs-heart hrt_icon_'></i> -->
      <img src="{{ url('images/products/WhatsApp Image 2025-03-11 at 14.49.29.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>
    </div>
    <div class="card card_2">
      <span class="span">X</span>

      <img src="{{ url('images/products/WhatsApp Image 2025-03-07 at 17.10.39.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>

    </div>
    <div class="card card_3">
      <span class="span">X</span>

      <img src="{{ url('images/products/WhatsApp Image 2025-03-07 at 17.10.24.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>

    </div>
    <div class="card card_4">
      <span class="span">X</span>

      <img src="{{ url('images/products/WhatsApp Image 2025-03-07 at 17.10.21.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>

    </div>
    <div class="card card_5">
      <span class="span">X</span>

      <img src="{{ url('images/products/WhatsApp Image 2025-03-07 at 17.10.26.jpeg') }}" alt="product image">
      <p class="P_name">behome Urbanite ste...</p>
      <p class="B_name">Brand : Behome</p>
      <P class="Price"><span><i class='bx bx-rupee'></i></span> 454</P>
      <button>Add To Cart</button>

    </div>
  </div>

@endsection
@section('script')
  <script></script>
@endsection