<div id="content-page" class="content-page">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="iq-card">
<div class="iq-card-body profile-page p-0">
<div class="profile-header">
<!--[if BLOCK]><![endif]--><?php if($shop): ?>
<div class="cover-container">
<img src="<?php echo e(is_array($shop->workshop_photo_urls)
? $shop->workshop_photo_urls[0]
: ($shop->workshop_photo_urls ?? $user->profile_photo_url)); ?>"
class="rounded img-fluid w-100"
style="height: 325px; width: 1300px; object-fit: cover; object-position: top;">
</div>
<div class="user-detail text-center mb-3">
<div class="profile-img">
<img src="<?php echo e($shop->profile_photo_url ?? $user->profile_photo_url); ?>"
class="avatar-130 img-fluid" />
</div>
<div class="profile-detail">
<h3 class=""><?php echo e($user->name); ?> <?php echo e($user->lastname); ?></h3>
</div>
</div>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
<div
class="profile-info p-4 d-flex align-items-center justify-content-between position-relative">
<div class="social-info">
<ul
class="social-data-block d-flex align-items-center justify-content-between list-inline p-0 m-0">
<li class="text-center pl-3">
<h6>Balance</h6>
<p class="mb-0">
<?php echo e($wallet->currency); ?><?php echo e(number_format($wallet->available,2)); ?>
</p>
</li>
<li class="text-center pl-3">
<h6>Withdraw</h6>
<p class="mb-0">
<?php echo e($wallet->currency); ?><?php echo e(number_format($wallet->withdraw,2)); ?>
</p>
</li>
<li class="text-center pl-3">
<h6>Pending</h6>
<p class="mb-0">
<?php echo e($wallet->currency); ?><?php echo e(number_format($wallet->pending,2)); ?>
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="iq-card">
<div class="iq-card-body p-0">
<div class="iq-edit-list">
<ul class="iq-edit-profile d-flex nav nav-pills">
<li class="col-md-2 p-0">
<a class="nav-link active" data-toggle="pill" href="#personal-information">
Personal Detail
</a>
</li>
<!--[if BLOCK]><![endif]--><?php if($shop): ?>
<!--[if BLOCK]><![endif]--><?php if($user['role'] == 'seller'): ?>
<li class="col-md-2 p-0">
<a class="nav-link" data-toggle="pill" href="#shop-information">
Shop Detail
</a>
</li>
<li class="col-md-2 p-0">
<a class="nav-link" data-toggle="pill" href="#shop-gigs">
Services
</a>
</li>
<li class="col-md-2 p-0">
<a class="nav-link" data-toggle="pill" href="#shop-gigs-faqs">
Services FAQ
</a>
</li>
<li class="col-md-2 p-0">
<a class="nav-link" data-toggle="pill" href="#shop-tasks">
Tasks
</a>
</li>
<li class="col-md-2 p-0">
<a class="nav-link" data-toggle="pill" href="#shop-certificates">
Certificates
</a>
</li>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="iq-edit-list-data">
<div class="tab-content">
<div class="tab-pane fade active show" id="personal-information" role="tabpanel">
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Personal Detail</h4>
</div>
</div>
<div class="iq-card-body">
<div class="row align-items-center">
<!--[if BLOCK]><![endif]--><?php if($nin): ?>
<div class="form-group col-sm-6">
<label for="fname">First Name:</label>
<input readonly class="form-control" value="<?php echo e($nin->first_name ?? $user->name); ?>">
</div>
<div class="form-group col-sm-6">
<label for="lname">Middle Name:</label>
<input readonly class="form-control" value="<?php echo e($nin->middle_name); ?>">
</div>
<div class="form-group col-sm-6">
<label for="lname">Last Name:</label>
<input readonly class="form-control" value="<?php echo e($nin->last_name ?? $user->lastname); ?>">
</div>
<div class="form-group col-sm-6">
<label class="d-block">Gender:</label>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadio6" name="customRadio1"
class="custom-control-input" checked="">
<label class="custom-control-label" for="customRadio6">
<?php echo e($nin->gender); ?>
</label>
</div>
</div>
<div class="form-group col-sm-6">
<label for="dob">Date Of Birth:</label>
<input class="form-control" <?php if(true): echo 'readonly'; endif; ?> value="<?php echo e($nin->dob); ?>">
</div>
<div class="form-group col-sm-6">
<label for="dob">National Identity Number:</label>
<input class="form-control" <?php if(true): echo 'readonly'; endif; ?> value="<?php echo e($nin->nin); ?>">
</div>
<div class="form-group col-sm-6">
<label for="cname">Phone:</label>
<input <?php if(true): echo 'readonly'; endif; ?> class="form-control" value="<?php echo e($user->phone); ?>">
<span
class="<?php echo e($nin->phone_verified_at ? 'text-primary' : 'text-danger'); ?>">
<?php echo e($nin->phone_verified_at ? 'Verified' : 'Not Verified'); ?>
</span>
</div>
<?php else: ?>
<div class="form-group col-sm-6">
<label for="fname">First Name:</label>
<input <?php if(true): echo 'readonly'; endif; ?> class="form-control" value="<?php echo e($user->name); ?>">
</div>
<div class="form-group col-sm-6">
<label for="lname">Last Name:</label>
<input <?php if(true): echo 'readonly'; endif; ?> class="form-control" value="<?php echo e($user->lastname ?? 'NA'); ?>">
</div>
<div class="form-group col-sm-12">
<label>Address:</label>
<input class="form-control" value="<?php echo e($user->address ?? 'NA'); ?>" <?php if(true): echo 'readonly'; endif; ?>>
</div>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
<div class="form-group col-sm-6">
<label for="uname">State:</label>
<input <?php if(true): echo 'readonly'; endif; ?> class="form-control" value="<?php echo e($user->city ?? 'NA'); ?>">
</div>
<div class="form-group col-sm-6">
<label for="cname">City:</label>
<input readonly class="form-control" value="<?php echo e($user->state ?? 'NA'); ?>">
</div>
<div class="form-group col-sm-6">
<label for="uname">Email:</label>
<input <?php if(true): echo 'readonly'; endif; ?> class="form-control" value="<?php echo e($user->email); ?>">
<span
class="<?php echo e($user->email_verified_at ? 'text-primary' : 'text-danger'); ?>">
<?php echo e($user->email_verified_at ? 'Verified' : 'Not Verified'); ?>
</span>
</div>
<div class="form-group col-sm-6">
<label for="uname">Phone no:</label>
<input <?php if(true): echo 'readonly'; endif; ?> class="form-control" value="<?php echo e($user->phone); ?>">
</div>
<div class="form-group col-sm-6">
<label for="cname">Nationality:</label>
<input <?php if(true): echo 'readonly'; endif; ?> class="form-control"
value="<?php echo e($user->country->name); ?>">
</div>
<div class="form-group col-sm-6">
<label class="text-danger text-bold">Status:</label>
<select class="form-control" wire:model.live="status">
<option value="active">Active</option>
<option value="inactive">Inactive</option>
</select>
<!--[if BLOCK]><![endif]--><?php $__errorArgs = ['status'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><span class="text-primary"><?php echo e($message); ?></span><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
<!--[if BLOCK]><![endif]--><?php if($shop): ?>
<!--[if BLOCK]><![endif]--><?php if($user['role'] == 'seller'): ?>
<div class="tab-pane fade" id="shop-information" role="tabpanel">
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Shop Detail</h4>
</div>
</div>
<div class="iq-card-body">
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js">
</script>
<div class="form-group">
<div class="form-group">
<label for="cpass">Current Workshop Images:</label>
<!-- Display the images -->
<!--[if BLOCK]><![endif]--><?php if(!empty($shop['workshop_photo_urls']) &&
is_array($shop['workshop_photo_urls'])): ?>
<div class="d-flex flex-wrap gap-2">
<!--[if BLOCK]><![endif]--><?php $__currentLoopData = $shop['workshop_photo_urls']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $url): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="workshop-image-preview">
<!-- Clickable thumbnail -->
<img src="<?php echo e($url); ?>" alt="Workshop Image"
class="img-fluid rounded border"
style="width: 150px; height: auto; cursor: pointer;"
data-bs-toggle="modal" data-bs-target="#workshopImageModal"
onclick="setModalImage('<?php echo e($url); ?>')">
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
</div>
<?php else: ?>
<p>No workshop images available.</p>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
<!-- Modal structure -->
<div class="modal fade" id="workshopImageModal" tabindex="-1"
aria-labelledby="workshopImageModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="workshopImageModalLabel">
Workshop Image</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body text-center">
<!-- Placeholder for the clicked image -->
<img id="modalImage" src="" alt="Workshop Image"
class="img-fluid rounded">
</div>
</div>
</div>
</div>
<!-- JavaScript to dynamically set the modal image -->
<script>
function setModalImage(url) {
document.getElementById('modalImage').src = url;
}
</script>
<div class="form-group">
<label for="npass">Shop Name</label>
<input <?php if(true): echo 'readonly'; endif; ?> type="text" class="form-control"
value="<?php echo e($shop->name ?? ''); ?>">
</div>
<div class="form-group">
<label for="npass">Shop Category</label>
<input <?php if(true): echo 'readonly'; endif; ?> type="text" class="form-control"
value="<?php echo e($shop->category->name); ?>">
</div>
<div class="form-group">
<label for="vpass">Description</label>
<textarea <?php if(true): echo 'readonly'; endif; ?>
class="form-control"><?php echo e($shop->description); ?></textarea>
</div>
<div class="form-group">
<label for="npass">Shop Location</label>
<input <?php if(true): echo 'readonly'; endif; ?> type="text" class="form-control"
value="<?php echo e($shop->city->name); ?>, <?php echo e($shop->state->name); ?>, <?php echo e($shop->country->name); ?>">
</div>
<div class="form-group">
<label for="npass">Bank Name</label>
<input <?php if(true): echo 'readonly'; endif; ?> type="text" class="form-control"
value="<?php echo e($bank->bank_name ?? ''); ?>">
</div>
<div class="form-group">
<label for="npass">Account name</label>
<input <?php if(true): echo 'readonly'; endif; ?> type="text" class="form-control"
value="<?php echo e($bank->account_name ?? ''); ?>">
</div>
<div class="form-group">
<label for="npass">Account number</label>
<input <?php if(true): echo 'readonly'; endif; ?> type="text" class="form-control"
value="<?php echo e($bank->account_no ?? ''); ?>">
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="shop-gigs" role="tabpanel">
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Shop Services</h4>
</div>
</div>
<div class="iq-card-body">
<!--[if BLOCK]><![endif]--><?php if(isset($gigs) && $gigs->count() > 0): ?>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>#</th>
<th>Title</th>
<th>Description</th>
<th>Delivery Time</th>
<th>Price</th>
<th>Views</th>
<th>Image</th>
<th>Status</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<!--[if BLOCK]><![endif]--><?php $__currentLoopData = $gigs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $gig): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
<td><?php echo e($loop->iteration); ?></td>
<td><a href="https://fixgini.com/service/<?php echo e($gig->slug); ?>"
target="_blank"> <?php echo e($gig->title); ?> </a></td>
<td><?php echo e(Str::limit($gig->description, 50)); ?></td>
<td><?php echo e($gig->delivery_number); ?> <?php echo e(ucfirst($gig->delivery_unit)); ?>
</td>
<td><?php echo e($gig->currency); ?><?php echo e(number_format($gig->price, 2)); ?></td>
<td><?php echo e($gig->views); ?></td>
<td>
<!--[if BLOCK]><![endif]--><?php if(!empty($gig->image_urls)): ?>
<!-- Clickable Thumbnail -->
<a href="https://fixgini.com/service/<?php echo e($gig->slug); ?>"
target="_blank"> <img src="<?php echo e($gig->image_urls[0]); ?>"
alt="Gig Image" class="img-thumbnail rounded"
style="width: 100px; height: 70px; cursor: pointer;">
</a>
<?php else: ?>
N/A
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</td>
<td>
<span
class="badge bg-<?php echo e($gig->status == 'active' ? 'success' : 'danger'); ?>">
<?php echo e(ucfirst($gig->status)); ?>
</span>
</td>
<td>
<button wire:click="toggleStatus('<?php echo e($gig->id); ?>')"
class="btn btn-sm <?php echo e($gig->status == 'active' ? 'btn-danger' : 'btn-success'); ?>">
<?php echo e($gig->status == 'active' ? 'Deactivate' : 'Activate'); ?>
</button>
</td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
</tbody>
</table>
</div>
<!-- Pagination -->
<div class="d-flex justify-content-end">
<?php echo e($gigs->links()); ?>
</div>
<?php else: ?>
<p>No services found.</p>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<div class="tab-pane fade" id="shop-gigs-faqs" role="tabpanel">
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Services FAQs</h4>
</div>
</div>
<div class="iq-card-body">
<!--[if BLOCK]><![endif]--><?php if(isset($gigsFaqs) && $gigsFaqs->count() > 0): ?>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>#</th>
<th>Question</th>
<th>Answer</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<!--[if BLOCK]><![endif]--><?php $__currentLoopData = $gigsFaqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
<td><?php echo e($loop->iteration); ?></td>
<td><?php echo e($faq->question); ?></td>
<td><?php echo e($faq->answer); ?></td>
<td>
<span
class="badge bg-<?php echo e($faq->status == 'active' ? 'success' : 'danger'); ?>">
<?php echo e(ucfirst($faq->status)); ?>
</span>
</td>
<td>
<!-- Action Button to Toggle Status -->
<button wire:click="toggleFAQStatus('<?php echo e($faq->id); ?>')"
class="btn btn-sm <?php echo e($faq->status == 'active' ? 'btn-danger' : 'btn-success'); ?>">
<?php echo e($faq->status == 'active' ? 'Deactivate' : 'Activate'); ?>
</button>
</td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
</tbody>
</table>
</div>
<!-- Pagination -->
<div class="d-flex justify-content-center">
<?php echo e($gigsFaqs->links()); ?>
</div>
<?php else: ?>
<p>No FAQs found for this service.</p>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<div class="tab-pane fade" id="shop-tasks" role="tabpanel">
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Shop Tasks</h4>
</div>
</div>
<div class="iq-card-body">
<!--[if BLOCK]><![endif]--><?php if(isset($shopTasks) && $shopTasks->count() > 0): ?>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>#</th>
<th>Service Name</th>
<th>Customer</th>
<th>Agreed Amount</th>
<th>Start Time</th>
<th>End Time</th>
<th>Time left</th>
<th>Status</th>
<th>Action</th> <!-- Action Column for Status -->
</tr>
</thead>
<tbody>
<!--[if BLOCK]><![endif]--><?php $__currentLoopData = $shopTasks; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $task): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
<td><?php echo e($loop->iteration); ?></td>
<td><a href="https://fixgini.com/service/<?php echo e($task->gig->slug); ?>"
target="_blank"> <?php echo e($task->gig->title); ?> </a></td>
<td><a href="https://admin.fixgini.com/user/<?php echo e($task->customer->uuid); ?>"
target="_blank"> <?php echo e($task->customer->name); ?></td>
<!-- You may replace customer_id with the actual customer name -->
<td><?php echo e($task->gig->currency); ?><?php echo e(number_format($task->agreed_amount,2)); ?>
</td>
<td><?php echo e(\Carbon\Carbon::parse($task->start_time)->format('Y-m-d H:i:s')); ?>
</td>
<td><?php echo e(\Carbon\Carbon::parse($task->end_time)->format('Y-m-d H:i:s')); ?>
</td>
<td>
<?php
$startTime = \Carbon\Carbon::parse($task->start_time);
$endTime = \Carbon\Carbon::parse($task->end_time);
$now = \Carbon\Carbon::now();
// Calculate the difference
$remainingTime = $now->lt($endTime) ? $now->diff($endTime) :
$endTime->diff($now);
// Format the remaining time in hours, minutes, and seconds
$formattedRemainingTime = $remainingTime->format('%H:%I:%S');
?>
<?php echo e($formattedRemainingTime); ?>
</td>
<td>
<span
class="badge bg-<?php echo e($task->status == 'completed' ? 'success' : ($task->status == 'ongoing' ? 'primary' : 'warning')); ?>">
<?php echo e(ucfirst($task->status)); ?>
</span>
</td>
<td>
<!-- Action Button to Change Status -->
<select
wire:change="changeTaskStatus('<?php echo e($task->id); ?>', $event.target.value)"
class="form-select form-control form-select-sm"
aria-label="Task Status">
<option value="pending"
<?php echo e($task->status == 'pending' ? 'selected' : ''); ?>>
Pending</option>
<option value="ongoing"
<?php echo e($task->status == 'ongoing' ? 'selected' : ''); ?>>
Ongoing</option>
<option value="completed"
<?php echo e($task->status == 'completed' ? 'selected' : ''); ?>>
Completed</option>
</select>
</td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
</tbody>
</table>
</div>
<!-- Pagination -->
<div class="d-flex justify-content-center">
<?php echo e($shopTasks->links()); ?>
</div>
<?php else: ?>
<p class="text-danger text-center">No tasks found.</p>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<div class="tab-pane fade" id="shop-certificates" role="tabpanel">
<div class="iq-card">
<div class="iq-card-header d-flex justify-content-between">
<div class="iq-header-title">
<h4 class="card-title">Shop Certificates</h4>
</div>
</div>
<div class="iq-card-body">
<!--[if BLOCK]><![endif]--><?php if($shopCertificates->count() > 0): ?>
<table class="table table-bordered">
<thead>
<tr>
<th>Certificate Title</th>
<th>Service Type</th>
<th>Year Obtained</th>
<th>Document</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<!--[if BLOCK]><![endif]--><?php $__currentLoopData = $shopCertificates; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $certificate): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
<td><?php echo e($certificate->title); ?></td>
<td><?php echo e($certificate->category->name ?? 'N/A'); ?></td>
<!-- Assuming category relation exists -->
<td><?php echo e($certificate->year_obtained); ?></td>
<td>
<a href="<?php echo e($certificate->document); ?>" target="_blank">View
Document</a>
</td>
<td>
<span
class="badge <?php echo e($certificate->status == 'active' ? 'badge-success' : 'badge-danger'); ?>">
<?php echo e(ucfirst($certificate->status)); ?>
</span>
</td>
<td>
<button
class="btn btn-sm <?php echo e($certificate->status == 'active' ? 'btn-danger' : 'btn-success'); ?>"
wire:click="toggleCertificateStatus(<?php echo e($certificate->id); ?>)">
<?php echo e($certificate->status == 'active' ? 'Deactivate' : 'Activate'); ?>
</button>
</td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
</tbody>
</table>
<!-- Pagination links -->
<?php echo e($shopCertificates->links()); ?>
<?php else: ?>
<p class="text-danger text-center">No certificates found for this shop.</p>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</div><?php /**PATH /var/www/admin.fixgini.com/resources/views/livewire/user/show-user.blade.php ENDPATH**/ ?>