<x-card>
    <x-slot name="title">{{ __("Details") }}</x-slot>
    <x-slot name="description">{{ __("More details about your server") }}</x-slot>
    <div class="flex items-center justify-between">
        <div>{{ __("Created At") }}</div>
        <div>
            <x-datetime :value="$server->created_at" />
        </div>
    </div>
    <div>
        <div class="py-5">
            <div class="border-t border-gray-200 dark:border-gray-700"></div>
        </div>
    </div>
    <div class="flex items-center justify-between">
        <div>{{ __("Provider") }}</div>
        <div class="capitalize">{{ $server->provider }}</div>
    </div>
    <div>
        <div class="py-5">
            <div class="border-t border-gray-200 dark:border-gray-700"></div>
        </div>
    </div>
    {{--<div class="flex items-center justify-between">--}}
    {{--    <div>{{ __("Server ID") }}</div>--}}
    {{--    <div class="flex items-center">--}}
    {{--        <span class="rounded-md bg-gray-100 p-1 dark:bg-gray-700">{{ $server->id }}</span>--}}
    {{--        <span class="ml-2">{{ __("You will need this when you use the API") }}</span>--}}
    {{--    </div>--}}
    {{--</div>--}}
    {{--<div>--}}
    {{--    <div class="py-5">--}}
    {{--        <div class="border-t border-gray-200 dark:border-gray-700"></div>--}}
    {{--    </div>--}}
    {{--</div>--}}
    <div class="flex items-center justify-between">
        <div>{{ __("Status") }}</div>
        <div class="flex items-center">
            <livewire:servers.server-status :server="$server" />
            <div class="inline-flex ml-2">
                <livewire:server-settings.check-connection :server="$server" />
            </div>
        </div>
    </div>
    <div>
        <div class="py-5">
            <div class="border-t border-gray-200 dark:border-gray-700"></div>
        </div>
    </div>
    <div class="flex items-center justify-between">
        <div>{{ __("Reboot Server") }}</div>
        <div class="flex items-center">
            <div class="inline-flex">
                <livewire:server-settings.reboot-server :server="$server" />
            </div>
        </div>
    </div>
</x-card>
