<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">Cynthia Young</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 content starts -->
        <main class="o-stack--lg">
            <div class="c_crm__page o-stack">
                <header class="o-stack">
                    <h2 class="o-display--sm">Customer Relationships Manager</h2>
                </header>
                <section class="o-stack-xs">
                    <div class="c-global-filter  c-global-filter__input">
                        <label for="filter" class="c-global-filter__label">Company, Person and Well filters</label>
                        <!-- Input power select starts -->
                        <!-- Plugin markup -->
                        <div class="c-input--power-select c-global-filter__input tag-field ember-view">
                            <div class="ember-view">
                                <div class="ember-view">
                                    <div aria-owns="ember-basic-dropdown-content-ember772" tabindex="-1" data-ebd-id="ember772-trigger" role="button" class="ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
                                        <span class="ember-power-select-placeholder">Type in to filter...</span>
                                        <span class="ember-power-select-status-icon"></span>
                                    </div>
                                    <div style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
                                </div>
                            </div>
                        </div>
                        <!-- Input power select ends -->
                    </div>
                    <div class="c-modal--side">
                        <h3 class="c-modal--side__title">Filters</h3><button class="c-modal--side__close">×</button>
                        <div class="c-modal--side__content">
                            <!-- <p class="filters__inside__legend">Filters</p> -->
                            <div class="o-stack--sm">
                                <div class="c-field">
                                    <label for="facility" class="c-field__label">Facility</label>
                                    <!-- Input power select starts -->
                                    <!-- Plugin markup -->
                                    <div class="c-input--power-select tag-field ember-view">
                                        <div class="ember-view">
                                            <div class="ember-view">
                                                <div aria-owns="ember-basic-dropdown-content-ember772" tabindex="-1" data-ebd-id="ember772-trigger" role="button" class="ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
                                                    <span class="ember-power-select-placeholder">Type facility name</span>
                                                    <span class="ember-power-select-status-icon"></span>
                                                </div>
                                                <div style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Input power select ends -->
                                </div>
                                <div class="c-field">
                                    <label for="company" class="c-field__label">Company</label>
                                    <!-- Input power select starts -->
                                    <!-- Plugin markup -->
                                    <div class="c-input--power-select tag-field ember-view">
                                        <div class="ember-view">
                                            <div class="ember-view">
                                                <div aria-owns="ember-basic-dropdown-content-ember772" tabindex="-1" data-ebd-id="ember772-trigger" role="button" class="ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
                                                    <span class="ember-power-select-placeholder">Type company name</span>
                                                    <span class="ember-power-select-status-icon"></span>
                                                </div>
                                                <div style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Input power select ends -->
                                </div>
                                <div class="c-field">
                                    <label for="well" class="c-field__label">Well</label>
                                    <!-- Input power select starts -->
                                    <!-- Plugin markup -->
                                    <div class="c-input--power-select tag-field ember-view">
                                        <div class="ember-view">
                                            <div class="ember-view">
                                                <div aria-owns="ember-basic-dropdown-content-ember772" tabindex="-1" data-ebd-id="ember772-trigger" role="button" class="ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
                                                    <span class="ember-power-select-placeholder">Type well name</span>
                                                    <span class="ember-power-select-status-icon"></span>
                                                </div>
                                                <div style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Input power select ends -->
                                </div>
                                <div class="c-field">
                                    <label for="person" class="c-field__label">Person</label>
                                    <!-- Input power select starts -->
                                    <!-- Plugin markup -->
                                    <div class="c-input--power-select tag-field ember-view">
                                        <div class="ember-view">
                                            <div class="ember-view">
                                                <div aria-owns="ember-basic-dropdown-content-ember772" tabindex="-1" data-ebd-id="ember772-trigger" role="button" class="ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">
                                                    <span class="ember-power-select-placeholder">Type person name</span>
                                                    <span class="ember-power-select-status-icon"></span>
                                                </div>
                                                <div style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Input power select ends -->
                                </div>
                                <div class="c-field">
                                    <label for="ordertype" class="c-field__label">Order Type</label>
                                    <!-- Input power select starts -->
                                    <!-- Plugin markup -->
                                    <div class="c-input--power-select tag-field ember-view">
                                        <div class="ember-view">
                                            <div class="ember-view">
                                                <div aria-owns="ember-basic-dropdown-content-ember772" tabindex="-1" data-ebd-id="ember772-trigger" role="button" class="ember-power-select-trigger ember-power-select-multiple-trigger ember-basic-dropdown-trigger ember-view">

                                                    <ul class="ember-power-select-multiple-options">
                                                        <input type="search" id="ordertype" value="All Orders" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-controls="ember-power-select-options-ember772" placeholder="" class="ember-power-select-trigger-multiple-input">
                                                    </ul>
                                                    <span class="ember-power-select-status-icon"></span>
                                                </div>
                                                <div style="display: none;" class="ember-basic-dropdown-content-placeholder"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Input power select ends -->
                                </div>
                                <div class="u-d-flex">
                                    <div class="c-field">
                                        <label for="startdate" class="c-field__label">Start Date</label>
                                        <!-- Input starts -->
                                        <input type="text" class="c-input" id="startdate" placeholder="10/30/2019" value="">
                                        <!-- Input ends -->
                                    </div>
                                    <span class="o-label u-width-50 u-align-self-center u-text-center">to</span>
                                    <div class="c-field">
                                        <label for="startdate" class="c-field__label">End Date</label>
                                        <!-- Input starts -->
                                        <input type="text" class="c-input" id="startdate" placeholder="11/30/2019" value="">
                                        <!-- Input ends -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <section class="c-profile-header__container c-profile-header__container--well o-stack--sm">
                        <h4 class="c-profile-header__type">Well</h4>
                        <header class="c-profile-header__header">
                            <div class="u-d-flex o-grid__span-col--all">
                                <h3 class="o-display--md u-mr-auto">Gemini #5</h3>
                                <!-- primary button starts -->
                                <button class="c-btn c-btn--primary">Add new log</button>
                                <!-- primary button ends -->
                            </div>
                            <div class="c-profile-header__header-info">
                                <p class="c-profile-header__header-info__item u-d-block">
                                    <span class="o-label u-d-block">Company</span>
                                    <span>Texas American Resources Company</span>
                                </p>
                                <p class="c-profile-header__header-info__item u-d-block">
                                    <span class="o-label u-d-block">Location</span>
                                    <span>Frio, Texas</span>
                                </p>
                                <p class="c-profile-header__header-info__item u-d-block">
                                    <span class="o-label u-d-block">Coordinates</span>
                                    <span><em>No coordinates available.</em></span>
                                </p>
                                <p class="c-profile-header__header-info__item u-d-block">
                                    <span class="o-label u-d-block">Directions</span>
                                    <span><em>No directions available.</em></span>
                                </p>
                            </div>
                            <div class="c-profile-header__header-info c-profile-header__header-info--long u-d-block">
                                <span class="o-label u-d-block">Associated Orders</span>
                                <span><em>No order information available.</em></span>
                            </div>
                        </header>
                    </section>

                    <ul class="c-order-logs c-crm__logs">
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  06
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Transfer Order Log</h4>
                                A Sucker Rod Transfer <a href="#0">#0102-TT-0006618</a> was completed from Tenaris - RTS to RTS.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  05
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Transfer Order Log</h4>
                                A Sucker Rod Transfer <a href="#0">#0102-TT-0006617</a> was completed from Concho - Texas to RTS.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  05
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Transfer Order Log</h4>
                                A Sucker Rod Transfer <a href="#0">#0102-TT-0006616</a> was completed from WildHorse Resources to RTS.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  04
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Transfer Order Log</h4>
                                A Sucker Rod Transfer <a href="#0">#0102-TT-0006618</a> was completed from Tenaris - RTS to RTS.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  04
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Transfer Order Log</h4>
                                A Sucker Rod Transfer <a href="#0">#0102-TT-0006617</a> was completed from Concho - Texas to RTS.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  03
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Transfer Order Log</h4>
                                A Sucker Rod Transfer <a href="#0">#0102-TT-0006616</a> was completed from WildHorse Resources to RTS.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  06
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Transfer Order Log</h4>
                                A Sucker Rod Transfer <a href="#0">#0102-TT-0006618</a> was completed from Tenaris - RTS to RTS.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  05
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Work Order Order Log</h4>
                                There was a new Tubing Work Order <a href="#0">#0203-WO-0006617</a> from the well <a href="#0">Dilley Yard</a>.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  05
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Work Order Order Log</h4>
                                There was a new Tubing Work Order <a href="#0">#0203-WO-0006616</a> from the well <a href="#0">Dilley Yard</a>.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  04
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Work Order Order Log</h4>
                                There was a new Tubing Work Order <a href="#0">#0203-WO-0006618</a> from the well <a href="#0">Dilley Yard</a>.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  04
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Work Order Order Log</h4>
                                There was a new Tubing Work Order <a href="#0">#0203-WO-0006617</a> from the well <a href="#0">Dilley Yard</a>.
                            </div>
                        </li>
                        <li class="c-order-logs__item">
                            <div class="c-order-logs__item-date">
                                <span class="c-order-logs__item-date__day">
                  03
                </span>
                                <span class="c-order-logs__item-date__month">
                  Nov
                </span>
                            </div>
                            <div class="c-order-logs__item-content">
                                <h4 class="c-order-logs__item-heading">Work Order Order Log</h4>
                                There was a new Tubing Work Order <a href="#0">#0203-WO-0006616</a> from the well <a href="#0">Dilley Yard</a>.
                            </div>
                        </li>
                    </ul>
                </section>
            </div>
        </main>
        <!-- main content ends -->
    </div>
    <!-- Content wrapper ends -->
</div>
<div class="c-app-wrapper">
  {{> '@sidebar-nav' sidebarClass="o-grid__span-col--2" username="Cynthia Young" }}

  <!-- Content wrapper starts -->
  <div class="c-content-wrapper">
    <!-- main content starts -->
    <main class="o-stack--lg">
      <div class="c_crm__page o-stack">
        <header class="o-stack">
          <h2 class="o-display--sm">Customer Relationships Manager</h2>
        </header>
        <section class="o-stack-xs">
          {{> '@global-filter' label="Company, Person and Well filters" inputID="filter" placeholder="Type in to filter..." extraClassContainer="c-global-filter__input" powerSelect="yes" empty="yes"}}
          {{render '@modal--side'}}
          {{render '@profile-header--well'}}
          {{> '@order-logs' extraClassContainer="c-crm__logs"}}
        </section>
      </div>
    </main>
    <!-- main content ends -->
  </div>
  <!-- Content wrapper ends -->
</div>
{
  "logs": [
    {
      "itemHeading": "Transfer",
      "itemContent": "A Sucker Rod Transfer <a href=\"#0\">#0102-TT-0006618</a> was completed from Tenaris - RTS to RTS.",
      "date": {
        "day": "06",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Transfer",
      "itemContent": "A Sucker Rod Transfer <a href=\"#0\">#0102-TT-0006617</a> was completed from Concho - Texas to RTS.",
      "date": {
        "day": "05",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Transfer",
      "itemContent": "A Sucker Rod Transfer <a href=\"#0\">#0102-TT-0006616</a> was completed from WildHorse Resources to RTS.",
      "date": {
        "day": "05",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Transfer",
      "itemContent": "A Sucker Rod Transfer <a href=\"#0\">#0102-TT-0006618</a> was completed from Tenaris - RTS to RTS.",
      "date": {
        "day": "04",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Transfer",
      "itemContent": "A Sucker Rod Transfer <a href=\"#0\">#0102-TT-0006617</a> was completed from Concho - Texas to RTS.",
      "date": {
        "day": "04",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Transfer",
      "itemContent": "A Sucker Rod Transfer <a href=\"#0\">#0102-TT-0006616</a> was completed from WildHorse Resources to RTS.",
      "date": {
        "day": "03",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Transfer",
      "itemContent": "A Sucker Rod Transfer <a href=\"#0\">#0102-TT-0006618</a> was completed from Tenaris - RTS to RTS.",
      "date": {
        "day": "06",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Work Order",
      "itemContent": "There was a new Tubing Work Order <a href=\"#0\">#0203-WO-0006617</a> from the well <a href=\"#0\">Dilley Yard</a>.",
      "date": {
        "day": "05",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Work Order",
      "itemContent": "There was a new Tubing Work Order <a href=\"#0\">#0203-WO-0006616</a> from the well <a href=\"#0\">Dilley Yard</a>.",
      "date": {
        "day": "05",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Work Order",
      "itemContent": "There was a new Tubing Work Order <a href=\"#0\">#0203-WO-0006618</a> from the well <a href=\"#0\">Dilley Yard</a>.",
      "date": {
        "day": "04",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Work Order",
      "itemContent": "There was a new Tubing Work Order <a href=\"#0\">#0203-WO-0006617</a> from the well <a href=\"#0\">Dilley Yard</a>.",
      "date": {
        "day": "04",
        "month": "Nov"
      }
    },
    {
      "itemHeading": "Work Order",
      "itemContent": "There was a new Tubing Work Order <a href=\"#0\">#0203-WO-0006616</a> from the well <a href=\"#0\">Dilley Yard</a>.",
      "date": {
        "day": "03",
        "month": "Nov"
      }
    }
  ]
}
  • Content:
    .c-crm__logs {
      margin-top: -#{$space-xl};
    }
    
  • URL: /components/raw/crm/_crm.scss
  • Filesystem Path: components/_pages/crm/_crm.scss
  • Size: 46 Bytes

There are no notes for this item.