@extends('layouts.management')

@section('content')
    <section class="header-page management-header-bg" style="height: 350px">
        <div class="tag-header">Management</div>
        <h2 class="title-header">Manage projects</h2>
    </section>

    <section class="tree-details">
        <div class="container-tree">
            <div class="tree-text">
                <div class="tree-arbo">
                    <a href="{{ route('management') }}">Management</a> &gt; <span
                        class="tree-arbo-current">Projets</span></div>
            </div>
        </div>
    </section>

    <section class="content management">
        <a href="{{ route('management.projects.add') }}" class="btn btn-litle w-inline-block" style="float: right">
            <div class="btn-label">Add new project</div>
        </a><br/><br/><br/>

        <div class="w-layout-grid grid-projects-management">
            @foreach($projects as $project)
                <div id="w-node-c43f4bb4-7f3b-116a-c051-82c431b2c3e8-f91aef30"
                     class="management-projects-list-img"
                     style="background-image: url('/storage/{{ ($project->pictures['header_1']) }}')"></div>
                <div id="w-node-_41303aa9-9132-a87c-1ece-a2ad39d310f2-f91aef30"
                     class="management-projects-list-details">
                    <div class="project-card-tags">
                        @if(!$project->is_displayed)
                            <div class="tag-pinned-2 eye"></div>
                        @endif
                        @if($project->is_pined)
                            <div class="tag-pinned-2"></div>
                        @endif
                        @if($project->is_newed)
                            <div class="tag-projects-new">Nouveau</div>
                        @endif

                        @php($tags = $project->getCategoryNames())
                        @foreach($tags as $tag)
                            <div class="tag-projects">{{ $tag }}</div>
                        @endforeach
                    </div>
                    <h5 class="project-card-title">{{ $project->title }}</h5>
                    <p class="project-card-description-management">Creation
                        : {{ $project->created_at->format('d/m/Y à H:i') }} &nbsp;— Modification
                        : {{ $project->updated_at->format('d/m/Y à H:i') }}</p></div>
                <div id="w-node-b88f8d3e-ac64-16db-3db6-147b68bbce0b-f91aef30" class="management-projects-list-actions"
                     style="display: flex;flex-direction: row;align-items: center;">
                    <a href="{{ route('management.projects.edit', ['id' => $project->id]) }}" style="margin: auto">
                        <div class="tag-projects-new" style="margin: auto">Edit project</div>
                    </a>
                </div>
            @endforeach
        </div>


    </section>
@endsection