@extends('layout._default')

@section('body-con')
   
@section('title')
    <a href="javascript:history.back()" class="fs-3 text-gray-800 text-hover-primary fw-bold mb-3"><i class="ki-duotone ki-arrow-left">
        <span class="path1"></span>
        <span class="path2"></span>
        </i>Go Back
    </a>
    {{ $user->name }} Details
@endsection 
    
    <div class="card">

        <div class="card-body py-4">
            <!--begin::Summary-->
            <!--begin::User Info-->
            <div class="d-flex flex-center flex-column py-5">
                <!--begin::Avatar-->
                <div class="symbol symbol-100px symbol-circle mb-7">
                    @if($user->profile_image)
                        <img src="{{ $user->profile_image }}" alt="image"/>
                    @else
                        <div class="symbol-label fs-3 {{ app(\App\Actions\GetThemeType::class)->handle('bg-light-? text-?', $user->name) }}">
                            {{ substr($user->name, 0, 1) }}
                        </div>
                    @endif
                </div>
                <!--end::Avatar-->
                <!--begin::Name-->
                <a href="#" class="fs-3 text-gray-800 text-hover-primary fw-bold mb-3">{{ $user->name }}</a>
                <!--end::Name-->
                
            </div>
            <!--end::User Info-->
            <!--end::Summary-->
            <!--end::Details toggle-->
            <div class="separator"></div>
            <!--begin::Details content-->
            <div id="kt_user_view_details" class="collapse show">
                <div class="pb-5 fs-6">
                    <div class="d-flex pb-5 fs-6">
                        <div class="col-md-4 p-1">
                            <div class="card card-flush mb-5 mb-xl-10">
                                <div class="card-header pt-5" style="height: 200px">
                                    <!--begin::Title-->
                                    <div class="card-title d-flex flex-column">                
                                        <!--begin::Amount-->
                                        <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2">${{  $user->brand->collaborations->where('status', 'completed')->sum('price') }}</span>
                                        <!--end::Amount-->           
                            
                                        <!--begin::Subtitle-->
                                        <span class="text-gray-500 pt-1 fw-semibold fs-6">Collaborations Revenue</span>
                                        <!--end::Subtitle--> 
                                    </div>
                                    <!--end::Title-->           
                                </div>
                            </div>
                            {{-- Collaborations Revenue: ${{ $user->influencerCollaborations->where('status', 'completed')->sum('price') }} --}}
                        </div>
                        <div class="col-md-4 p-1">
                            <div class="card card-flush mb-5 mb-xl-10">
                                <div class="card-header pt-5" style="height: 200px">
                                    <!--begin::Title-->
                                    <div class="card-title d-flex flex-column">                
                                        <!--begin::Amount-->
                                        <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2">${{ $user->brand->collaborations->where('status', 'completed')->sum(function ($collab) {
                                            return $collab->brandCommission();
                                        }) }}</span>
                                        <!--end::Amount-->           
                            
                                        <!--begin::Subtitle-->
                                        <span class="text-gray-500 pt-1 fw-semibold fs-6">Commissions</span>
                                        <!--end::Subtitle--> 
                                    </div>
                                    <!--end::Title-->           
                                </div>
                            </div>
                            {{-- Collaborations Revenue: ${{ $user->influencerCollaborations->where('status', 'completed')->sum('price') }} --}}
                        </div>
                        <div class="col-md-4 p-1">
                            <div class="card card-flush mb-5 mb-xl-10">
                                <div class="card-header pt-5" style="height: 200px">
                                    <!--begin::Title-->
                                    <div class="card-title d-flex flex-column">                
                                        <!--begin::Amount-->
                                        <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2">${{$user->userSubscriptionsHistory->sum(function($subscription) {
                                            return $subscription->subscriptionPlan->monthly_price;
                                        }) }}</span>
                                        <!--end::Amount-->           
                            
                                        <!--begin::Subtitle-->
                                        <span class="text-gray-500 pt-1 fw-semibold fs-6">Subscriptions</span>
                                        <!--end::Subtitle--> 
                                    </div>
                                    <!--end::Title-->           
                                </div>
                            </div>
                            {{-- Collaborations Revenue: ${{ $user->influencerCollaborations->where('status', 'completed')->sum('price') }} --}}
                        </div>
                    </div>

                    <div class="d-flex pb-5 fs-6">
                        <div class="col-md-4 p-1">
                            <div class="card card-flush mb-5 mb-xl-10">
                                <div class="card-header pt-5" style="height: 200px">
                                    <!--begin::Title-->
                                    <div class="card-title d-flex flex-column">                
                                        <!--begin::Amount-->
                                        <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2">${{ $user->products()->sum("products.price") }}</span>
                                        <!--end::Amount-->           
                            
                                        <!--begin::Subtitle-->
                                        <span class="text-gray-500 pt-1 fw-semibold fs-6">Add-ons</span>
                                        <!--end::Subtitle--> 
                                    </div>
                                    <!--end::Title-->           
                                </div>
                            </div>
                            {{-- Collaborations Revenue: ${{ $user->influencerCollaborations->where('status', 'completed')->sum('price') }} --}}
                        </div>
                    </div>
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Email</div>
                    <div class="text-gray-600">
                        <a href="#" class="text-gray-600 text-hover-primary">{{ $user->email }}</a>
                    </div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Type</div>
                    <div class="text-gray-600">{{ ucwords($user->type) }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    {{-- <div class="fw-bold mt-5">Longitude</div>
                    <div class="text-gray-600">{{ $user->longitude }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Latitude</div>
                    <div class="text-gray-600">{{ $user->latitude }}</div> --}}
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Address</div>
                    <div class="text-gray-600">{{ $user->addresss }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Description</div>
                    <div class="text-gray-600">{{ $user->description }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">First Name</div>
                    <div class="text-gray-600">{{ $user->brand->first_name }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Last Name</div>
                    <div class="text-gray-600">{{ $user->brand->last_name }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Company Name</div>
                    <div class="text-gray-600">{{ $user->brand->company_name }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Website</div>
                    <div class="text-gray-600">{{ $user->brand->company_website }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Business Tax Id</div>
                    <div class="text-gray-600">{{ $user->brand->business_tax_id }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Budget</div>
                    <div class="text-gray-600">${{ $user->brand->annual_influencer_marketing_budget }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">How did brand hear about us</div>
                    <div class="text-gray-600">{{ $user->brand->hear_about_us }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Stripe Id</div>
                    <div class="text-gray-600">{{ $user->stripe_id }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Stripe Express Account ID</div>
                    <div class="text-gray-600">{{ $user->stripe_express_account_id }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Stripe Payment Method Id</div>
                    <div class="text-gray-600">{{ $user->defaultPaymentMethod()?->payment_method_id }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Stripe Payment Method</div>
                    <div class="text-gray-600">{{ $user->pm_type }}</div>
                    <!--begin::Details item-->
                                        
                    
                </div>
            </div>
            <!--end::Details content-->
        </div>
        
    </div>
    <br>
    <br>

    <div class="card">

        <div class="card-body py-4">

            <div class="card-title">
                <!--begin::Search-->
                <h4>Collaborations</h4>
                <!--end::Search-->
            </div>

            
            <!--begin::Table-->
            <div class="table-responsive">

                <table class="table table-striped">
                    <thead>
                        <th>Brand</th>
                        <th>Influencer</th>
                        <th>House</th>
                        <th>Concierge</th>
                        <th>Budget</th>
                        <th>Commission</th>
                        <th>Started Date</th>
                        <th>Status</th>
                        <th>Action</th>
                    </thead>
                    <tbody>
                        @foreach($collaborations as $collaboration)
                        <tr>
                            <td>{{ $collaboration->brand->company_name }}</td>
                            <td>{{ $collaboration->getInfluencer() != NULL ? $collaboration->getInfluencer()->name : '' }}</td>
                            <td>{{ $collaboration->getHouse() != NULL ? $collaboration->getHouse()->name : '' }}</td>
                            <td>{{ $collaboration->conciergeName($user->type) }}</td>
                            <td>{{ $collaboration->price != NULL ? '$'.$collaboration->price : '' }}</td>
                            <td>{{ '$'.$collaboration->totalRevenue() }}</td>
                            <td>{{ $collaboration->created_at->format('d M Y, h:i a') }}</td>
                            <td>{{  $collaboration->status == 'cancelled' ? 'Canceled' : ucwords($collaboration->status) }}</td>
                            <td>
                                <a href="{{route('collaborations.details', $collaboration->id)}}"><i class="ki-duotone ki-eye" style="font-size:22px">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                    <span class="path3"></span>
                                    </i>
                                </a>
                            </td>
                            {{-- <td>action</td> --}}
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                
            </div>
            <!--end::Table-->
        </div>
    </div>
@endsection