templates/tracking/_Tab.html.twig line 1

Open in your IDE?
  1. <div class="result-card">
  2.     <div class="summary-grid">
  3.         <div class="summary-box">
  4.             <span class="badge badge-danger">{{ reception.werehouse }}</span>
  5.             <span class="badge badge-success">{{ reception.conteneurtype }}</span>
  6.         </div>
  7.         <div class="summary-box">
  8.             <label>Date</label>
  9.             <span>{{ reception.dateOperation|date('d-m-Y') }}</span>
  10.         </div>
  11.         <div class="summary-box">
  12.             <label>Quantity / <small>Qty</small></label>
  13.             <span>{{ reception.totalColis }} Pkgs</span>
  14.         </div>
  15.         <div class="summary-box">
  16.             <label>Measure / <small>Mesure</small></label>
  17.             <span>{% if reception.werehouse == 'SEA' %}{{ reception.totalCBM }} CBM{% else %}{{ reception.totalKG }} KG{% endif %}</span>
  18.         </div>
  19.         <div class="summary-box">
  20.             <label>Destination</label>
  21.             <span class="text-success"><i class="fa fa-map-marker-alt"></i> {{ reception.destville.nomville }}</span>
  22.         </div>
  23.     </div>
  25.     <div class="p-4">
  26.         <div class="row align-items-center mb-4">
  27.             <div class="col-md-7">
  28.                 <div style="border-left: 4px solid var(--afi-green); padding-left: 15px;">
  29.                     <h4 class="mb-0 font-weight-bold">#{{ reception.client.code }} {{ reception.client.NomAg }}</h4>
  30.                     <p class="text-muted small mb-2"><i class="fa fa-phone"></i> {{ reception.client.ContactAg }}</p>
  31.                     <div class="badge badge-light p-2 text-left" style="border: 1px solid #eee">
  32.                         <span class="text-danger font-weight-bold">RECEIPT: {{ reception.recunumero }}</span><br>
  33.                         <small>Tracking: {{ reception.truckingNumber }}</small>
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.             <div class="col-md-5 mt-3 mt-md-0">
  38.                 <div class="row no-gutters">
  39.                     <div class="col-6 p-1">
  40.                         {% set urlBon = (reception.imageBon != 'image') ? pathBase ~ reception.imageBon : defaultImg %}
  41.                         <a href="#previewBon{{ reception.id }}" class="img-preview-container d-block">
  42.                             <img src="{{ urlBon }}" onerror="this.src='{{ defaultImg }}'">
  43.                             <div class="img-overlay-icon"><i class="fa fa-search-plus"></i></div>
  44.                             <div style="font-size: 8px; text-align:center; padding: 2px; background: #eee; color:#666">REÇU / RECEIPT</div>
  45.                         </a>
  46.                         <div id="previewBon{{ reception.id }}" class="afi-lightbox">
  47.                             <a href="#close" class="close-lightbox"></a>
  48.                             <a href="#close" class="close-btn-icon">&times;</a>
  49.                             <img src="{{ urlBon }}" onerror="this.src='{{ defaultImg }}'">
  50.                         </div>
  51.                     </div>
  53.                     <div class="col-6 p-1">
  54.                         {% set urlColis = (reception.imageColis != 'image') ? pathBase ~ reception.imageColis : defaultImg %}
  55.                         <a href="#previewColis{{ reception.id }}" class="img-preview-container d-block">
  56.                             <img src="{{ urlColis }}" onerror="this.src='{{ defaultImg }}'">
  57.                             <div class="img-overlay-icon"><i class="fa fa-search-plus"></i></div>
  58.                             <div style="font-size: 8px; text-align:center; padding: 2px; background: #eee; color:#666">COLIS / PACKAGE</div>
  59.                         </a>
  60.                         <div id="previewColis{{ reception.id }}" class="afi-lightbox">
  61.                             <a href="#close" class="close-lightbox"></a>
  62.                             <a href="#close" class="close-btn-icon">&times;</a>
  63.                             <img src="{{ urlColis }}" onerror="this.src='{{ defaultImg }}'">
  64.                         </div>
  65.                     </div>
  66.                 </div>
  67.             </div>
  68.         </div>
  70.         <hr>
  72.         <h6 class="font-weight-bold text-uppercase small mb-3 text-muted">Details / <small>Détails</small></h6>
  73.         {% for tmp in reception.tmpReceptions %}
  74.             <div class="goods-box">
  75.                 <div class="row align-items-center">
  76.                     <div class="col-md-6">
  77.                         <h5 class="text-success mb-1 font-weight-bold">{{ tmp.quantite }} PKG(S)</h5>
  78.                         <div class="text-dark">{{ tmp.nature }}</div>
  79.                         <div class="small text-muted italic">Ranking: {{ tmp.classementdepot }} | Loaded: {{ tmp.totalLoaded }}</div>
  80.                     </div>
  81.                     <div class="col-md-6">
  82.                         {% for track in tmp.tmpConteneurReceptions %}
  83.                             <div class="location-badge">
  84.                                 <div class="badge badge-danger mb-1">{{ track.programme.NumeroContenaire }}</div>
  85.                                 {% set last = track.programme.suiviContenaires|last %}
  86.                                 {% if last %}
  87.                                     <div class="font-weight-bold text-danger"><i class="fa fa-location-arrow"></i> {{ last.lieu }}</div>
  88.                                     <div class="small text-muted">{{ last.dateOperation|date('d M Y') }}</div>
  89.                                 {% else %}
  90.                                     <div class="small font-weight-bold">
  91.                                         <i class="fa {{ track.programme.isMco ? 'fa-plane' : 'fa-ship' }}"></i>
  92.                                         {{ track.programme.isMco ? 'AIR TRANSIT' : 'WAITING FOR SCAN' }}
  93.                                     </div>
  94.                                 {% endif %}
  95.                             </div>
  96.                         {% endfor %}
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         {% endfor %}
  101.     </div>
  102. </div>