@extends('layouts.app')

@section('content')
<div class="container py-5 px-5">
    <div class="row">
        <div class="col-lg-12">
            <h2 class="fw-bold">Managed Properties</h2>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-lg-6">
            <div class="d-flex justify-content-between listName  py-2">
                <p class="mb-0 bg-white py-2 px-2">List </p>
                <p class="mb-0 py-2">| Icons |</p>
                <p class="mb-0 py-2 pe-2">Tiles </p>
            </div>
        </div>

        <div class="col-lg-6 text-end">
            <a class="btn btn_trans btn-sm gap-2 align-items-center" aria-current="page" href="#">    
                <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.828111 0.627221C0.936177 0.394306 1.1696 0.245285 1.42636 0.245285H14.6165C14.8733 0.245285 15.1067 0.394306 15.2147 0.627221C15.3228 0.860135 15.2859 1.1346 15.1201 1.33065L9.99995 7.3852V12.7759C9.99995 13.0045 9.8816 13.2168 9.68716 13.3369C9.49273 13.4571 9.24994 13.468 9.0455 13.3658L6.40747 12.0468C6.18404 11.9351 6.04291 11.7067 6.04291 11.4569V7.3852L0.922782 1.33065C0.756983 1.1346 0.720045 0.860135 0.828111 0.627221ZM2.8478 1.5643L7.20599 6.71786C7.30668 6.83692 7.36192 6.9878 7.36192 7.14372V11.0493L8.68093 11.7088V7.14372C8.68093 6.9878 8.73618 6.83692 8.83686 6.71786L13.1951 1.5643H2.8478Z" fill="#151515"/>
                </svg>
                Filter
              </a>

            <a class="btn btn-primary btn-sm gap-2 align-items-center" aria-current="page" href="#" target="_blank">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.238 3.21387C8.57945 3.21387 8.85624 3.49067 8.85624 3.83211V12.4876C8.85624 12.829 8.57945 13.1058 8.238 13.1058C7.89655 13.1058 7.61975 12.829 7.61975 12.4876V3.83211C7.61975 3.49067 7.89655 3.21387 8.238 3.21387Z" fill="#ffffff"/>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29199 8.15975C3.29199 7.8183 3.56879 7.5415 3.91024 7.5415H12.5657C12.9071 7.5415 13.1839 7.8183 13.1839 8.15975C13.1839 8.5012 12.9071 8.778 12.5657 8.778H3.91024C3.56879 8.778 3.29199 8.5012 3.29199 8.15975Z" fill="#ffffff"/>
                </svg>
                New Property
              </a>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-lg-6">
            <h4 class="fw-bold">My Properties <span class="fw-normal" style="color:#65676D;">(08)</span></h4>
        </div>

        <div class="col-lg-6 text-end">
            <svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M1.38208 12.8864H23.8821" stroke="#65676D" stroke-width="2.25" stroke-linecap="round"/>
                <path d="M12.6321 1.63644L12.6321 24.1364" stroke="#65676D" stroke-width="2.25" stroke-linecap="round"/>
            </svg>
        </div>

        <div class="col-lg-12 mt-4">
            <a href="{{ route('property-detail') }}" class="txt_property"><p class="py-3 m-0 border-bottom">01 Your Property Name </p> </a>
            <a href="" class="txt_property "><p class="py-3 m-0 border-bottom">02 Your Property Name </p> </a>
            <a href="" class="txt_property "><p class="py-3 m-0 border-bottom">03 Your Property Name </p> </a>
            <a href="" class="txt_property "><p class="py-3 m-0 border-bottom">04 Your Property Name </p> </a>
            <a href="" class="txt_property "><p class="py-3 m-0 border-bottom">05 Your Property Name </p> </a>
            <a href="" class="txt_property "><p class="py-3 m-0 border-bottom">06 Your Property Name </p> </a>
            <a href="" class="txt_property "><p class="py-3 m-0 border-bottom">07 Your Property Name </p> </a>
            <a href="" class="txt_property "><p class="py-3 m-0 border-bottom">08 Your Property Name </p> </a>

        </div>
    </div>

    


</div>
@endsection