<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&#x27;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&#x27;m breaking now. We said we&#x27;d say it was the snow that killed the other two, but it wasn&#x27;t.
                        Nature is lethal but it doesn&#x27;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.