@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::Details content-->
            <div id="kt_user_view_details" class="collapse show" style="display: flex">
                <div class="pb-5 fs-6 col-6">
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Collaboration Id</div>
                    <div class="text-gray-600">{{ $collaboration->id }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Brand Name</div>
                    <div class="text-gray-600">
                        <a href="{{ route('site.users.brand.show', $collaboration->brand->user->id) }}" class="text-gray-600 text-hover-primary">{{ $collaboration->brand->company_name }}</a>
                    </div>
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">House Name</div>
                    <div class="text-gray-600">
                        <a class="text-gray-600 text-hover-primary" @if($collaboration->getHouse()) href="{{ route('site.users.house.show', $collaboration->getHouse()->id) }}" @else href="javascript:void(0)" @endif>{{ $collaboration->getHouse() != NULL ? $collaboration->getHouse()->name : '--' }}</a>
                    </div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Stripe Fees</div>
                    <div class="text-gray-600">{{ $collaboration->price != NULL ? '$'.$collaboration->brandStripeCharges() : '' }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Influencer Collaboration Commission ($%)</div>
                    <div class="text-gray-600">{{ $collaboration->price != NULL ? '$'.$collaboration->influencerCommission() : '' }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Concierge Collaboration Commission ($%)</div>
                    <div class="text-gray-600">{{ $collaboration->price != NULL ? '$'.$collaboration->conciergeCommission() : '' }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Total Brand Invoice</div>
                    <div class="text-gray-600">{{ $collaboration->price != NULL ? '$'.$collaboration->collaborationCharges($collaboration->price) : '' }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Created At</div>
                    <div class="text-gray-600">{{ $collaboration->created_at->format('d M Y, h:i a') }}</div>
                    <!--begin::Details item-->
                    {{-- @if($collaboration->status == 'ongoing' || $collaboration->status == 'cancelled') --}}
                    @if($collaboration->price != NULL && $collaboration->status == 'cancelled')
                        <!--begin::Details item-->
                        {{-- <div class="fw-bold mt-5">Stripe Service Charges</div>
                        <div class="text-gray-600">${{ $collaboration->collaborationCharges() }}</div> --}}
                        <!--begin::Details item-->
                        <!--begin::Details item-->
                        <div class="fw-bold mt-5">Cancel Fee</div>
                        <div class="text-gray-600">@if($collaboration->status == 'completed') $0 @else $10 @endif</div>
                        <!--begin::Details item-->
                    @endif
                    
                </div>
                <div class="pb-5 fs-6 col-6">
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Collaboration Name</div>
                    <div class="text-gray-600">{{ $collaboration?->collaborationRequest?->collaborationName() }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Influencer Name</div>
                    <div class="text-gray-600">
                        <a class="text-gray-600 text-hover-primary" @if($collaboration->getInfluencer()) href="{{ route('site.users.influencer.show', $collaboration->getInfluencer()->id) }}" @else href="javascript:void(0)" @endif>{{ $collaboration->getInfluencer() != NULL ? $collaboration->getInfluencer()->name : '--' }}</a>
                    </div>
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Collaboration Price</div>
                    <div class="text-gray-600">{{ $collaboration->price != NULL ? '$'.$collaboration->price : '' }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Brand Collaboration Commission ($%)</div>
                    <div class="text-gray-600">{{ $collaboration->price != NULL ? '$'.$collaboration->brandCommission() : '' }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">House Collaboration Commission ($%)</div>
                    <div class="text-gray-600">{{ $collaboration->price != NULL ? '$'.$collaboration->houseCommission() : '' }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Total ZNetwork Commission</div>
                    <div class="text-gray-600">{{ $collaboration->price != NULL ? '$'.$collaboration->totalCommission() : '' }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Total Influencer Payout</div>
                    <div class="text-gray-600">{{ $collaboration->price != NULL ? '$'.$collaboration->influencerPayout() : '' }}</div>
                    <!--begin::Details item-->
                    <!--begin::Details item-->
                    <div class="fw-bold mt-5">Status</div>
                    <div class="text-gray-600">{{ $collaboration->status == 'cancelled' ? 'Canceled' : ucwords($collaboration->status) }}</div>
                    <!--begin::Details item-->
                    {{-- @if($collaboration->status == 'ongoing' || $collaboration->status == 'cancelled') --}}
        
                    
                </div>
            </div>
            <!--end::Details content-->
        </div>
        
    </div>

    <br>
    <br>
    @if($collaboration->status == 'ongoing' && Auth::user()->hasPermission('can_edit_collabrations'))
    <div class="card">
        <div class="card-body py-4">
            <div class="card-title">
                <h4>Actions</h4>
            </div>

            <div class="table-responsive col-6">

                <div class="fw-bold mt-5">Cancel Collaboration</div>
            {{-- @if($collaboration->status == 'ongoing') --}}
                <form action="{{route('collaborations.cancel-collaboration', $collaboration->id)}}" method="POST" class="form-inline">
                    @csrf
                    {{-- <label for="">Choose Concierge</label> --}}
                    <select name="charge_user" id="" class="form-control">
                        {{-- <option value="">Choose Concierge</option> --}}
                        <option value="brand">Charge Brand</option>
                        {{-- <option value="customer">Charge Influencer/House</option> --}}
                        <option value="company">Company</option>
                    </select><br>
                    <input type="submit" class="btn btn-primary" name="submit" value="Submit">
                </form>
                <br>
                <br>
                {{-- <form action="{{route('collaborations.complete-collaboration', $collaboration->id)}}" method="POST">
                    @csrf --}}
                    {{-- <div class="fw-bold mt-5">Complete Collaboration And Transfer Payments</div> --}}
                    <button type="button" class="btn btn-primary" title="Complete collaboration and transfer payments" onclick="completeCollaboration({{$collaboration->id}})">Complete Collaboration</button>
                {{-- </form> --}}
            {{-- @endif --}}
            </div>

        </div>

        
    </div>
    <br>
    <br>
    @endif
    <div class="card">

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

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

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

                <table class="table table-striped">
                    <thead>
                        <th>Type</th>
                        <th>Link</th>
                        <th>Revision Count</th>
                        <th>Grace Period Ends At</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </thead>
                    <tbody>
                        @foreach($collaboration->deliverables as $deliverable)
                        <tr>
                            <td>{{ $deliverable->type }}</td>
                            <td>{{ $deliverable->link }}</td>
                            <td>{{ $deliverable->revision_count }}</td>
                            <td>{{ $deliverable->grace_period_ends_at ? \Carbon\Carbon::parse($deliverable->grace_period_ends_at)->format('d M Y, h:i a') : $deliverable->grace_period_ends_at }}</td>
                            <td>{{ ucwords($deliverable->status) }}</td>
                            <td>
                                @if(Auth::user()->hasPermission('can_edit_collabrations'))
                                <a href="javascript:void(0)" onclick="editDeliverable('{{$deliverable->id}}')" title="Edit Template"><i class="ki-duotone ki-message-edit" style="font-size:22px">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                    </i>
                                </a>
                                @endif
                            </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>Reviews</h4>
                <!--end::Search-->
            </div>

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

                <table class="table table-striped">
                    <thead>
                        <th>Review By</th>
                        <th>Review For</th>
                        <th>Communication Rating</th>
                        <th>Work Progress Rating</th>
                        <th>Recommendation Rating</th>
                        <th>Remarks</th>
                        <th>Review Date</th>
                        <th>Actions</th>
                    </thead>
                    <tbody>
                        @foreach($collaboration->reviews as $review)
                        <tr>
                            <td>{{ $review->reviewer->name }}</td>
                            <td>{{ $review->reviewee->name }}</td>
                            <td>
                                <div class="rating" title="{{$review->rating_for_communication}} rating">
                                    @php 
                                        $rating = $review->rating_for_communication; // Example rating value from your database
                                        $fullStars = floor($rating); // Number of full stars
                                        $halfStar = ceil($rating) - $fullStars; // Check if there's a half star
                                        // Generate empty stars for the remaining space
                                        $emptyStars = 5 - $fullStars - $halfStar;
                                    @endphp
                                    @for($i=0;$i<$fullStars;$i++)
                                        <div class="rating-label checked">
                                            <i class="ki-duotone ki-star fs-1"></i>
                                        </div>
                                    @endfor
                                    @if($halfStar>0)
                                        <div class="rating-label checked"><i class="ki-duotone ki-star fs-1" style="clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);"></i></div>

                                    @endif
                                    @for ($i = 0; $i < $emptyStars; $i++) 
                                        <div class="rating-label"><i class="ki-duotone ki-star fs-1"></i></div>
                                    @endfor
                                </div>
                            </td>
                            {{-- <td>{{ $review->rating_for_work_progress }}</td> --}}
                            <td>
                                <div class="rating" title="{{$review->rating_for_work_progress}} rating">
                                    @php 
                                        $rating = $review->rating_for_work_progress; // Example rating value from your database
                                        $fullStars = floor($rating); // Number of full stars
                                        $halfStar = ceil($rating) - $fullStars; // Check if there's a half star
                                        // Generate empty stars for the remaining space
                                        $emptyStars = 5 - $fullStars - $halfStar;
                                    @endphp
                                    @for($i=0;$i<$fullStars;$i++)
                                        <div class="rating-label checked">
                                            <i class="ki-duotone ki-star fs-1"></i>
                                        </div>
                                    @endfor
                                    @if($halfStar>0)
                                        <div class="rating-label checked"><i class="ki-duotone ki-star fs-1" style="clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);"></i></div>
                                    @endif
                                    @for ($i = 0; $i < $emptyStars; $i++) 
                                        <div class="rating-label"><i class="ki-duotone ki-star fs-1"></i></div>
                                    @endfor
                                </div>
                            </td>
                            {{-- <td>{{ $review->rating_for_recommendation }}</td> --}}
                            <td>
                                <div class="rating" title="{{$review->rating_for_recommendation}} rating">
                                    @php 
                                        $rating = $review->rating_for_recommendation; // Example rating value from your database
                                        $fullStars = floor($rating); // Number of full stars
                                        $halfStar = ceil($rating) - $fullStars; // Check if there's a half star
                                        // Generate empty stars for the remaining space
                                        $emptyStars = 5 - $fullStars - $halfStar;
                                    @endphp
                                    @for($i=0;$i<$fullStars;$i++)
                                        <div class="rating-label checked">
                                            <i class="ki-duotone ki-star fs-1"></i>
                                        </div>
                                    @endfor
                                    @if($halfStar>0)
                                        <div class="rating-label checked"><i class="ki-duotone ki-star fs-1" style="clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);"></i></div>

                                    @endif
                                    @for ($i = 0; $i < $emptyStars; $i++) 
                                        <div class="rating-label"><i class="ki-duotone ki-star fs-1"></i></div>
                                    @endfor
                                </div>
                            </td>
                            <td>{{ $review->remarks }}</td>
                            <td>{{ $review->created_at->format('d M Y, h:i a') }}</td>
                            <td>
                                @if(Auth::user()->hasPermission('can_edit_collabrations'))
                                <a href="javascript:void(0)" onclick="editReview('{{$review->id}}')" title="Edit Template"><i class="ki-duotone ki-message-edit" style="font-size:22px">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                    </i>
                                </a>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                
            </div>
            <!--end::Table-->
        </div>
    </div>

    @include('livewire.collaboration.edit-deliverable')
    @include('livewire.collaboration.edit-review')
@endsection

@push('scripts')

<script>
    function editDeliverable(id)
    {
        $.ajax({
            type: "GET",
            url: "/admin/collaborations/deliverables/edit/"+id,
            success: function(response)
            {
                if(response.status == 1)
                {
                    $("#edit-template-modal-body").empty();
                    $("#edit-template-modal-body").append(response.html);
                    $("#kt_modal_edit_deliverable").modal("show");
                }
                
            }
        })
    }

    function editReview(id)
    {
        $.ajax({
            type: "GET",
            url: "/admin/collaborations/reviews/edit/"+id,
            success: function(response)
            {
                if(response.status == 1)
                {
                    $("#edit-review-modal-body").empty();
                    $("#edit-review-modal-body").append(response.html);
                    $("#kt_modal_edit_review").modal("show");
                }
                
            }
        })
    }

    function completeCollaboration(id)
    {
        var url = "/admin/collaborations/complete-collaboration/"+id;
        Swal.fire({
            html: `Are You Sure You Want To Complete This Collaboration And Transfer Amounts ? `,
            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) {
                window.location.href = url;
            }
        });
    }

    
</script>

@endpush