@extends('layouts.master')
@section('title','User profile')
@section('content')

 <!--content part-->
        <div class="container section-content">
            <div class="row align-items-start justify-content-center mt-4">

                <!--left-->
                <div class="col-lg-5 col-md-5">

                    <!--profile-->
                    <div class="card custom-card1 team-member-card">
                        <div class="card-body">
                            <div class="team-member-stats d-sm-flex justify-content-evently">
                                <div class="row">
                                    <!--<div class="col-12">
                                       
                                        <div class="d-flex mb-1">
                                            <div><img src="img/email.svg" alt=""></div>
                                            <div class="ms-4">
                                            <p>
                                                <strong>Email:</strong> {{ $user->email }}
                                                @if($user->is_email_verified)
                                                    <span class="text-success ms-2">&#10004;</span> {{-- Green tick --}}
                                                @endif
                                            </p>


                                            </div>
                                        </div>
                                    
                                        <div class="d-flex mb-1">
                                            <div><img src="img/phone-rounded.svg" alt=""></div>
                                            <div class="ms-4">
                                            <strong>Mobile:</strong> {{ !empty($user->mobile) ? $user->mobile : 'Not added' }}

                                            </div>
                                        </div>
                                     
                                    </div>-->
                                </div>
                            </div>
                            <div class="d-flex">
                                <div class="row">
                                   

                                    <div class="col-12">
                                        <div class="">
                                            <div class="table-responsive">
                                            <table class="table" style="font-size:14px">
                                                <tr><th width="30%">Name</th><td width="70%">: {{ $user->name }}</td></tr>
                                                <tr><th>Email</th><td><table><td class="ps-0">: {{ $user->email }}</td><td class="ps-0">   @if($user->is_email_verified)
        <span class="text-success ms-0">&#10004;</span> {{-- Green tick --}}</td></tr></table>
    @endif</td></tr>
                                                <tr><th>Mobile</th><td>: {{ !empty($user->mobile) ? $user->mobile : 'Not added' }}</td></tr>
                                                <tr><th>Bio Description</th><td>: {{ !empty($user->Profile->bio_description) ? $user->Profile->bio_description : 'Not added' }}</td></tr>
                                                <tr><th>Gender</th><td>: {{ !empty($user->Profile->gender) ? $user->Profile->gender : 'Not added' }}</td></tr>
                                                <tr><th>DOB</th><td>{{ !empty($user->Profile->dob) ? $user->Profile->dob : 'Not added' }}</td></tr>
                                                <tr><th><div>Tagline </div></th><td>@livewire('UserTaglineManage',['user_id'=>\Crypt::encrypt($user->id)])</td></tr>
                                                <tr><th>Alma Mate</th><td>: {{ !empty($user->Profile->alma_mate) ? $user->Profile->alma_mate : 'Not added' }}</td></tr>
                                                <tr><th>Current Organization</th><td>: {{ !empty($user->Profile->current_organization) ? $user->Profile->current_organization : 'Not added' }}</td></tr>
                                               <!-- <tr><th colspan="2"> <button class="btn btn-info" data-bs-toggle="modal" data-bs-target="#careerModal">Career Details</button></th></tr>-->
                                               <tr><th>Education</th><td>: {{ !empty($user->Profile->educational) ? $user->Profile->educational : 'Not added' }}</td></tr>
                                               <tr><th>Profession</th><td>: {{ !empty($user->Profile->occupation) ? $user->Profile->occupation : 'Not added' }}</td></tr>

                                            </table>
                                        </div>
                                           
                                        </div>
                                

                                    </div>

                                   
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--profile-->
                    

                </div>
                <!--left-->

                <!--right-->
                <div class="col-lg-7 col-md-7">
                    <div class="row">

                    <!--Photos-->
                    <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                    {{ !empty($user->profile->nick_name) ? $user->profile->nick_name : 'Not added'}}
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-3">
                                        @php
    $avatarPath = optional(optional($user->profile)->avatar)->image_url;
@endphp

<img src="{{ $avatarPath ? asset($avatarPath) : asset('images/default-avatar.png') }}" 
     class="img-fluid" alt="Avatar">
                                        </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                        <!--Photos-->
                            <!--Photos-->
                        <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Pool 1
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <ul>
    @foreach($interestsByPool[1] ?? [] as $item)
        <li>{{ $item->interest->name }} (Rank: {{ $item->rank }})</li>
    @endforeach
</ul>
                                </div>
                            </div>
                        </div>
                        <!--Photos-->
  <!--Photos-->
  <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Pool 2
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <ul>
    @foreach($interestsByPool[2] ?? [] as $item)
        <li>{{ $item->interest->name }} (Rank: {{ $item->rank }})</li>
    @endforeach
</ul>
                                </div>
                            </div>
                        </div>
                        <!--Photos-->

                        <!--Photos-->
  <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Preference
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <ul>
    @foreach($interestsByPool[3] ?? [] as $item)
        <li>{{ $item->interest->name }} (Rank: {{ $item->rank }})</li>
    @endforeach
</ul>
                                </div>
                            </div>
                        </div>
                        <!--Photos-->
                        <!--Photos-->
                        <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Photos
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        @foreach($user->ProfilePhotos as $photo)
                                            <div class="col-md-3 mb-3">
                                                <img src="{{ asset('storage/'.$photo->thumbnail_path) }}" class="img-fluid" alt="Media Image"><br><br>

                                                @livewire('RemoveUserProfilePhoto',['photo_id'=>$photo->id])
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Photos-->

                        <!--Videos-->
                        <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Videos
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <div class="row">
                                        @foreach($user->ProfileVideos as $photo)
                                            <div class="col-md-3 mb-3">
                                               

                                                <video width="640" height="360" controls>
                                                        <source src="{{ asset('storage/'.$photo->thumbnail_path) }}" type="video/mp4">
                                                       
                                                </video>

                                                @livewire('RemoveUserProfilePhoto',['photo_id'=>$photo->id])
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>

                                                <!--Videos-->
                        <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Venue Checkins
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <div class="row">
                                       
                                            <div class="col-md-12 mb-12">

                                            @if($user->checkins->count()==0)

                                               <h6>No checkins</h6>

                                            @else
                                               

                                              <table class="table table-responsive">

                                                <thead>

                                                    <tr>

                                                            <th>
                                                                SL No
                                                            </th>
                                                            <th>
                                                                Location
                                                            </th>
                                                            <th>
                                                                Checkin Time
                                                            </th>
                                                            <th>
                                                                Checkout Time
                                                            </th>
                                                    </tr>
                                                </thead>

                                                <tbody>

                                                  @foreach($user->checkins as $key=>$checkin)
                                                  
                                                      <tr>

                                                            <td>{{ ($key+1) }}</td>


                                                     

                                                                <td>{{ $checkin->Venue->location }}</td>


                                                     
                                                                <td>{{ date('d M Y',strtotime($checkin->checkin_date)) }} {{ date('h:i:s a',strtotime($checkin->checkin_time))}} </td>


                                                 
                                                                @if($checkin->checkout_time)

                                                                <td>{{ date('d M Y',strtotime($checkin->checkin_date)) }} {{ date('h:i:s a',strtotime($checkin->checkout_time))}}</td>

                                                                @else

                                                                <td>No Checkout</td>


                                                                @endif


                                                        </tr>

                                                  @endforeach

                                                </tbody>
                                              </table>

                                              @endif

                                                
                                            </div>
                                       
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Videos-->

                        <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Connected Users
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <div class="row">
                                @foreach($connected_users as $connected_user)
                                    @if(!$connected_user)
                                        @continue
                                    @endif

                                    <div class="col-md-3 mb-3">
                                        @if($connected_user->ProfilePicture && $connected_user->ProfilePicture->thumbnail_path)
                                            <img src="{{ asset('storage/' . $connected_user->ProfilePicture->thumbnail_path) }}" class="img-fluid" alt="Media Image">
                                        @else
                                            <h6>Profile photo is not available</h6>
                                        @endif

                                        <a href="{{ route('users.show', ['id' => \Crypt::encrypt($connected_user->id)]) }}" target="_blank">
                                            {{ $connected_user->name }}
                                        </a>
                                    </div>
                                @endforeach

                            </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Rejected Profiles
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <div class="row">
                                    @foreach($rejected_profiles as $rejected_profile)
                                        <div class="col-md-3 mb-3">
                                            @if($rejected_profile->ProfilePicture)
                                                <img src="{{ asset('storage/'.$rejected_profile->ProfilePicture->thumbnail_path) }}" class="img-fluid" alt="Media Image">
                                            @else
                                                <h6>Profile photo is not available</h6>
                                            @endif
                                           
                                        </div>

                                        <a href="{{ route('users.show',['id'=>\Crypt::encrypt($rejected_profile->id)]) }}" target="_blank">{{ $rejected_profile->name }}</a>
                                    @endforeach
                                </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Blocked Users
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <div class="row">
                                    @foreach($user->BlockedUsersBlocked as $blocked_user)
                                        <div class="col-md-3 mb-3">
                                            @if($blocked_user->ProfilePicture)
                                                <img src="{{ asset('storage/'.$blocked_user->ProfilePicture->thumbnail_path) }}" class="img-fluid" alt="Media Image">
                                            @else
                                                <h6>Profile photo is not available</h6>
                                            @endif
                                           
                                        </div>

                                        <a href="{{ route('users.show',['id'=>\Crypt::encrypt($blocked_user->id)]) }}" target="_blank">{{ $blocked_user->name }}</a>
                                    @endforeach
                                </div>
                                </div>
                            </div>
                        </div>

                                                                      <!--Videos-->
                                                                      <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Reports against {{ $user->name }}
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <div class="row">
                                       
                                            <div class="col-md-12 mb-12">

                                            @if($user->Reports->count()==0)

                                               <h6>No reports</h6>

                                            @else
                                               

                                              <table class="table table-responsive table-bordered">

                                                <thead>

                                                    <tr>

                                                            <th>
                                                                SL No
                                                            </th>
                                                            <th>
                                                                Reported By
                                                            </th>
                                                            <th>
                                                                Issue reported
                                                            </th>
                                                            <th>
                                                                Warning
                                                            </th>
                                                    </tr>
                                                </thead>

                                                <tbody>

                                                  @foreach($user->Reports as $key=>$report)
                                                  
                                                      <tr>

                                                            <td>{{ ($key+1) }}</td>


                                                     

                                                                <td>
                                                                    

                                                                    <table>

                                                                        <tr><th>Name</th><td>{{ $report->ReportedBy->name }}</td></tr>
                                                                        <tr><th>Email</th><td>{{ $report->ReportedBy->email }}</td></tr>
                                                                    </table>
                                                                
                                                                </td>


                                                     
                                                                <td>{{ $report->description }} </td>


                                                 
                                                                @if($report->Warning)

                                                                <td>{{ $report->Warning->message }}</td>

                                                                @else

                                                                <td>No Warning</td>


                                                                @endif


                                                        </tr>

                                                  @endforeach

                                                </tbody>
                                              </table>

                                              @endif

                                                
                                            </div>
                                       
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Pending received connection requests
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <div class="row">
                                    @foreach($user->PendingReceivedConnectionRequests as $connection_request)
                                        @php
                                            $sentUser = $connection_request->SentUser;
                                        @endphp

                                        @if(!$sentUser)
                                            @continue
                                        @endif

                                        <div class="col-md-3 mb-3">
                                            @if($sentUser->ProfilePicture && $sentUser->ProfilePicture->thumbnail_path)
                                                <img src="{{ asset('storage/' . $sentUser->ProfilePicture->thumbnail_path) }}" class="img-fluid" alt="Media Image">
                                            @else
                                                <h6>Profile photo is not available</h6>
                                            @endif

                                            <a href="{{ route('users.show', ['id' => \Crypt::encrypt($sentUser->id)]) }}" target="_blank">
                                                {{ $sentUser->name }} initiated on {{ date('d/m/Y', strtotime($connection_request->created_at)) }}
                                            </a>
                                        </div>
                                    @endforeach

                                </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12 col-md-12">
                            <div class="card custom-card1 add-ons">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div class="card-title">
                                        Pending sent connection requests
                                    </div>
                                    
                                </div>
                                <div class="card-body">
                                <div class="row">
                                    @foreach($user->PendingSentConnectionRequests as $connection_request)
                                        @php
                                            $receivedUser = $connection_request->ReceivedUser;
                                        @endphp

                                        @if(!$receivedUser)
                                            @continue
                                        @endif

                                        <div class="col-md-3 mb-3">
                                            @if($receivedUser->ProfilePicture && $receivedUser->ProfilePicture->thumbnail_path)
                                                <img src="{{ asset('storage/' . $receivedUser->ProfilePicture->thumbnail_path) }}" class="img-fluid" alt="Media Image">
                                            @else
                                                <h6>Profile photo is not available</h6>
                                            @endif

                                            <a href="{{ route('users.show', ['id' => \Crypt::encrypt($receivedUser->id)]) }}" target="_blank">
                                                Sent to {{ $receivedUser->name }} on {{ date('d/m/Y', strtotime($connection_request->created_date)) }}
                                            </a>
                                        </div>
                                    @endforeach

                                </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
                <!--right-->

            </div>
        </div>
        <!--content part-->

        <div id="careerModal" class="modal fade" >

                <div class="modal-dialog">

                        <div class="modal-content">

                            <div class="modal-header">


                                    <h3>Career Details</h3>

                                    
                            </div>

                            <div class="modal-body">

                                <form id="careerDetailsForm">

                                    <input type="hidden" name="user_id" value="{{ \Crypt::encrypt($user->id) }}">

                                    <div class="form-group">
                                        <label class="form-label">Education</label>

                                        <input name="education" class="form-control" placeholder="Enter education" value="{{ $user->Profile->educational }}"><br><br>
                                    </div>

                                    <div class="form-group">

                                    <label class="form-label">Profession</label>

                                        <input name="profession" class="form-control" placeholder="Enter profession" value="{{ $user->Profile->occupation }}"><br><br>
                                    </div>

                                    <div class="form-group">

                                            <button type="submit" class="btn btn-success">Update</button>
                                            <button class="btn btn-default" type="button" data-bs-dismiss="modal">Cancel</button>
                                    </div>
                                </form>




                            </div>

                            <div class="modal-footer">

                            </div>


                        </div>

                        


                </div>


        </div>


@endsection

@push('script')

  <script>

    $(document).ready(function()
        {

              $(document).on("submit","#careerDetailsForm",function(e)
                {
                    e.preventDefault();

                    var form_data=new FormData($(this)[0]);

                    fetch("{{ route('updateUserEducationProfession')}}",{

                    method:"POST",
                    headers:{'X-CSRF-TOKEN':"{{ csrf_token() }}"},
                    body:form_data,

                    }).then((response)=>response.json())
                    .then((result)=>{

                        if(result.status=="success")
                        {
                           swal.fire({

                               title:"Profile updated",
                               text:"Education and profession updated",
                               icon:"success"
                           }).then((result)=>{

                              window.location.reload()
                           }); 
                        }

                        else{

                            swal.fire({

                                title:"Error",
                                text:result.message,
                                icon:"error"
                                }); 


                        }
                    });


                });

            
        }
        );

    

</script>

    
@endpush