@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 id="" class="collapse show">
                <div class="pb-5 fs-6">
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Resume</div>
                    <div class="text-gray-600">
                        <a href="{{ $user->resume }}" target="_blank" class="text-gray-600 text-hover-primary">{{ $user->resume }}</a>
                    </div>
                </div>
            </div> --}}
            <!--begin::Details content-->
            <div id="kt_user_view_details" class="collapse show">
                <div class="pb-5 fs-6">
                    <!--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">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>Resume</h4>
                <!--end::Search-->
            </div>

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

                <a href="{{ $user->resume }}" target="_blank" class="text-gray-600 text-hover-primary">{{ $user->resume }}</a>
                
            </div>
            <!--end::Table-->
        </div>
    </div>
    <br>
    <br>
    <div class="card">

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

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

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

                <table class="table table-striped">
                    <thead>
                        <th>Days</th>
                        <th>Start Time</th>
                        <th>End Time</th>
                    </thead>
                    <tbody>
                        @foreach($user->profileAvailabilties as $avaiabilty)
                        <tr>
                            @php  $capitalized_days = array_map('ucfirst', json_decode($avaiabilty->days)); @endphp
                            <td>{{ (implode(', ', $capitalized_days))}}</td>
                            <td>{{ $avaiabilty->start_time }}</td>
                            <td>{{ $avaiabilty->end_time }}</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>Professional Preferences</h4>
                <!--end::Search-->
            </div>

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

                <table class="table table-striped">
                    <thead>
                        <th>Full Name</th>
                        <th>Title</th>
                        <th>Company</th>
                        <th>Contact Information</th>
                        <th>Relationship</th>
                    </thead>
                    <tbody>
                        @foreach($user->professionalReferences as $preference)
                        <tr>
                            <td>{{ $preference->full_name }}</td>
                            <td>{{ $preference->title }}</td>
                            <td>{{ $preference->company }}</td>
                            <td>{{ $preference->contact_information }}</td>
                            <td>{{ $preference->relationship }}</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>Experiences</h4>
                <!--end::Search-->
            </div>

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

                <table class="table table-striped">
                    <thead>
                        <th>Skill</th>
                        <th>Level</th>
                    </thead>
                    <tbody>
                        @foreach($user->experiences as $experience)
                        <tr>
                            <td>{{ $experience->skill }}</td>
                            <td>{{ $experience->level }}</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>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->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