@section('content')
<!--begin::Subheader-->
<div class="subheader py-2 py-lg-4 subheader-transparent" id="kt_subheader">
    <div class="container-fluid d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">    
        <!--begin::Details-->
        <div class="d-flex align-items-center flex-wrap mr-2">
            <!--begin::Title-->
            <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5"><u>Kerjaan Saya</u></h5>
            <!--end::Title-->
            <!--begin::Separator-->
            <div class="subheader-separator subheader-separator-ver mt-2 mb-2 mr-5 bg-gray-200"></div>
            <!--end::Separator-->                  
        </div>
        <!--end::Details-->    
    </div>
</div>
<!--end::Subheader-->
<!--begin::Row-->
@if($list_project)
    @php
        $totalProject = count($list_project);
    @endphp        
    @if($totalProject<3)
    <div class="row justify-content-around">
    @else
    <div class="row">
    @endif
        @foreach ($list_project as $lp)  
            <!--begin::Column-->
            {{-- @if($totalProject==1)
            <div class="offset-xl-4 col-xl-4 col-lg-6 col-md-6 col-sm-6">
            @elseif($totalProject==2)
            <div class="offset-xl-2 col-xl-4 col-lg-6 col-md-6 col-sm-6">
            @else --}}
            <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
            {{-- @endif --}}
                <div class="card card-custom card-stretch gutter-b">
                    <!--begin::Body-->
                    <div class="card-body text-center pt-4">                
                        <!--begin::User-->
                        <div class="mt-7">
                            <div class="symbol symbol-circle symbol-lg-90">
                                @if($lp->logo_url)
                                    <img src="{{ $lp->logo_url }}" class="img-thumbnail img-fluid rounded-circle" style="object-fit: contain; object-position: center center;" onerror="this.error=null, this.src='{{ asset('assets/media/logos/no_img.png') }}'" alt="image" />
                                @else
                                    <img src="{{ asset('assets/media/logos/no_img.png') }}" alt="image" class="img-thumbnail img-fluid rounded-circle" style="object-fit: contain; object-position: center center;"/>
                                @endif                                
                            </div>
                        </div>
                        <!--end::User-->
                        <!--begin::Name-->
                        <div class="my-4">
                            <a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4">{{ $lp->project_name }}</a>
                        </div>
                        <!--end::Name-->
                        <!--begin::Label-->
                        @php
                            $bg = 'bg-light-success';
                            if($lp->status_id == 1) {
                                $bg = 'bg-light-primary';
                            } else if($lp->status_id == 2) {
                                $bg = 'bg-light-warning';
                            } else if($lp->status_id == 3) {
                                $bg = 'bg-light-success';
                            } else {
                                $bg = 'bg-light-danger';
                            }
                        @endphp
                        <span class="btn btn-text {{ $bg }} btn-sm font-weight-bold">{{ $lp->status_project }}</span>
                        <!--end::Label-->
                        <!--begin::Label-->
                        <span class="btn btn-text btn-light-success btn-sm font-weight-bold">{{ $lp->total_done.'/'.$lp->total_task }} Task</span>
                        <!--end::Label-->
                        <!--begin::Buttons-->
                        <div class="mt-9">
                            {{-- <a href="javascript:;" onclick="loadContent('kanbanProject/{{ $lp->id }}')" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">Masuk Project</a> --}}
                            <a href="javascript:;" onclick="loadContent('detailProjects?id={{ $lp->id }}&team_role_id={{ $lp->team_role_id }}', this, event)" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">Masuk Project</a>
                        </div>
                        <!--end::Buttons-->
                    </div>
                    <!--end::Body-->
                </div>
            </div>
            <!--end::Column--> 
        @endforeach
    </div>
@else
    <x-other.no_data 
        messageTitle="Maaf data project saat ini tidak ditemukan."
        subMessage=""
    />
@endif   
<!--end::Row-->
@endsection
@section('script')
    
@endsection