<?php $__env->startSection('content'); ?>
<div class="right_col" role="main">
<div class="">
<div class="clearfix"></div>
<?php echo $__env->make('alerts', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<div class="row" style="display: block;">
<div class="col-md-12 col-sm-12 ">
<div class="x_panel">
<div class="x_title d-flex justify-content-between align-items-center">
<div class="gap-2 d-flex">
<h2>Booking <?php echo e($booking->ride_type_name); ?> Ride</h2>
<?php switch($booking->booking_status):
case ('pending'): ?>
<span class="badge badge-warning text-white px-3 py-2 display-4 ml-4"
style="font-size: medium">Pending</span>
<?php break; ?>
<?php case ('assigned'): ?>
:
<span class="badge badge-dark text-white px-3 py-2 display-4 ml-4"
style="font-size: medium">Assigned</span>
<?php break; ?>
<?php case ('ongoing'): ?>
:
<span class="badge badge-info text-white px-3 py-2 display-4 ml-4"
style="font-size: medium">Ongoing</span>
<?php break; ?>
<?php case ('completed'): ?>
:
<span class="badge badge-success text-white px-3 py-2 display-4 ml-4"
style="font-size: medium">Completed</span>
<?php break; ?>
<?php case ('in_progress'): ?>
:
<span class="badge badge-primary text-white px-3 py-2 display-4 ml-4"
style="font-size: medium">In Progress</span>
<?php break; ?>
<?php case ('cancelled'): ?>
:
<span class="badge badge-danger text-white px-3 py-2 display-4 ml-4"
style="font-size: medium">Cancelled</span>
<?php break; ?>
<?php default: ?>
<span class="badge badge-secondary text-white px-3 py-2 display-4 ml-4"
style="font-size: medium">Unknown</span>
<?php endswitch; ?>
</div>
</div>
<div class="x_content">
<div class="row">
<div class="col-md-9 col-sm-9 ">
<ul class="stats-overview">
<li>
<span class="name"><i class="fa fa-car"></i> Total Rides </span>
<span class="value text-success">
<?php echo e($booking->rides->count()); ?>
</span>
</li>
<li>
<span class="name"><i class="fa fa-road"></i> Total Distance </span>
<span class="value text-success">
<?php echo e($booking->rides->sum('distance_km')); ?> <small>Km</small>
</span>
</li>
<li>
<span class="name"><i class="fa fa-money"></i> Transporter Earnings </span>
<span class="value text-success">
<?php echo e($booking->rides->sum('fare')); ?> <small>INR</small>
</span>
</li>
</ul>
<ul class="stats-overview">
<li>
<span class="name"><i class="fa fa-percent"></i> GST Charges </span>
<span class="value text-success">
<?php echo e($booking->rides->sum('gst_on_commission')); ?> <small>INR</small>
</span>
</li>
<li>
<span class="name"><i class="fa fa-briefcase"></i> Platform Fee </span>
<span class="value text-success">
<?php echo e($booking->rides->sum('ride_commission')); ?> <small>INR</small>
</span>
</li>
<li>
<span class="name"><i class="fa fa-money"></i> Total Customer Amount </span>
<span class="value text-success">
<?php echo e($booking->rides->sum('total_customer_amount')); ?> <small>INR</small>
</span>
</li>
</ul>
<br />
<div class="row ">
<div class="col-md-12 col-sm-12 ">
<section class="panel">
<?php $__currentLoopData = $booking->trips; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $trip): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="col-md-6 col-sm-6 profile_details">
<div class="well profile_view d-block">
<h4 class="brief">
<div class="card-header d-flex justify-content-between">
<b><?php echo e($trip->vehicleType?->name); ?> - <span
class="badge
<?php switch($trip->status):
case (\App\Models\Trip::PENDING): ?> badge-warning <?php break; ?>
<?php case (\App\Models\Trip::REQUESTED): ?> badge-secondary <?php break; ?>
<?php case (\App\Models\Trip::ACCEPTED): ?> badge-primary <?php break; ?>
<?php case (\App\Models\Trip::CONFIRMED): ?> badge-info <?php break; ?>
<?php case (\App\Models\Trip::COMPLETED): ?> badge-success <?php break; ?>
<?php case (\App\Models\Trip::CANCELLED): ?> badge-danger <?php break; ?>
<?php case (\App\Models\Trip::REJECTED): ?> badge-dark <?php break; ?>
<?php default: ?> badge-light
<?php endswitch; ?>
">
<?php echo e($trip->status_name); ?>
</span></b>
<b>₹
<?php echo e(number_format($trip->pricing_details['fare'] ?? 0, 2)); ?></b>
</div>
</h4>
<div class="px-3 py-3">
<div
class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Pickup</p>
<p><?php echo e($trip->locations['pickup_location'] ?? '-'); ?>
</p>
</div>
<div
class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Drop</p>
<p><?php echo e($trip->locations['drop_location'] ?? '-'); ?>
</p>
</div>
<div
class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Date</p>
<p>
<?php echo e(implode(', ', array_map(fn($date) => \Carbon\Carbon::parse($date)->format('d M'), $trip->dates ?? []))); ?>
</p>
</div>
<div
class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Pickup Time</p>
<p><?php echo e(isset($trip->times['pickup_time']) ? \Carbon\Carbon::parse($trip->times['pickup_time'])->format('h:i A') : '-'); ?>
</p>
</div>
<div
class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Distance :</p>
<p><?php echo e($trip->distance_km); ?> km</p>
</div>
<div
class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Transporter :</p>
<p class="">
<?php if($trip->transporter): ?>
<a href="<?php echo e(route('admin.transporter.view', $trip->transporter->id)); ?>"
class="text-decoration-none text-primary">
<?php echo e($trip->transporter->company_name); ?>
</a>
<?php else: ?>
<button type="button"
class="btn btn-sm btn-success assign-transporter mb-0 pb-0 pt-0"
data-trip-id="<?php echo e($trip->id); ?>"
data-booking-id="<?php echo e($booking->id); ?>">
<i class="fa fa-truck"></i> Assign
Transporter
</button>
<?php endif; ?>
</p>
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</section>
</div>
</div>
</div>
<!-- start project-detail sidebar -->
<div class="col-md-3 col-sm-3">
<section class="panel">
<div class="x_title">
<h2>Info</h2>
<div class="clearfix"></div>
</div>
<div class="panel-body">
<h6 class="green"><i class="fa fa-taxi"></i>
Ride Info
</h6>
<div class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Ride Type</p>
<p>
<?php echo e(App\Models\Booking::rideTypes()[$booking->ride_type] ?? ''); ?>
</p>
</div>
<div class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Booking Type</p>
<p>
<?php if($booking->booking_type == 1): ?>
<span class="badge bg-primary text-white">
<i class="fa fa-long-arrow-right"></i> One Way
</span>
<?php else: ?>
<span class="badge bg-success text-white">
<i class="fa fa-exchange"></i> Two Way
</span>
<?php endif; ?>
</p>
</div>
</div>
<?php if($booking && $booking->customer): ?>
<hr>
<div class="panel-body">
<div class="d-flex justify-content-between align-items-center">
<h6 class="green mb-0">
<i class="fa fa-user me-1"></i> Customer
</h6>
<img src="<?php echo e(asset('images/user.png')); ?>" alt="Customer Profile"
class="rounded-circle" width="40" height="40">
</div>
<div
class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Name</p>
<p><?php echo e($booking->customer->first_name ?? ''); ?>
<?php echo e($booking->customer->last_name ?? ''); ?></p>
</div>
<div
class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Email</p>
<p><?php echo e($booking->customer->email ?? ''); ?></p>
</div>
<div
class="project_detail d-flex justify-content-between align-items-center">
<p class="title">Phone</p>
<p><?php echo e($booking->customer->phone ?? ''); ?></p>
</div>
</div>
<?php endif; ?>
</section>
</div>
<div class="col-md-12 col-sm-12 ">
<section class="panel">
<div class="x_title">
<h2>Rides</h2>
<div class="clearfix"></div>
</div>
<div class="panel-body">
<?php echo $dataTable->table(); ?>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Assign Transporter Modal -->
<div class="modal fade" id="assignTransporterModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<form id="assignTransporterForm">
<?php echo csrf_field(); ?>
<input type="hidden" id="assignTripId" name="trip_id">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Assign Transporter</h5>
<button type="button" class="close" data-dismiss="modal"><span>×</span></button>
</div>
<div class="modal-body">
<input type="text" id="transporterSearch" class="form-control mb-3"
placeholder="Search transporter...">
<input type="hidden" id="transporter_id" name="transporter_id" required>
<div class="row" id="transporterList">
<!-- Transporter cards will load here -->
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">Assign</button>
</div>
</div>
</form>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('script'); ?>
<?php echo $dataTable->scripts(); ?>
<script>
function renderTransporters(list) {
let html = '';
if (list.length > 0) {
list.forEach(function(t) {
html += `
<div class="col-md-6 col-sm-6 profile_details pb-2">
<div class="well profile_view transporter-card selectable shadow-sm"
data-id="${t.id}">
<div class="col-sm-12">
<h4 class="brief"><i>${t.company_name ?? ''}</i></h4>
<div class="left col-md-7 col-sm-7">
<ul class="list-unstyled">
<li><i class="fa fa-user"></i> Name: ${(t.first_name ?? '')} ${(t.last_name ?? '')}</li>
<li><i class="fa fa-envelope"></i> Email: ${t.email ?? ''}</li>
<li><i class="fa fa-phone"></i> Phone: ${t.phone ?? ''}</li>
</ul>
</div>
<div class="right col-md-5 col-sm-5 text-center">
<img src="${t.image ? '/storage/' + t.image : '/images/user.png'}"
class="img-circle img-fluid" alt="">
</div>
</div>
</div>
</div>
`;
});
} else {
html = `<div class="col-12 text-center text-muted">No transporters found</div>`;
}
$('#transporterList').html(html);
}
$(document).on('click', '.transporter-card', function() {
$('.transporter-card').removeClass('selected border-success');
$(this).addClass('selected border-success');
$('#transporter_id').val($(this).data('id'));
});
$(document).on('click', '.assign-transporter', function() {
const tripId = $(this).data('trip-id');
$('#assignTripId').val(tripId);
$('#assignTransporterModal').modal('show');
$.get("<?php echo e(route('admin.booking.transporters.search')); ?>", function(res) {
renderTransporters(res);
});
});
$('#transporterSearch').on('keyup', function() {
let query = $(this).val();
$.get("<?php echo e(route('admin.booking.transporters.search')); ?>", {
q: query
}, function(res) {
renderTransporters(res);
});
});
$('#assignTransporterForm').on('submit', function(e) {
e.preventDefault();
const tripId = $('#assignTripId').val();
const formData = $(this).serialize();
$.post('/admin/booking/trip/' + tripId + '/assign-transporter', formData, function(res) {
if (res.status) {
$('#assignTransporterModal').modal('hide');
toastr.success('Transporter assigned successfully!');
location.reload();
} else {
toastr.error('Something went wrong!');
}
}).fail(() => toastr.error('Server error. Please try again.'));
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layout.master', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/html/dashboard.orbiwheels.com/resources/views/admin/booking/view.blade.php ENDPATH**/ ?>