@extends('layouts.admin')

@section('title')
Admin | Attendee Details
@endsection

<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>

@section('content')
<div class="container-xxl flex-grow-1 container-p-y pt-0">
    <h4 class="py-3 mb-4"><span class="text-muted fw-light"></span>Attendee</h4>

    <div class="row">
        <div class="col-xl">
            <div class="card mb-4">
                <div class="card-body">

                    <div class="d-flex justify-content-end">
                        
                   <!--      @if($user->is_block ==1)
                        <form action="{{ route('helpdesk.users.unblock', $user->id) }}" method="POST" class="d-inline">
                            @csrf
                            @method('PATCH')
                            <button type="submit" class="btn btn-warning btn-pill btn-streach font-book fs-14 me-2">
                                Unblock User
                            </button>
                        </form>
                        @else
                        <form action="{{ route('users.toggleBlock', $user->id) }}" method="POST" class="d-inline">
                            @csrf
                            @method('PATCH')
                            <button type="submit" class="btn btn-danger btn-pill btn-streach font-book fs-14 me-2">
                                Block User
                            </button>
                        </form>
                        @endif -->

                        <form action="{{ route('attendee-users.index') }}" method="GET" class="d-inline">
                            @csrf
                            
                            <button type="submit" class="btn btn-outline-primary btn-pill btn-streach font-book fs-14 me-2">
                               <i class="fa fa-angle-left me-1"></i> Back
                            </button>
                        </form>
                      
                    </div>

                    <h5 class="border-bottom mb-4">Attendee Details: {{ $user->full_name }}</h5>

                    <div class="info-container">
                    <div class="row">   
                        <div class="row mb-4">
    <div class="col-6 text-left">
        <label for="profileImageInput">
            <img id="profileImagePreview" 
                 src="{{ !empty($user->photo) ? $user->photo->file_path : '' }}" 
                 class="border border-2" 
                 style="width: 150px; height: 150px; object-fit: cover; cursor: pointer;">
        </label>
        <div class="form-text mt-1">Profile Image</div>
    </div>
    <div class="col-6 text-left">
        <label for="coverImageInput">
            <img id="coverImagePreview" 
                 src="{{ !empty($user->coverphoto) ? $user->coverphoto->file_path : '' }}" 
                 class="border border-2" 
                 style="width: 250px; height: 150px; object-fit: cover; cursor: pointer;">
        </label>
        <div class="form-text mt-1">Cover Image</div>
    </div>
</div>


                       
                         
                          
                        <div class="col-12 mt-2">
                            <ul class="list-unstyled justify-content-between">
                            <li class="mb-3"><span class="fw-medium me-2">Bio:</span><span>{{$user->bio ?? ''}}</span></li>
                             </ul>
                        </div>  
                        <div class="col-4">
                                <ul class="list-unstyled justify-content-between">
                                    <li class="mb-3"><span class="fw-medium me-2">Name:</span> <span>{{ $user->name }}
                                            {{ $user->lastname }}</span></li>
                                   
                                    <li class="mb-3"><span class="fw-medium me-2">Email:</span>
                                        <span style="text-transform: lowercase;">{{ $user->email }}</span></li>
                                    <li class="mb-3"><span class="fw-medium me-2">Designation:</span>
                                        <span>{{ $user->designation ?? '-' }}</span></li>
                                    <li class="mb-3"><span class="fw-medium me-2">Mobile:</span>
                                        <span>{{ $user->mobile ?? '' }}</span></li>

                                    <li class="mb-3"><span class="fw-medium me-2">Tags:</span>
                                        @if(!empty($user->tags))
                                        @foreach(explode(',', $user->tags) as $tag)
                                        <span class="badge bg-primary me-1">{{ trim($tag) }}</span>
                                        @endforeach
                                        @else
                                        <span>-</span>
                                        @endif
                                    </li>
                                </ul>
                            </div>
                           
                            <div class="col-4">
                                <ul class="list-unstyled justify-content-between">
                                    <li class="mb-3"><span class="fw-medium me-2">Website:</span> <span>{{ $user->website_url }}</span></li>
                                   
                                   <li class="mb-3"><span class="fw-medium me-2">Linkedin:</span> <span>{{ $user->linkedin_url }}</span></li>

                                   <li class="mb-3"><span class="fw-medium me-2">Facebook:</span> <span>{{ $user->facebook_url }}</span></li>
                                   <li class="mb-3"><span class="fw-medium me-2">Instagram:</span> <span>{{ $user->instagram_url }}</span></li>
                                   <li class="mb-3"><span class="fw-medium me-2">Twitter:</span> <span>{{ $user->twitter_url }}</span></li> 
                                </ul>
                            </div>
                            <div class="col-4">
                                 <img id="profileImagePreview" 
                                   src="{{asset($user->qr_code)}}" style="width: 250px; height: 250px; object-fit: cover; cursor: pointer;">
                                 
                            </div>

                        </div>
                    </div>

                </div>
            </div>

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

@include('users.ChangeUserPassword')
@endsection