<!-- Contact Manager -->
<style wire:snapshot="{&quot;data&quot;:{&quot;contacts&quot;:[null,{&quot;keys&quot;:[1],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Contact&quot;,&quot;s&quot;:&quot;elcln&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;RaBf3Jq4iORu2Nz5uF33&quot;,&quot;name&quot;:&quot;contacts-component&quot;,&quot;path&quot;:&quot;contacts\/drivers&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;uz&quot;},&quot;checksum&quot;:&quot;4eb1a1922232f0773b17c4f347c04eac06acaa7f359a1434f8fb85d9e9d79167&quot;}" wire:effects="[]" wire:id="RaBf3Jq4iORu2Nz5uF33">
    :root {
        --cm-bg: rgba(254, 254, 254, 0.544);
        --cm-card-blur: blur(10px);
        --cm-text-primary: #1a1f36;
        --cm-text-secondary: #4b5563;
        --cm-text-hover: #2563eb;
        --cm-border-color: rgba(226, 232, 240, 0.8);
        --cm-shadow-light: rgba(200, 200, 200, 0.5);
        --cm-shadow-dark: rgba(0, 0, 0, 0.1);
        --cm-backdrop: rgba(255, 255, 255, 0.5);
    }

    @media (prefers-color-scheme: dark) {
        :root {
            --cm-bg: rgba(37, 49, 66, 0.65);
            --cm-text-primary: #ffffff;
            --cm-text-secondary: #e5e7eb;
            --cm-text-hover: #60a5fa;
            --cm-border-color: rgba(107, 114, 128, 0.3);
            --cm-shadow-light: rgba(255, 255, 255, 0.03);
            --cm-shadow-dark: rgba(0, 0, 0, 0.2);
            --cm-backdrop: rgba(17, 24, 39, 0.5);
        }
    }

    .cm-contact-icon img {
        width: 45px;
        height: 45px;
        object-fit: cover;
        transition: transform 0.3s ease;
        border-radius: 12px;
    }

    .cm-contact-card:hover .cm-contact-icon img {
        transform: scale(1.1) rotate(5deg);
    }

    .cm-contact-card {
        padding: 20px;
        margin-bottom: 15px;
        border-radius: 16px;
        background: var(--cm-bg);
        backdrop-filter: var(--cm-card-blur);
        -webkit-backdrop-filter: var(--cm-card-blur);
        box-shadow:
            0 4px 6px -1px rgba(0, 0, 0, 0.1),
            0 2px 4px -1px rgba(0, 0, 0, 0.06);
        animation: cmSlideUp 0.5s ease-out;
        opacity: 0;
        animation-fill-mode: forwards;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        overflow: hidden;
        border: 1px solid var(--cm-border-color);
    }

    .cm-contact-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(120deg, transparent 30%, var(--cm-shine-color) 50%, transparent 70%);
        transform: translateX(-100%);
        transition: transform 0.6s ease;
    }

    .cm-contact-card:hover {
        transform: translateY(-3px);
        box-shadow:
            0 10px 15px -3px rgba(0, 0, 0, 0.1),
            0 4px 6px -2px rgba(0, 0, 0, 0.05);
        background: var(--cm-bg);
    }

    .cm-contact-card:hover::before {
        transform: translateX(100%);
    }

    .cm-contact-info {
        margin-left: 15px;
    }

    .cm-contact-info h5 {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cm-text-primary);
        margin-bottom: 6px;
        transition: transform 0.3s ease, color 0.3s ease;
    }

    .cm-contact-info span {
        font-size: 0.95rem;
        color: var(--cm-text-secondary);
        display: block;
        transform: translateY(0);
        transition: all 0.3s ease;
    }

    .cm-contact-card:hover .cm-contact-info h5 {
        transform: translateX(5px);
        color: var(--cm-text-hover);
    }

    .cm-contact-card:hover .cm-contact-info span {
        transform: translateX(5px);
        color: var(--cm-text-secondary);
    }

    .cm-card-link {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .cm-card-link:hover {
        text-decoration: none;
        color: inherit;
    }

    @keyframes cmSlideUp {
        0% {
            transform: translateY(50px);
            opacity: 0;
        }
        60% {
            transform: translateY(-10px);
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .cm-wrapper {
        height: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        animation: cmFadeIn 1s ease-out;
        background: var(--cm-backdrop);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        padding: 20px 10px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
    }

    @keyframes cmFadeIn {
        from {
            opacity: 0;
            transform: scale(0.98);
        }
        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    .cm-container {
        margin-top: auto;
        max-width: 100%; /* Change from 768px to 100% */
        padding: 0 15px; /* Add padding for smaller screens */
    }
</style>

<!-- Dynamic animation delay -->

<div class="cm-wrapper" wire:poll.visible.10s>
    <!-- Contacts List -->
    <div class="container-fluid py-4 cm-container" wire:key="phone-contacts-2026-11-11 17:00:30">
        <div class="row">
            <!--[if BLOCK]><![endif]-->                <div class="col-12" wire:key="phone-contact-1">
                    <a href="tel:+998975130333" class="cm-card-link"
                       target="_blank" rel="noopener
                    noreferrer">
                        <div class="cm-contact-card">
                            <div class="d-flex align-items-center">
                                <div class="cm-contact-icon">
                                    <img src="https://taximinutka.uz/storage/images/Jzzqf3OWHBWt0fWoOYjzuzCNb2P9mm7RnORQ8JBk.png" class="rounded mx-auto d-block"
                                         alt="Call center">
                                </div>
                                <div class="cm-contact-info">
                                    <h5>Call center</h5>
                                    <span>97 513 03 33</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            <!--[if ENDBLOCK]><![endif]-->        </div>
    </div>
</div>

<!DOCTYPE html>
<html lang="uz">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Taxi Minutka — Aloqa</title>
    <meta name="robots" content="noindex,follow">
    <meta name="theme-color" content="#FFCC00">
<meta name="application-name" content="Taxi Minutka">
<meta name="apple-mobile-web-app-title" content="Taxi Minutka">
<link rel="icon" href="https://taximinutka.uz/taxi-minutka-favicon.png" type="image/png" sizes="96x96">
<link rel="icon" href="https://taximinutka.uz/favicon.ico?v=taxi-minutka" type="image/x-icon" sizes="16x16 32x32 48x48 96x96 256x256">
<link rel="apple-touch-icon" href="https://taximinutka.uz/taxi-minutka-apple-touch-icon.png" sizes="180x180">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
</head>
<body>
    <div class="container">
            </div>
<!-- Livewire Scripts -->
<script src="/livewire/livewire.js?id=dfa5f5ee"   data-csrf="OTtEoHQ4uhowk3IavTMxMxQzJRFWkJ5NIYwo16Da" data-update-uri="/livewire/update" data-navigate-once="true"></script>
</body>
</html>