@extends('layouts.public-base', ['title' => 'Project Team', 'contentwrapper' => ''])
@section('content')
<div id="">
    <!----------Page content----------->
    <div class="custom-container py-3 pr-md-5">
        <div class="rb-heading">
            <h2 class="font-size-28">Project Teams</h2>
        </div>
        <div class="brand_profile">
            <div class="brand_filter_bar align-items-center justify-content-between">
                <div class="fdt-title">
                    <h2>Project Teams List</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 mb-35">
                    <a href="{{getRoute('project-team.create')}}">
                        <div class="add_new_brand py-5 text-center">
                            <i class="material-icons">add_circle</i>
                            <p class="mb-0">Add New Team</p>
                        </div>
                    </a>
                </div>
                @foreach ($teams as $key => $team)
                <div class="col-md-4 mb-35">
                    <div class="brand-card-info align-items-center sdasadsa">
                        <div class="brand_pic">
                            <img src="{{asset('assets/front/common/images/tinder.png')}}" />
                        </div>
                        <div class="brand_data px-4">
                            <h1 class="line-height-21"><a class="one-line" href="{{getRoute('project-team.edit', $team->id)}}">{{$team->name ?? ''}}</a></h1>
                            <ul class="brand_circle_group d-flex">
                                <li class="red"></li>
                                <li class="orange"></li>
                                <li class="dark-gray"></li>
                                <li class="light-gray"></li>
                            </ul>
                        </div>
                    </div>

                </div>
                @endforeach
            </div>
        </div>
    </div>
<div class="page-footer">

    <div class="container">
        <div class="row">
            <div class="copy-right col-md-12 text-center">
                <p>© 2024 | All Rights Reserved</p>
            </div>
        </div>
    </div>
</div>
</div>

<!-- modal brand profile -->
{{-- <div class="modal cus_mdal_wdth" id="b_profile">

</div> --}}
<!-- modal brand profile -->

@endsection