@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> --}}
            <ul class="nav nav-tabs des-cnt-nav w-100">
           
                @foreach ($projectTypes as $type)
                
                @if (getUser()->hasPlanProjectType($type->slug))
                <li class="nav_des_li">
                    <a class="nav_des_li_a {{ $loop->index == 0 ? 'active' : '' }}"
                        data-toggle="tab" href="#{{$type->slug}}" role="tab">{{ $type->name }}</a></li>
                @endif
                    
                @endforeach
            </ul>

            <div class="tab-content des-tab-ct">
                @foreach ($projectTypes as $type)
                    <div class="tab-pane {{ $loop->index == 0 ? 'active' : '' }}" id="{{$type->slug}}">
                        <div class="row">
                            <div class="col-md-4 mb-35">
                                <a href="{{getRoute('project-team.create', ['type' => $type->id])}}">
                                    <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->where('project_type_id', $type->id) as $key => $team)
                            <div class="col-md-4 mb-35">
                                <div class="brand-card-info align-items-center">
                                    <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>
                @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