@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->house->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->house->collaborations->where('status', 'completed')->sum(function ($collab) {
                                            return $collab->houseCommission();
                                        }) }}</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">House Name</div>
                    <div class="text-gray-600">{{ $user->house->name }}</div>
                    <!--begin::Details item-->
                     <!--begin::Details item-->
                     <div class="fw-bold mt-5">House Category</div>
                     <div class="text-gray-600">{{ $user->house->type }}</div>
                     <!--begin::Details item-->
                      <!--begin::Details item-->
                    <div class="fw-bold mt-5">House SubCategory</div>
                    <div class="text-gray-600">{{ $user->house->house_subcategory_name }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Owner Name</div>
                    <div class="text-gray-600">{{ $user->house->owner_name }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">House Address</div>
                    <div class="text-gray-600">{{ $user->house->address }}</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>Influencers</h4>
                <!--end::Search-->
            </div>

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

                <table class="table table-striped">
                    <thead>
                        <th>Name</th>
                        <th>Joined Date</th>
                        <th>Action</th>
                        {{-- <th>Action</th> --}}
                    </thead>
                    <tbody>
                        @foreach($user->house->houseMembers as $member)
                        <tr>
                            <td>{{ $member->user->name }}</td>
                            <td>{{ $member->created_at }}</td>
                            <td><a href="javascript:void(0)" onclick="removeInfluencer({{$user->house->id}}, {{$member->user->id}})">Remove</a></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                
            </div>
            <!--end::Table-->
        </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>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>{{ $user->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

@push('scripts')
<script>
    function removeInfluencer(houseId, userId)
    {
        var url = "/admin/ghost-house/remove-influencer/"+houseId+"/"+userId;
        Swal.fire({
            html: `Are You Sure You Want To Remove This Influencer ? `,
            icon: "info",
            buttonsStyling: false,
            showCancelButton: true,
            confirmButtonText: "Confirm!",
            cancelButtonText: 'Nope, cancel it',
            customClass: {
                confirmButton: "btn btn-primary",
                cancelButton: 'btn btn-danger'
            }
        }).then((result) => {
            if (result.isConfirmed) {
                // Submit the form
                window.location.href = url;
            }
        });
    }
</script>
@endpush