<?php if (isset($component)) { $__componentOriginalb5280bddbfa34a5e8ea8faa43ffebbfd = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalb5280bddbfa34a5e8ea8faa43ffebbfd = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.layouts.page','data' => ['title' => 'Tracking Details #'.e($shipment->tracking_code).'']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('layouts.page'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['title' => 'Tracking Details #'.e($shipment->tracking_code).'']); ?>
    <!-- breadcrumb-area -->
        <section class="breadcrumb__area breadcrumb__bg" data-background="/home-assets/img/bg/breadcrumb_bg.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumb__content">
                            <h1 class="title">Tracking Details</h1>
                            <nav class="breadcrumb">
                                <span property="itemListElement" typeof="ListItem">
                                    <a href="/">Home</a>
                                </span>
                                <span class="breadcrumb-separator"><i class="flaticon-right-arrow"></i></span>
                                <span property="itemListElement" typeof="ListItem">Tracking</span>
                                <span class="breadcrumb-separator"><i class="flaticon-right-arrow"></i></span>
                                <span property="itemListElement" typeof="ListItem">Tracking Details</span>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- breadcrumb-area-end -->
    <style>
        $background: #2c303a;

body {
  font-family: 'Montserrat', sans-serif;
  background: $background;
}

.progress {
  padding: 6px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {	
  height: 18px;
	background-color: #ee303c;  
  border-radius: 4px; 
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-striped .progress-bar { 	
  background-color: #FCBC51; 
  width: 100%; 
  background-image: linear-gradient(
        45deg, rgb(252,163,17) 25%, 
        transparent 25%, transparent 50%, 
        rgb(252,163,17) 50%, rgb(252,163,17) 75%,
        transparent 75%, transparent); 
  animation: progressAnimationStrike 6s;
}

@keyframes progressAnimationStrike {
     from { width: 0 }
     to   { width: 100% }
}
 
.progress2 {
  padding: 6px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.25);  
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar2 {
  height: 18px;
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar2 {
  width: <?php echo e($tracking->progress); ?>%; 
  background-color: #0d6efd;  
  animation: progressAnimation 6s;
}

@keyframes progressAnimation {
  0%   { width: 0%; background-color: #F9BCCA;}
  100% { width: <?php echo e($tracking->progress); ?>%; background-color: #0d6efd; }
}

$green: #4cd964;
$turquoise: #5ac8fa;
$blue: #007aff;
$light-blue: #7DC8E8;
$purple: #5856d6;
$red: #ff2d55;

.progress-bar3 {
  height: 18px;
  border-radius: 4px;
  background-image: 
     linear-gradient(to right, 
       $green, $turquoise, $blue, 
       $light-blue, $purple, $red);
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-infinite .progress-bar3 { 	 
  width: 100%; 
  background-image: 
    linear-gradient(to right, $green, $turquoise, $blue, $light-blue, $purple, $red);
  animation: colorAnimation 1s infinite;
}

@keyframes colorAnimation {
  0% { 
    background-image: 
    linear-gradient(to right, $green, $turquoise, $blue, $light-blue, $purple, $red);
  }
  20% { 
    background-image: 
    linear-gradient(to right, $turquoise, $blue, $light-blue, $purple, $red, $green);
  }
  40% { 
    background-image: 
    linear-gradient(to right, $blue, $light-blue, $purple, $red, $green, $turquoise);
  }
  60% { 
    background-image: 
    linear-gradient(to right, $light-blue, $purple, $red, $green, $turquoise, $blue);
  }
  100% { 
    background-image: 
    linear-gradient(to right, $purple, $red, $green, $turquoise, $blue, $light-blue);
  }
}

    </style>
    <section>
        <div class="main-content">
            <section class="section">
              <div class="section-body">
                <div class="container invoice">
                  <div class="invoice-print">
                    <div class="row">
                      <div class="col-lg-12">
          
          
          
                        <div class="invoice-title mt-5">
                          <h2>Shipment Invoice</h2>
                          <div class="invoice-number">Shipment Number(Tracking ID): <span class="fw-bold"> <?php echo e($shipment->tracking_code); ?></span></div>
          
                        </div>
                        <hr>
                        <div class="row">
                          <div class="col-md-6">
                            <address>
                              <strong>Shipper Information:</strong><br>
                              Name : <?php echo e($shipment->sender_name); ?><br>
                              Email :  <?php echo e($shipment->sender_email); ?> <br>
                              Address  <?php echo e($shipment->sender_address); ?> :
                            </address>
                          </div>
                          <div class="col-md-6 text-md-right">
                            <address>
                              <strong>Shipped To:</strong><br>
                              Name : <?php echo e($shipment->receiver_name); ?><br>
                              Email :  <?php echo e($shipment->receiver_email); ?> <br>
                              Address  <?php echo e($shipment->receiver_address); ?> :
                            </address>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-md-6 text-md-left">
                            <address>
                              <strong>Departure Date</strong><br>
                              <?php echo e($tracking->date_sent->format('d/m/Y')); ?> <br><br>
                            </address>
                          </div>
                          <div class="col-md-6 text-md-right">
                            <address>
                              <strong>Delivery Date</strong><br>
                              <?php echo e($tracking->date_expected->format('d/m/Y')); ?><br><br>
                            </address>
                          </div>

                          <div class="col-md-6 text-md-left">
                            <address>
                              <strong>Parcel Statue Progress (<?php echo e($tracking->progress); ?>%) </strong><br>
                              <div class="container">    
                                <div class="progress2 progress-moved">
                                  <div class="progress-bar2">
                                  </div>                       
                                </div> 
                              </div>
                            </address><br>
                                
                            <address>
                              <h2 style="color:"></h2>
          
                            </address>
                            <form>
                              <input type="hidden" value="" id="progress">
                            </form>
                          </div>
                        </div>
          
                      </div>
                    </div>
                    <div class="row mt-4">
                      <div class="col-md-12">
                        <div class="section-title"><span style="font-weight:bold;">Shipment Summary</span></div>
                        <p class="section-lead">Here are some other important shipment information to take note of.</p>
                        <div class="mt-5">
                            <h5>Shipment Details</h5>
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>Item</th>
                                        <th>Details</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Amount</td>
                                        <td><?php echo e($settings->currency . number_format($shipment->amount, 2)); ?></td>
                                    </tr>
        
                                    <tr>
                                        <td>Weight</td>
                                        <td><?php echo e($shipment->weight . $settings->weight_unit); ?></td>
                                    </tr>
        
                                    <tr>
                                        <td>Description</td>
                                        <td><?php echo e($shipment->description); ?></td>
                                    </tr>
        
                                    <tr>
                                        <td>Photo</td>
                                        <td>
                                            <?php if($shipment->photo != null): ?>
                                            <a role="button" data-bs-toggle="modal" data-bs-target="#view-photo" class="text-primary text-decoration-underline">
                                                <i>Click to view</i>
                                            </a>
                                            <?php else: ?>
                                                <div class="badge bg-info">No photo was uploaded for this shipment.</div>
                                            <?php endif; ?>
                                        </td>
                                    </tr>
        
                                    <tr>
                                        <td>Status</td>
                                        <td><span
                                                class="<?php echo \Illuminate\Support\Arr::toCssClasses([
                                                    'badge',
                                                    'bg-success' => $shipment->is_active,
                                                    'bg-danger' => !$shipment->is_active,
                                                ]); ?>"><?php echo e(shipment_status($shipment->is_active)); ?></span>
                                        </td>
                                    </tr>
        
                                    <tr>
                                        <td>Creation Date</td>
                                        <td><?php echo e($shipment->created_at->format('d/m/Y')); ?></td>
                                    </tr>
        
                                </tbody>
                            </table>
                        </div>
        
                        <div class="mt-5">
                            <h5>Tracking Details</h5>
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>Item</th>
                                        <th>Details</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Tracking Status</td>
                                        <td>
                                            <div
                                                class="d-flex align-items-center text-<?php echo e(status_class($tracking->status_code)); ?>">
                                                <span
                                                    class="badge-dot me-2 bg-<?php echo e(status_class($tracking->status_code)); ?>"></span>
                                                <span class="text-capitalize"><?php echo status($tracking->status_code); ?></span>
                                            </div>
                                        </td>
                                    </tr>
        
                                    <?php if($tracking->status_code == 0): ?>
                                        <tr>
                                            <td>Hold Reason</td>
                                            <td><?php echo e($tracking->hold_reason); ?> </td>
                                        </tr>
                                    <?php endif; ?>
        
                                    <tr>
                                        <td>Date Sent</td>
                                        <td><?php echo e($tracking->date_sent->format('m/d/Y')); ?></td>
                                    </tr>
        
                                    <tr>
                                        <td>Date Expected</td>
                                        <td><?php echo e($tracking->date_expected->format('m/d/Y')); ?></td>
                                    </tr>
        
                                    <tr>
                                        <td>Progress</td>
                                        <td><?php echo e($tracking->progress); ?>% </td>
                                    </tr>
        
                                    <tr>
                                        <td>Current Location</td>
                                        <td><?php echo e($tracking->current_location); ?> </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          </div>
          </section>
          </div>
          <div>
            <iframe width='100%' height='500px' src="https://maps.google.com/maps?q=<?php echo e($tracking->current_location); ?>&output=embed"></iframe>
          
          </div>
    </section>
    <?php echo $__env->make('partials.photo-modal', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalb5280bddbfa34a5e8ea8faa43ffebbfd)): ?>
<?php $attributes = $__attributesOriginalb5280bddbfa34a5e8ea8faa43ffebbfd; ?>
<?php unset($__attributesOriginalb5280bddbfa34a5e8ea8faa43ffebbfd); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalb5280bddbfa34a5e8ea8faa43ffebbfd)): ?>
<?php $component = $__componentOriginalb5280bddbfa34a5e8ea8faa43ffebbfd; ?>
<?php unset($__componentOriginalb5280bddbfa34a5e8ea8faa43ffebbfd); ?>
<?php endif; ?>
<?php /**PATH /home/retepccv/fastwaylogistics.org/resources/views/pages/tracking/details.blade.php ENDPATH**/ ?>