@extends('tenant.layouts.agent')

{{--Tilte Section--}}
@section('title', 'Advanced Search')

{{--Style Section--}}
@section('style')
    <!-- Css file for summernote js plugins  -->
    <style>
        .accordion-button:focus {
            box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #ffffff;
        }
        .iconn{

            border-radius: 50px;
            padding: 1%;
        }
        .iconn:hover {
            border: 2px solid #e5e5e5;
        }
        button[title] {
            position: relative;
        }
        button[title]:hover::before {
            content: attr(title);
            position: absolute;
            top: -40px;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgba(0, 0, 0, 0.8);
            color: #fff;
            padding: 6px 10px;
            border-radius: 4px;
            white-space: nowrap;
        }
        input.no-arrow::-webkit-inner-spin-button,
        input.no-arrow::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
    </style>
@endsection

{{--Content Section--}}
@section('content')
    <div class="container-fluid">
        <livewire:tenant.agent.advanced-search.index />
    </div>
@endsection

{{--Script Section--}}
@section('script')

    <script `type="module"`>

    </script>
@endsection