<div class="c-app-wrapper">
<!-- Sidebar starts -->
<aside class="c-sidebar o-grid__span-col--2">
<div class="c-sidebar__wrapper">
<header class="c-sidebar__header">
<a href="/" class="c-sidebar__logo" title="Home Page">
<!-- Logo starts -->
<svg class="c-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 174.13 181.89">
<defs><style>.cls-1{fill:none;stroke-miterlimit:10;stroke-width:0.5px}.cls-1{stroke:#e6e7e8}.cls-3{fill:#f1f2f2}.cls-4{fill:#e6e7e8}.cls-5{fill:#d1d3d4}.cls-6{fill:#bcbec0}.cls-11{fill:#fff}</style></defs>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_6" data-name="Layer 6">
<path d="M0.62 0.62L81.16 0.62" class="cls-1"/>
<path fill="none" stroke="#a7a9ac" stroke-miterlimit="10" stroke-width="0.5px" d="M80.36 0.62L160.09 80.15"/>
<path d="M0.18 0.18L80.36 80.15" class="cls-1"/>
<path d="M80.36 80.15L80.36 100.03" class="cls-1"/>
<path d="M40.49 40.38L0.62 0.62 40.49 0.62 40.49 40.38z" class="cls-3"/>
<path d="M40.49 0.62L80.36 40.38 40.49 40.38 40.49 0.62z" class="cls-4"/>
<path d="M80.36 40.38L40.49 0.62 80.36 0.62 80.36 40.38z" class="cls-5"/>
<path d="M80.36 0.62L120.22 40.38 80.36 40.38 80.36 0.62z" class="cls-6"/>
<path d="M120.22 40.38L160.09 80.15 120.22 80.15 120.22 40.38z" class="cls-6"/>
<path d="M120.22 80.15L80.36 40.38 120.22 40.38 120.22 80.15z" class="cls-5"/>
<path d="M80.36 40.38L120.22 80.15 80.36 80.15 80.36 40.38z" class="cls-4"/>
<path d="M80.36 80.15L40.49 40.38 80.36 40.38 80.36 80.15z" class="cls-3"/>
<path d="M120.22 119.91L160.09 80.15 120.22 80.15 120.22 119.91z" class="cls-5"/>
<path d="M120.22 80.15L80.36 119.91 120.22 119.91 120.22 80.15z" class="cls-4"/>
<path d="M80.36 119.91L120.22 80.15 80.36 80.15 80.36 119.91z" class="cls-3"/>
<path d="M80.36 139.79L40.49 100.03 80.36 100.03 80.36 139.79z" class="cls-4"/>
<path fill="#a7a9ac" d="M130.38 159.67L90.52 119.91 130.38 119.91 130.38 159.67z"/>
<path fill="#414042" d="M130.38 133.81L156.31 159.67 130.38 159.67 130.38 133.81z"/>
<path fill="#a9abac" d="M120.22 119.91L146.27 93.98 146.27 119.91 120.22 119.91z"/>
<path fill="#DD2A0E" d="M148.21 94.02L174.13 119.88 148.21 119.88 148.21 94.02z"/>
<g class="c-logo__text">
<path d="M51.09,177a4.08,4.08,0,0,0-1.69-3.68A8.43,8.43,0,0,0,45.51,172a4.76,4.76,0,0,1-2.83-1.13,1.59,1.59,0,0,1,0-2c.43-.74,1.4-1.11,2.88-1.11A4.29,4.29,0,0,1,48.8,169l2-2a7.78,7.78,0,0,0-2.24-1.51,9.51,9.51,0,0,0-3.66-.56,6.75,6.75,0,0,0-3.92,1.35,4.06,4.06,0,0,0-1.87,3.5,3.59,3.59,0,0,0,1.62,3.38,9.13,9.13,0,0,0,3.72,1.24c1.64.16,2.65.6,3.08,1.34a2.08,2.08,0,0,1,0,2.22c-.43.75-1.45,1.11-3.11,1.11a6.06,6.06,0,0,1-4-1.51l-2,2A8.63,8.63,0,0,0,41,181.22a10.09,10.09,0,0,0,3.95.68,6.81,6.81,0,0,0,4.31-1.45A4.19,4.19,0,0,0,51.09,177Z" class="cls-11"/>
<path d="M16.78,181.89h3.41l-4.27-7.47.29-.09c2-.66,3-2.15,3-4.56,0-3.2-1.91-4.76-5.83-4.76H6.07v16.89H9v-7.19h3.57ZM9,172v-4.2H14.2c1.91.06,2.34,1.14,2.37,2s-.47,2.14-2.4,2.17H9Z" class="cls-11"/><path d="M21.8 167.75L27.59 167.75 27.59 181.89 30.57 181.89 30.57 167.75 36.37 167.75 36.37 165.01 21.8 165.01 21.8 167.75z" class="cls-11"/><path d="M69.57 181.56L69.57 164.74 68.45 164.74 68.45 172.37 58.27 172.37 58.27 164.74 57.15 164.74 57.15 181.56 58.27 181.56 58.27 173.34 68.45 173.34 68.45 181.56 69.57 181.56z" class="cls-11"/>
<path d="M85.3,177l1.88,4.6h1.27l-7.08-16.82H80l-7.34,16.82h1.14l2-4.6ZM80.63,165.6,84.92,176h-8.7Z" class="cls-11"/>
<path d="M110.32 164.74L106.01 180.07 105.64 180.07 105.53 179.89 101.21 164.74 99.53 164.74 95.15 180.07 94.77 180.07 94.67 179.89 90.42 164.74 89.28 164.74 94.17 181.56 95.78 181.56 100.16 166.15 100.53 166.15 100.63 166.33 104.96 181.56 106.56 181.56 111.46 164.74 110.32 164.74z" class="cls-11"/><path d="M116.23 172.68L124.93 181.56 126.56 181.56 117.55 172.4 126.02 164.74 124.53 164.74 116.14 172.37 115.65 172.37 115.65 164.74 114.54 164.74 114.54 181.56 115.65 181.56 115.65 172.6 116.15 172.6 116.23 172.68z" class="cls-11"/>
<path d="M139.01 173.34L139.01 172.37 130.6 172.37 130.6 165.71 139.57 165.71 139.57 164.74 129.48 164.74 129.48 181.56 139.97 181.56 139.97 180.59 130.6 180.59 130.6 173.34 139.01 173.34z" class="cls-11"/><path d="M153.88 164.74L148.38 173.17 143.01 164.74 141.68 164.74 147.83 174.27 147.83 181.56 148.94 181.56 148.94 174.27 155.09 164.74 153.88 164.74z" class="cls-11"/><path d="M167.56 173.34L167.56 172.37 159.14 172.37 159.14 165.71 168.12 165.71 168.12 164.74 158.03 164.74 158.03 181.56 168.51 181.56 168.51 180.59 159.14 180.59 159.14 173.34 167.56 173.34z" class="cls-11"/>
</g>
</g>
</g>
</svg>
<!-- Logo ends -->
</a>
</header>
<!-- Mobile menu button starts -->
<button class="c-btn c-btn--link c-btn--link--no-underline c-sidebar__nav__trigger js-c-sidebar__nav__trigger" aria-label="Toggle menu">
Menu
</button>
<!-- Mobile menu button ends -->
<!-- Navigation starts -->
<nav class="c-sidebar__nav">
<ul class="c-sidebar__nav__list">
<li class="c-sidebar__nav__item c-sidebar__nav__item--parent">
<span class="c-sidebar__nav__link">Facilities</span>
<ul class="c-sidebar__nav-child">
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Dashboard</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">DBOL</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">IBOL</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">WO</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Transfer</a>
</li>
</ul>
</li>
<li class="c-sidebar__nav__item c-sidebar__nav__item--parent">
<span class="c-sidebar__nav__link">Asset management</span>
<ul class="c-sidebar__nav-child">
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Inventory Viewer</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Order History</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Inspection report</a>
</li>
</ul>
</li>
<li class="c-sidebar__nav__item">
<a href="#" class="c-sidebar__nav__link">Well analysis</a>
</li>
<li class="c-sidebar__nav__item">
<a href="#" class="c-sidebar__nav__link">CRM</a>
</li>
<li class="c-sidebar__nav__item c-sidebar__nav__item--parent">
<span class="c-sidebar__nav__link">Data Structure</span>
<ul class="c-sidebar__nav-child">
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">People</a>
</li>
<!--
-->
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Companies</a>
</li>
<!--
-->
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Wells</a>
</li>
<!--
-->
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Racks</a>
</li>
<!--
-->
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Facilities</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- Navigation ends -->
<footer class="c-sidebar__footer">
<button class="c-btn c-btn--link c-sidebar__layout-btn">Switch layout</button>
<div class="c-sidebar__username-dropdown">
<h2 class="c-sidebar__username">Jesusito GarcĂa</h2>
<a href="#" class="c-sidebar__nav-link__logout">Sign Out</a>
</div>
</footer>
</div>
</aside>
<!-- Sidebar ends -->
<!-- Content wrapper starts -->
<div class="c-content-wrapper">
<main class="o-stack--lg">
<header class="o-stack--xs">
<h2 class="o-display--sm">Hawkeye Assistant</h2>
<div class="u-d-flex">
<h3 class="o-heading--sm u-f-weight-400">Selected order: <strong class="u-f-weight-600">0203-IBOL-0001100</strong></h3> <button class="c-btn c-btn--xs u-ml-2 c-btn--destructive">Delete order</button>
</div>
</header>
<div id="ember846" class="ember-view">
<section class="o-grid o-grid--fix--2@large o-grid__gap--md@small">
<h3 class="o-heading o-grid__span-col--all">General information</h3>
<section class="o-stack--sm">
<h4 class="o-subheading">Customer Details</h4>
<dl class="o-grid o-grid--auto--lg o-grid__gap--md">
<div class="o-stack--xs"> <dt class="o-label">Company</dt>
<dd> <a href="/companies/b94be5d2-cd9a-4acf-9fcd-3992c6e6745e" id="ember859" class="ember-view"> Marathon - Eagle Ford </a></dd>
</div>
<div class="o-stack--xs o-grid__start-row--2@medium">
<dt class="o-label">Date requested</dt>
<dd>Thu, Sep 19, 2019</dd>
</div>
<div class="o-stack--xs">
<dt class="o-label">Ordered by</dt>
<dd>
<div id="ember880" class="c-input--power-select c-input--power-select--sm admin-field user power-select ember-view">
<!---->
<div aria-owns="ember-basic-dropdown-content-ember890" tabindex="0" data-ebd-id="ember890-trigger" role="button" id="ember895" class="ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span class="ember-power-select-placeholder">Randy Nolan</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember890" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
<!---->
</div>
</dd>
</div>
<div class="o-stack--xs o-grid__start-row--2@medium">
<dt class="o-label">Customer PO / AFE</dt>
<dd>
<div id="ember911" class="c-input--power-select c-input--power-select--sm admin-field customer-po text ember-view">
<!----><input type="text" placeholder="WO.16.40794.EXP" id="ember911-input" class="c-input c-input--sm ember-text-field ember-view">
<!---->
</div>
</dd>
</div>
</dl>
</section>
<section class="o-stack--sm">
<h4 class="o-subheading">Incoming well / Origin</h4>
<dl class="o-grid o-grid--auto--lg o-grid__gap--md">
<div class="o-stack--xs">
<dt class="o-label">Name</dt>
<dd>
<div id="ember916" class="c-input--power-select c-input--power-select--sm admin-field well power-select ember-view">
<!---->
<div aria-owns="ember-basic-dropdown-content-ember918" tabindex="0" data-ebd-id="ember918-trigger" role="button" id="ember919" class="ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span class="ember-power-select-placeholder">McCoy 4H</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember918" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
<!---->
</div>
</dd>
</div>
<div class="o-stack--xs o-grid__start-row--2@medium"> <dt class="o-label">Well Site Contact</dt>
<dd>
<div id="ember923" class="c-input--power-select c-input--power-select--sm admin-field well-site-contact-name text ember-view">
<!----><input type="text" placeholder="Well site contact name" id="ember923-input" class="c-input c-input--sm ember-text-field ember-view">
<!---->
</div>
</dd>
</div>
<div class="o-stack--xs"> <dt class="o-label">State/County</dt>
<dd>Texas/Live Oak</dd>
</div>
<div class="o-stack--xs o-grid__start-row--2@medium"> <dt class="o-label">Well Site Contact Phone</dt>
<dd>
<div id="ember924" class="c-input--power-select c-input--power-select--sm admin-field well-site-contact-phone text ember-view">
<!----><input type="text" placeholder="Well site contact phone" id="ember924-input" class="c-input c-input--sm ember-text-field ember-view">
<!---->
</div>
</dd>
</div>
</dl>
</section>
</section>
</div>
<section class="o-stack--sm">
<h3 class="o-heading">Order detail</h3>
<div id="ember925" class="ember-view">
<div class="row o-stack--xs">
<h3 class="o-heading--sm">Tubing</h3>
<h4 class="o-subheading">Remaining items: </h4>
<div class="c-table__wrapper">
<table class="c-table c-table--fix-col-1--right c-table--qty-fix">
<thead class="c-table__header">
<tr class="c-table__header__row">
<th class="c-table__header__item">Product</th>
<!---->
<th class="c-table__header__item"> Condition</th>
<th class="c-table__header__item"> Size</th>
<th class="c-table__header__item"> Weight</th>
<th class="c-table__header__item"> Grade</th>
<th class="c-table__header__item"> Connection</th>
<th class="c-table__header__item"> Range</th>
<th class="c-table__header__item"> Coating</th>
<th class="c-table__header__item"> Seam</th>
<th class="c-table__header__item"> Length</th>
<th class="c-table__header__item"> Mill</th>
<th class="c-table__header__item"> Tags</th>
<th class="c-table__header__item"> Quantity </th>
</tr>
</thead>
<tbody class="c-table__body">
<tr class="c-table__body__row">
<td class="c-table__body__item"> Tubing </td>
<!---->
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember950" tabindex="0" data-ebd-id="ember950-trigger" role="button" id="ember951" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Green Band </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember950" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember956" tabindex="0" data-ebd-id="ember956-trigger" role="button" id="ember957" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 2-7/8" </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember956" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember962" tabindex="0" data-ebd-id="ember962-trigger" role="button" id="ember963" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 6.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember962" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember968" tabindex="0" data-ebd-id="ember968-trigger" role="button" id="ember969" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> L-80 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember968" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember974" tabindex="0" data-ebd-id="ember974-trigger" role="button" id="ember975" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 8rd EUE </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember974" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember980" tabindex="0" data-ebd-id="ember980-trigger" role="button" id="ember981" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Rg 2 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember980" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember986" tabindex="0" data-ebd-id="ember986-trigger" role="button" id="ember987" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Bare </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember986" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember992" tabindex="0" data-ebd-id="ember992-trigger" role="button" id="ember993" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Seamless </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember992" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember998" tabindex="0" data-ebd-id="ember998-trigger" role="button" id="ember999" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 31.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember998" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1004" tabindex="0" data-ebd-id="ember1004-trigger" role="button" id="ember1005" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-placeholder">Mill</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1004" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div class="t-tag">
<div id="ember1013" class="ember-view">
<div id="ember1018" class="ember-view">
<div aria-owns="ember-basic-dropdown-content-ember1019" tabindex="-1" data-ebd-id="ember1019-trigger" role="button" id="ember1020" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
<ul id="ember-power-select-multiple-options-ember1019" class="ember-power-select-multiple-options">
<!----><input type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" id="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input-ember1019"
aria-controls="ember-power-select-options-ember1019" style="width: 100%;" placeholder="Tags" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input"> </ul> <span class="ember-power-select-status-icon"></span>
</div>
<div id="ember-basic-dropdown-content-ember1019" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</div>
</div>
</div>
</td>
<td class="c-table__body__item"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1025="1025"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z"></path>
</svg> </a> <input max="78" type="text" placeholder="0" id="ember1026" class="c-input c-input--sm c-input--qty ember-text-field ember-view"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z">
</path>
</svg> </a>
<div class="c-table--qty-fix__actions"> <a class="select-action-link" data-ember-action="" data-ember-action-1028="1028">Split</a>
<!---->
</div>
</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item"> Tubing </td>
<!---->
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1031" tabindex="0" data-ebd-id="ember1031-trigger" role="button" id="ember1032" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Red Band </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1031" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1037" tabindex="0" data-ebd-id="ember1037-trigger" role="button" id="ember1038" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 2-7/8" </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1037" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1043" tabindex="0" data-ebd-id="ember1043-trigger" role="button" id="ember1044" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 6.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1043" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1049" tabindex="0" data-ebd-id="ember1049-trigger" role="button" id="ember1050" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> L-80 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1049" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1055" tabindex="0" data-ebd-id="ember1055-trigger" role="button" id="ember1056" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 8rd EUE </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1055" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1061" tabindex="0" data-ebd-id="ember1061-trigger" role="button" id="ember1062" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Rg 2 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1061" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1067" tabindex="0" data-ebd-id="ember1067-trigger" role="button" id="ember1068" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> IPC (Unknown) </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1067" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1073" tabindex="0" data-ebd-id="ember1073-trigger" role="button" id="ember1074" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Seamless </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1073" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1079" tabindex="0" data-ebd-id="ember1079-trigger" role="button" id="ember1080" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 31.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1079" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1085" tabindex="0" data-ebd-id="ember1085-trigger" role="button" id="ember1086" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-placeholder">Mill</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1085" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div class="t-tag">
<div id="ember1090" class="ember-view">
<div id="ember1091" class="ember-view">
<div aria-owns="ember-basic-dropdown-content-ember1092" tabindex="-1" data-ebd-id="ember1092-trigger" role="button" id="ember1093" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
<ul id="ember-power-select-multiple-options-ember1092" class="ember-power-select-multiple-options">
<!----><input type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" id="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input-ember1092"
aria-controls="ember-power-select-options-ember1092" style="width: 100%;" placeholder="Tags" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input"> </ul> <span class="ember-power-select-status-icon"></span>
</div>
<div id="ember-basic-dropdown-content-ember1092" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</div>
</div>
</div>
</td>
<td class="c-table__body__item"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1096="1096"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z"></path>
</svg> </a> <input max="1" type="text" placeholder="0" id="ember1097" class="c-input c-input--sm c-input--qty ember-text-field ember-view"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1098="1098"> <svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z">
</path>
</svg> </a>
<div class="c-table--qty-fix__actions"> <a class="select-action-link" data-ember-action="" data-ember-action-1099="1099">Split</a>
<!---->
</div>
</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item"> Tubing </td>
<!---->
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1102" tabindex="0" data-ebd-id="ember1102-trigger" role="button" id="ember1103" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Used Uninspected </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1102" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1108" tabindex="0" data-ebd-id="ember1108-trigger" role="button" id="ember1109" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 2-7/8" </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1108" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1114" tabindex="0" data-ebd-id="ember1114-trigger" role="button" id="ember1115" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 6.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1114" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1120" tabindex="0" data-ebd-id="ember1120-trigger" role="button" id="ember1121" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> L-80 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1120" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1126" tabindex="0" data-ebd-id="ember1126-trigger" role="button" id="ember1127" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 8rd EUE </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1126" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1132" tabindex="0" data-ebd-id="ember1132-trigger" role="button" id="ember1133" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Rg 2 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1132" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1138" tabindex="0" data-ebd-id="ember1138-trigger" role="button" id="ember1139" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Bare </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1138" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1144" tabindex="0" data-ebd-id="ember1144-trigger" role="button" id="ember1145" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> Seamless </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1144" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1150" tabindex="0" data-ebd-id="ember1150-trigger" role="button" id="ember1151" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-selected-item"> 31.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1150" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1156" tabindex="0" data-ebd-id="ember1156-trigger" role="button" id="ember1157" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view">
<span class="ember-power-select-placeholder">Mill</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1156" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div class="t-tag">
<div id="ember1161" class="ember-view">
<div id="ember1162" class="ember-view">
<div aria-owns="ember-basic-dropdown-content-ember1163" tabindex="-1" data-ebd-id="ember1163-trigger" role="button" id="ember1164" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
<ul id="ember-power-select-multiple-options-ember1163" class="ember-power-select-multiple-options">
<!----><input type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" id="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input-ember1163"
aria-controls="ember-power-select-options-ember1163" style="width: 100%;" placeholder="Tags" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input"> </ul> <span class="ember-power-select-status-icon"></span>
</div>
<div id="ember-basic-dropdown-content-ember1163" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</div>
</div>
</div>
</td>
<td class="c-table__body__item"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1167="1167"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z"></path>
</svg> </a> <input max="2" type="text" placeholder="0" id="ember1168" class="c-input c-input--sm c-input--qty ember-text-field ember-view"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1169="1169"> <svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z">
</path>
</svg> </a>
<div class="c-table--qty-fix__actions"> <a class="select-action-link" data-ember-action="" data-ember-action-1170="1170">Split</a>
<!---->
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<div class="o-grid o-grid--auto--content o-grid__gap--sm"><a href="/toolbox" id="ember1181" class="c-btn c-btn--primary c-btn--lg ember-view">Save Changes</a><a href="/toolbox" id="ember1171" class="c-btn c-btn--link ember-view">Cancel Edit</a></div>
</main>
<!-- Comments with modal start -->
<div class="c-comments__container o-stack--sm">
<div class="c-comments__header">
<h5 class="c-comments__title">
<svg class="o-icon" aria-hidden="true"> <use href="#comments"></use></svg> Comments
</h5>
<a class="c-btn c-btn--outline c-btn--xs">Add Comment</a>
</div>
<div class="c-comments__list">
<!-- Single comment starts -->
<li class="c-comments__single o-stack--xs">
<header class="c-comments__single-header">
<h6 class="c-comments__single-username">Toño</h6> <span class="c-comments__single-date">4 minutes ago</span>
<button class="c-btn c-btn--xs c-btn--destructive c-comments__single-delete">Delete comment</button>
</header>
<p class="c-comments__single-body">This is an example comment</p>
</li>
<!-- Single comment ends -->
<!-- Single comment starts -->
<li class="c-comments__single o-stack--xs">
<header class="c-comments__single-header">
<h6 class="c-comments__single-username">Billy</h6> <span class="c-comments__single-date">Sep 12 2019</span>
<button class="c-btn c-btn--xs c-btn--destructive c-comments__single-delete">Delete comment</button>
</header>
<p class="c-comments__single-body">These comments look way better</p>
</li>
<!-- Single comment ends -->
<!-- Single comment starts -->
<li class="c-comments__single o-stack--xs">
<header class="c-comments__single-header">
<h6 class="c-comments__single-username">Danira</h6> <span class="c-comments__single-date">Sep 10 2019</span>
<button class="c-btn c-btn--xs c-btn--destructive c-comments__single-delete">Delete comment</button>
</header>
<p class="c-comments__single-body">👇🏼🙄</p>
</li>
<!-- Single comment ends -->
<!-- Single comment starts -->
<li class="c-comments__single o-stack--xs">
<header class="c-comments__single-header">
<h6 class="c-comments__single-username">Nahum</h6> <span class="c-comments__single-date">Sep 9 2019</span>
<button class="c-btn c-btn--xs c-btn--destructive c-comments__single-delete">Delete comment</button>
</header>
<p class="c-comments__single-body">You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't know exactly when
we turned on each other, but I know that seven of us survived the slide... and only five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't.
Nature is lethal but it doesn't hold a candle to man.</p>
</li>
<!-- Single comment ends -->
</div>
<section class="c-modal">
<div class="c-modal__container o-stack">
<header class="c-modal__header">
<h2 class="o-heading">Add new comment</h2> <button role="button" aria-label="Close modal" class="c-btn c-modal__btn-close">Ă—</button>
</header>
<div class="c-modal__content">
<textarea cols="10" rows="4" placeholder="Your comment"></textarea>
</div>
<div class="o-grid o-grid--auto--content">
<button class="c-btn c-btn--primary c-btn--lg">Post comment</button>
</div>
</div>
</section>
</div>
<!-- Comments with modal end -->
<!--
##################################################
Styles & scripts to make the modal example work
##################################################-->
<style>
.c-comments__container>.c-modal {
display: none;
}
.c-comments__container>.c-modal.is-open {
display: flex;
}
</style>
<script>
var commentbtn = document.querySelectorAll('.c-comments__header .c-btn');
var modal = document.querySelectorAll('.c-comments__container .c-modal');
var modalClose = document.querySelectorAll('.c-modal__btn-close');
commentbtn[0].onclick = function() {
modal[0].classList.toggle("is-open");
return false;
}
modalClose[0].onclick = function() {
modal[0].classList.toggle("is-open");
return false;
}
</script>
</div>
<!-- Content wrapper ends -->
</div>
<div class="c-app-wrapper"> {{> '@sidebar-nav' sidebarClass="o-grid__span-col--2" username="Jesusito GarcĂa" }} <!-- Content wrapper starts -->
<div class="c-content-wrapper">
<main class="o-stack--lg">
<header class="o-stack--xs">
<h2 class="o-display--sm">Hawkeye Assistant</h2>
<div class="u-d-flex">
<h3 class="o-heading--sm u-f-weight-400">Selected order: <strong class="u-f-weight-600">0203-IBOL-0001100</strong></h3> <button class="c-btn c-btn--xs u-ml-2 c-btn--destructive">Delete order</button>
</div>
</header>
<div id="ember846" class="ember-view">
<section class="o-grid o-grid--fix--2@large o-grid__gap--md@small">
<h3 class="o-heading o-grid__span-col--all">General information</h3>
<section class="o-stack--sm">
<h4 class="o-subheading">Customer Details</h4>
<dl class="o-grid o-grid--auto--lg o-grid__gap--md">
<div class="o-stack--xs"> <dt class="o-label">Company</dt>
<dd> <a href="/companies/b94be5d2-cd9a-4acf-9fcd-3992c6e6745e" id="ember859" class="ember-view"> Marathon - Eagle Ford </a></dd>
</div>
<div class="o-stack--xs o-grid__start-row--2@medium">
<dt class="o-label">Date requested</dt>
<dd>Thu, Sep 19, 2019</dd>
</div>
<div class="o-stack--xs">
<dt class="o-label">Ordered by</dt>
<dd>
<div id="ember880" class="c-input--power-select c-input--power-select--sm admin-field user power-select ember-view">
<!---->
<div aria-owns="ember-basic-dropdown-content-ember890" tabindex="0" data-ebd-id="ember890-trigger" role="button" id="ember895" class="ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-placeholder">Randy Nolan</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember890" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
<!---->
</div>
</dd>
</div>
<div class="o-stack--xs o-grid__start-row--2@medium">
<dt class="o-label">Customer PO / AFE</dt>
<dd>
<div id="ember911" class="c-input--power-select c-input--power-select--sm admin-field customer-po text ember-view">
<!----> <input type="text" placeholder="WO.16.40794.EXP" id="ember911-input" class="c-input c-input--sm ember-text-field ember-view">
<!---->
</div>
</dd>
</div>
</dl>
</section>
<section class="o-stack--sm">
<h4 class="o-subheading">Incoming well / Origin</h4>
<dl class="o-grid o-grid--auto--lg o-grid__gap--md">
<div class="o-stack--xs">
<dt class="o-label">Name</dt>
<dd>
<div id="ember916" class="c-input--power-select c-input--power-select--sm admin-field well power-select ember-view">
<!---->
<div aria-owns="ember-basic-dropdown-content-ember918" tabindex="0" data-ebd-id="ember918-trigger" role="button" id="ember919" class="ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-placeholder">McCoy 4H</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember918" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
<!---->
</div>
</dd>
</div>
<div class="o-stack--xs o-grid__start-row--2@medium"> <dt class="o-label">Well Site Contact</dt>
<dd>
<div id="ember923" class="c-input--power-select c-input--power-select--sm admin-field well-site-contact-name text ember-view">
<!----> <input type="text" placeholder="Well site contact name" id="ember923-input" class="c-input c-input--sm ember-text-field ember-view">
<!---->
</div>
</dd>
</div>
<div class="o-stack--xs"> <dt class="o-label">State/County</dt>
<dd>Texas/Live Oak</dd>
</div>
<div class="o-stack--xs o-grid__start-row--2@medium"> <dt class="o-label">Well Site Contact Phone</dt>
<dd>
<div id="ember924" class="c-input--power-select c-input--power-select--sm admin-field well-site-contact-phone text ember-view">
<!----> <input type="text" placeholder="Well site contact phone" id="ember924-input" class="c-input c-input--sm ember-text-field ember-view">
<!---->
</div>
</dd>
</div>
</dl>
</section>
</section>
</div>
<section class="o-stack--sm">
<h3 class="o-heading">Order detail</h3>
<div id="ember925" class="ember-view">
<div class="row o-stack--xs">
<h3 class="o-heading--sm">Tubing</h3>
<h4 class="o-subheading">Remaining items: </h4>
<div class="c-table__wrapper">
<table class="c-table c-table--fix-col-1--right c-table--qty-fix">
<thead class="c-table__header">
<tr class="c-table__header__row">
<th class="c-table__header__item">Product</th>
<!---->
<th class="c-table__header__item"> Condition</th>
<th class="c-table__header__item"> Size</th>
<th class="c-table__header__item"> Weight</th>
<th class="c-table__header__item"> Grade</th>
<th class="c-table__header__item"> Connection</th>
<th class="c-table__header__item"> Range</th>
<th class="c-table__header__item"> Coating</th>
<th class="c-table__header__item"> Seam</th>
<th class="c-table__header__item"> Length</th>
<th class="c-table__header__item"> Mill</th>
<th class="c-table__header__item"> Tags</th>
<th class="c-table__header__item"> Quantity </th>
</tr>
</thead>
<tbody class="c-table__body">
<tr class="c-table__body__row">
<td class="c-table__body__item"> Tubing </td>
<!---->
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember950" tabindex="0" data-ebd-id="ember950-trigger" role="button" id="ember951" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Green Band </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember950" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember956" tabindex="0" data-ebd-id="ember956-trigger" role="button" id="ember957" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 2-7/8" </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember956" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember962" tabindex="0" data-ebd-id="ember962-trigger" role="button" id="ember963" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 6.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember962" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember968" tabindex="0" data-ebd-id="ember968-trigger" role="button" id="ember969" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> L-80 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember968" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember974" tabindex="0" data-ebd-id="ember974-trigger" role="button" id="ember975" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 8rd EUE </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember974" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember980" tabindex="0" data-ebd-id="ember980-trigger" role="button" id="ember981" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Rg 2 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember980" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember986" tabindex="0" data-ebd-id="ember986-trigger" role="button" id="ember987" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Bare </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember986" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember992" tabindex="0" data-ebd-id="ember992-trigger" role="button" id="ember993" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Seamless </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember992" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember998" tabindex="0" data-ebd-id="ember998-trigger" role="button" id="ember999" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 31.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember998" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1004" tabindex="0" data-ebd-id="ember1004-trigger" role="button" id="ember1005" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-placeholder">Mill</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1004" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div class="t-tag">
<div id="ember1013" class="ember-view">
<div id="ember1018" class="ember-view">
<div aria-owns="ember-basic-dropdown-content-ember1019" tabindex="-1" data-ebd-id="ember1019-trigger" role="button" id="ember1020"
class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
<ul id="ember-power-select-multiple-options-ember1019" class="ember-power-select-multiple-options">
<!----> <input type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" id="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input-ember1019"
aria-controls="ember-power-select-options-ember1019" style="width: 100%;" placeholder="Tags" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input"> </ul> <span class="ember-power-select-status-icon"></span>
</div>
<div id="ember-basic-dropdown-content-ember1019" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</div>
</div>
</div>
</td>
<td class="c-table__body__item"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1025="1025"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z"></path>
</svg> </a> <input max="78" type="text" placeholder="0" id="ember1026" class="c-input c-input--sm c-input--qty ember-text-field ember-view"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z">
</path>
</svg> </a>
<div class="c-table--qty-fix__actions"> <a class="select-action-link" data-ember-action="" data-ember-action-1028="1028">Split</a>
<!---->
</div>
</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item"> Tubing </td>
<!---->
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1031" tabindex="0" data-ebd-id="ember1031-trigger" role="button" id="ember1032" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Red Band </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1031" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1037" tabindex="0" data-ebd-id="ember1037-trigger" role="button" id="ember1038" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 2-7/8" </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1037" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1043" tabindex="0" data-ebd-id="ember1043-trigger" role="button" id="ember1044" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 6.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1043" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1049" tabindex="0" data-ebd-id="ember1049-trigger" role="button" id="ember1050" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> L-80 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1049" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1055" tabindex="0" data-ebd-id="ember1055-trigger" role="button" id="ember1056" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 8rd EUE </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1055" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1061" tabindex="0" data-ebd-id="ember1061-trigger" role="button" id="ember1062" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Rg 2 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1061" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1067" tabindex="0" data-ebd-id="ember1067-trigger" role="button" id="ember1068" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> IPC (Unknown) </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1067" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1073" tabindex="0" data-ebd-id="ember1073-trigger" role="button" id="ember1074" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Seamless </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1073" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1079" tabindex="0" data-ebd-id="ember1079-trigger" role="button" id="ember1080" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 31.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1079" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1085" tabindex="0" data-ebd-id="ember1085-trigger" role="button" id="ember1086" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-placeholder">Mill</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1085" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div class="t-tag">
<div id="ember1090" class="ember-view">
<div id="ember1091" class="ember-view">
<div aria-owns="ember-basic-dropdown-content-ember1092" tabindex="-1" data-ebd-id="ember1092-trigger" role="button" id="ember1093"
class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
<ul id="ember-power-select-multiple-options-ember1092" class="ember-power-select-multiple-options">
<!----> <input type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" id="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input-ember1092"
aria-controls="ember-power-select-options-ember1092" style="width: 100%;" placeholder="Tags" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input"> </ul> <span class="ember-power-select-status-icon"></span>
</div>
<div id="ember-basic-dropdown-content-ember1092" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</div>
</div>
</div>
</td>
<td class="c-table__body__item"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1096="1096"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z"></path>
</svg> </a> <input max="1" type="text" placeholder="0" id="ember1097" class="c-input c-input--sm c-input--qty ember-text-field ember-view"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1098="1098"> <svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z">
</path>
</svg> </a>
<div class="c-table--qty-fix__actions"> <a class="select-action-link" data-ember-action="" data-ember-action-1099="1099">Split</a>
<!---->
</div>
</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item"> Tubing </td>
<!---->
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1102" tabindex="0" data-ebd-id="ember1102-trigger" role="button" id="ember1103" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Used Uninspected </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1102" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1108" tabindex="0" data-ebd-id="ember1108-trigger" role="button" id="ember1109" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 2-7/8" </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1108" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1114" tabindex="0" data-ebd-id="ember1114-trigger" role="button" id="ember1115" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 6.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1114" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1120" tabindex="0" data-ebd-id="ember1120-trigger" role="button" id="ember1121" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> L-80 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1120" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1126" tabindex="0" data-ebd-id="ember1126-trigger" role="button" id="ember1127" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 8rd EUE </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1126" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1132" tabindex="0" data-ebd-id="ember1132-trigger" role="button" id="ember1133" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Rg 2 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1132" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1138" tabindex="0" data-ebd-id="ember1138-trigger" role="button" id="ember1139" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Bare </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1138" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1144" tabindex="0" data-ebd-id="ember1144-trigger" role="button" id="ember1145" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> Seamless </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1144" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1150" tabindex="0" data-ebd-id="ember1150-trigger" role="button" id="ember1151" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-selected-item"> 31.5 </span>
<!----><span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1150" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div aria-owns="ember-basic-dropdown-content-ember1156" tabindex="0" data-ebd-id="ember1156-trigger" role="button" id="ember1157" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-basic-dropdown-trigger ember-view"> <span
class="ember-power-select-placeholder">Mill</span> <span class="ember-power-select-status-icon"></span> </div>
<div id="ember-basic-dropdown-content-ember1156" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</td>
<td class="c-table__body__item">
<div class="t-tag">
<div id="ember1161" class="ember-view">
<div id="ember1162" class="ember-view">
<div aria-owns="ember-basic-dropdown-content-ember1163" tabindex="-1" data-ebd-id="ember1163-trigger" role="button" id="ember1164"
class="c-input--power-select c-input--power-select--sm ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
<ul id="ember-power-select-multiple-options-ember1163" class="ember-power-select-multiple-options">
<!----> <input type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" id="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input-ember1163"
aria-controls="ember-power-select-options-ember1163" style="width: 100%;" placeholder="Tags" class="c-input--power-select c-input--power-select--sm ember-power-select-trigger-multiple-input"> </ul> <span class="ember-power-select-status-icon"></span>
</div>
<div id="ember-basic-dropdown-content-ember1163" style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
</div>
</div>
</div>
</td>
<td class="c-table__body__item"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1167="1167"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z"></path>
</svg> </a> <input max="2" type="text" placeholder="0" id="ember1168" class="c-input c-input--sm c-input--qty ember-text-field ember-view"> <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1169="1169"> <svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z">
</path>
</svg> </a>
<div class="c-table--qty-fix__actions"> <a class="select-action-link" data-ember-action="" data-ember-action-1170="1170">Split</a>
<!---->
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<div class="o-grid o-grid--auto--content o-grid__gap--sm"><a href="/toolbox" id="ember1181" class="c-btn c-btn--primary c-btn--lg ember-view">Save Changes</a><a href="/toolbox" id="ember1171" class="c-btn c-btn--link ember-view">Cancel Edit</a></div>
</main>
{{render '@comments--modal'}}
</div>
<!-- Content wrapper ends -->
</div>
/* No context defined for this component. */
There are no notes for this item.