@extends('layouts.app')
@section('title', $title = $project->name)
@section('content')
    <x-page-header>
        <x-slot name="left">
            <x-breadcrumbs :items="[
                ['label' => __('sidebar.dashboard'), 'url' => route('home.dashboard')],
                ['label' => __('project.index'), 'url' => route('projects.index')],
                ['label' => $title, 'url' => '']
            ]"/>
        </x-slot>

        <x-slot name="right">
            @include('shared.button', ['type' => 'edit', 'url' => route('projects.edit', $project)])
            @include('shared.button', ['type' => 'delete', 'url' => route('projects.destroy', $project)])
        </x-slot>
    </x-page-header>

    <x-hr/>

    <ul class="space-y-5">
        <li>
            {{ __('forms.name') }} : {{ $project->name }}
        </li>
        <li>
            {{ __('forms.type') }} : {{ $project->getTypeDisplayName() }}
        </li>
        <li>
            {{ __('forms.city') }} : {{ $project->City->name }}
        </li>
        <li>
            {{ __('forms.user') }} : {{ $project->User->name }}
        </li>
        <li>
            {{ __('forms.address') }} : {{ $project->address ?? '---' }}
        </li>
        <li>
            {{ __('forms.description') }} : {{ $project->description ?? '---' }}
        </li>
        <li>
            {{ __('forms.CreatedAt') }} : {{ CheckDateTime($project->created_at, 'show', 'FullDateTime') }}
        </li>
        <li>
            {{ __('forms.UpdatedAt') }} : {{ CheckDateTime($project->updated_at, 'show', 'FullDateTime') }}
        </li>
    </ul>
    <h3 class="text-2xl my-5">
        {{ __('forms.devices') }} :
    </h3>
    <ul class="space-y-5 bg-gray-300 dark:bg-gray-700 p-5 rounded-md list-decimal">
        @forelse($project->Devices as $device)
            <li class="ms-5">
                {{ $device->name }}
            </li>
        @empty
            <p class="flex items-center justify-center space-x-1 text-cyan-500">
                <i class="bi bi-info-circle-fill"></i>
                <span>
                    {{ __('forms.NoDevices') }}
                </span>
            </p>
        @endforelse
    </ul>
@endsection