Nexus-InglineSystems/resources/views/dashboard.blade.php

@extends('layouts.app')

@section('content')

    <h1>Dashboard</h1>

    <livewire:admin.create-user />

    <div class="container grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/mr-distribuidora.svg') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 1
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/maissaude.svg') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 2
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 3
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

        <div class="client-card">
            <div class="client-card-header">
                <div class="client-avatar">
                    <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Avatar do Cliente"
                        class="w-32 h-32 rounded-full object-cover">
                </div>
                <div x-data="{ open: false }" @click.outside="open = false" class="client-options-menu">
                    <button @click="open = !open" class="client-options-button">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 hover:text-gray-700"
                            viewBox="0 0 20 20" fill="currentColor">
                            <path
                                d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                        </svg>
                    </button>

                    <ul x-show="open" class="client-options-list" x-transition>
                        <li><a href="#" class="client-option-item">Ver Detalhes</a></li>
                        <li><a href="#" class="client-option-item">Editar Cliente</a></li>
                        <li><a href="#" class="client-option-item text-red-600">Excluir Cliente</a></li>
                    </ul>
                </div>
            </div>
            <div class="client-card-name">
                Cliente 4
            </div>
        </div>

    </div>

@endsection