<!DOCTYPE html>
<html>
  <head>
    <title>Trusted Inspector</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="YGLBO03mkEyk596me8p8rNu4Y2OMP70qu14K-GxoLhwbVZezdigIs2Ox6j_XJIs8c4d6Kwmki7jtBulSU5V4qA" />


<link rel="stylesheet" href="/assets/tailwind-ae293d07c673d171ff66940309f3081a122b986c0dd5cf4a1ae9ca6e36995ff2.css" media="all" data-turbo-track="reload" />
<link rel="stylesheet" href="/assets/fonts-15d1c876379e03c98195233933c3cc9529774af8f9fc188a7f958d78aa30acc2.css" media="all" data-turbo-track="reload" />

<script type="importmap" data-turbo-track="reload">{
  "imports": {
    "application": "/assets/application-stimulus-a16209cc2c8e94b46d5d846bd26cc24a683c06e3f3b80bc83ff68f3b78a6b798.js",
    "@hotwired/stimulus": "/assets/stimulus.min-162bc27fceed4ea7d167fd61a6552e3d950b5471589a392bc8eeadb40b6c52eb.js",
    "@hotwired/stimulus-loading": "/assets/stimulus-loading-1826401bde266fc9ea5ff184b4937ea4ac04c13ebbdc8fd465aca14ee9d313c3.js",
    "@hotwired/turbo-rails": "/assets/@hotwired--turbo-rails-65004a26d6aa02da3b1b998c3d2e34da96532a3c29254eb98a44ca99b8a11f37.js",
    "@hotwired/turbo": "/assets/@hotwired--turbo-df8b98ad122e11a95260c1ba7205b4a99afe0bbe6ba33600204e8d93fc44e629.js",
    "@rails/actioncable/src": "/assets/@rails--actioncable--src-6384190e5746dcc2cdd54a6e805dc6964d44481118661781d74d7b27f500dbd1.js",
    "flatpickr": "https://esm.sh/flatpickr@4.6.13",
    "controllers/alert_controller": "/assets/controllers/alert_controller-1c8c0c3cd3b5a44339b36237ae2cd60ba2ed1cc32e7390c7ffcddc8a756e89a9.js",
    "controllers/application": "/assets/controllers/application-00c7cd7ee34f06b622dc709dc7a448776d1f02a2bbf0e07f2015579b48bfa2e1.js",
    "controllers/auto_submit_controller": "/assets/controllers/auto_submit_controller-14aea82a020cdcc9769fb64a7c2d59e06f65cbc80e4459f3e7390f0b1f5684eb.js",
    "controllers/breadcrumbs_controller": "/assets/controllers/breadcrumbs_controller-53bc56d9765b95a642975ccc6b01632fee4f8b9c967b548e46dd671d6f1d919b.js",
    "controllers/chat_opener_controller": "/assets/controllers/chat_opener_controller-71c4f56b71439106ef482676c3fa67dc70fde9a4a461c38d1ddb3106a056a773.js",
    "controllers/checkbox_button_controller": "/assets/controllers/checkbox_button_controller-30b03354c1d6f69bf56ce1b3438ca60e91e35627c3dab4088d9488245294aaec.js",
    "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-15ea93c8fa9e8e8bc55892cf97998ec39e6ce87ba8441ef35e37731e46c882a9.js",
    "controllers/condition_summary_nav_controller": "/assets/controllers/condition_summary_nav_controller-e8321732cbef39a27f466d5228ff8b8db918ad6460280a2623afe3d2758f5e8f.js",
    "controllers/datepicker_controller": "/assets/controllers/datepicker_controller-7e65284d13690b5b7a0cd70e98b36145c3215add3012c626081468e22ee17b43.js",
    "controllers/dropdown_controller": "/assets/controllers/dropdown_controller-c094eef4f5589df91a66188e1dcff645455bd123cf6a3b98e51569f7b94a6148.js",
    "controllers/dropdown_group_controller": "/assets/controllers/dropdown_group_controller-fe533f98700537b54aa662b4bbbe8c266d56bff7736dd59de63d15f662adca51.js",
    "controllers/dropdown_item_controller": "/assets/controllers/dropdown_item_controller-86ba911eeb904e925318d13494bdadce1c82e90fbda21b4768e0633619a067e5.js",
    "controllers/form_errors_controller": "/assets/controllers/form_errors_controller-b4a2949759369845e42b33bc597549a7193161494f2ec72e258086072dff91ac.js",
    "controllers": "/assets/controllers/index-59b5f997572aab68e436328841b50ceeae4be28896901e215ca9738be1f2a1c5.js",
    "controllers/login_form_controller": "/assets/controllers/login_form_controller-2737087cfe550dbbda83ce39aa43c35cd42a6302a50c09a44678cc78d19890be.js",
    "controllers/modal_controller": "/assets/controllers/modal_controller-c261b7bd787c914731235a06cd5e955c020b95c4a5be53e3648c4a4d33d75afe.js",
    "controllers/organization_switcher_controller": "/assets/controllers/organization_switcher_controller-5bed3722b8fc751e29d9b96146c8cf1cb2dd98c53ca2fbd779aed212bb650ad5.js",
    "controllers/password_request_form_controller": "/assets/controllers/password_request_form_controller-e803c78d6283cd3812572f328fb0b47ad029fba17080f57946797a20ae142a50.js",
    "controllers/question_validation_controller": "/assets/controllers/question_validation_controller-157d2579f9615113ece6c0cf44ba10cfc56a3e93a7adace43a411dfacd481351.js",
    "controllers/registration_form_controller": "/assets/controllers/registration_form_controller-65e4452d4d2b414db27910dd1290d92755957aad19239e77332b6544b80fb85a.js",
    "controllers/report_modal_controller": "/assets/controllers/report_modal_controller-0ef7b9841255583334681d40b727ff67f88aa33d426c18231f692312ce7ac053.js",
    "controllers/reset_password_form_controller": "/assets/controllers/reset_password_form_controller-91a574f3aea3c767076d161f4d5953e46986e3ddeb59345cbbb7a2b92e06702c.js",
    "controllers/search_controller": "/assets/controllers/search_controller-d0742a5ab92c86a87fb5ced4d5d525249190754b12e53f05c2560521b12d493f.js",
    "controllers/section_navigation_controller": "/assets/controllers/section_navigation_controller-0adebfb0edf71e227fdfb865f4c01c537d211a6ea851a9b5b523f17bae68c9cf.js",
    "controllers/select_placeholder_controller": "/assets/controllers/select_placeholder_controller-941e826163c231ef9bc4088a1a4f0c2b91465597c5a46520ca22710d46ac9db8.js",
    "controllers/sidebar_controller": "/assets/controllers/sidebar_controller-10c08f81a0ad59b13419440d1c63bb8a8abe007ea4f2ed0d0d9abe9daf8e0276.js",
    "controllers/tab_navigation_controller": "/assets/controllers/tab_navigation_controller-196ecda707f5640617b302a1039ce53e29070ad6a9a9427ac1e52f2c38d6b0af.js"
  }
}</script>
<link rel="modulepreload" href="/assets/application-stimulus-a16209cc2c8e94b46d5d846bd26cc24a683c06e3f3b80bc83ff68f3b78a6b798.js">
<link rel="modulepreload" href="/assets/stimulus.min-162bc27fceed4ea7d167fd61a6552e3d950b5471589a392bc8eeadb40b6c52eb.js">
<link rel="modulepreload" href="/assets/stimulus-loading-1826401bde266fc9ea5ff184b4937ea4ac04c13ebbdc8fd465aca14ee9d313c3.js">
<link rel="modulepreload" href="/assets/@hotwired--turbo-rails-65004a26d6aa02da3b1b998c3d2e34da96532a3c29254eb98a44ca99b8a11f37.js">
<link rel="modulepreload" href="/assets/@hotwired--turbo-df8b98ad122e11a95260c1ba7205b4a99afe0bbe6ba33600204e8d93fc44e629.js">
<link rel="modulepreload" href="/assets/@rails--actioncable--src-6384190e5746dcc2cdd54a6e805dc6964d44481118661781d74d7b27f500dbd1.js">
<link rel="modulepreload" href="https://esm.sh/flatpickr@4.6.13">
<link rel="modulepreload" href="/assets/controllers/alert_controller-1c8c0c3cd3b5a44339b36237ae2cd60ba2ed1cc32e7390c7ffcddc8a756e89a9.js">
<link rel="modulepreload" href="/assets/controllers/application-00c7cd7ee34f06b622dc709dc7a448776d1f02a2bbf0e07f2015579b48bfa2e1.js">
<link rel="modulepreload" href="/assets/controllers/auto_submit_controller-14aea82a020cdcc9769fb64a7c2d59e06f65cbc80e4459f3e7390f0b1f5684eb.js">
<link rel="modulepreload" href="/assets/controllers/breadcrumbs_controller-53bc56d9765b95a642975ccc6b01632fee4f8b9c967b548e46dd671d6f1d919b.js">
<link rel="modulepreload" href="/assets/controllers/chat_opener_controller-71c4f56b71439106ef482676c3fa67dc70fde9a4a461c38d1ddb3106a056a773.js">
<link rel="modulepreload" href="/assets/controllers/checkbox_button_controller-30b03354c1d6f69bf56ce1b3438ca60e91e35627c3dab4088d9488245294aaec.js">
<link rel="modulepreload" href="/assets/controllers/clipboard_controller-15ea93c8fa9e8e8bc55892cf97998ec39e6ce87ba8441ef35e37731e46c882a9.js">
<link rel="modulepreload" href="/assets/controllers/condition_summary_nav_controller-e8321732cbef39a27f466d5228ff8b8db918ad6460280a2623afe3d2758f5e8f.js">
<link rel="modulepreload" href="/assets/controllers/datepicker_controller-7e65284d13690b5b7a0cd70e98b36145c3215add3012c626081468e22ee17b43.js">
<link rel="modulepreload" href="/assets/controllers/dropdown_controller-c094eef4f5589df91a66188e1dcff645455bd123cf6a3b98e51569f7b94a6148.js">
<link rel="modulepreload" href="/assets/controllers/dropdown_group_controller-fe533f98700537b54aa662b4bbbe8c266d56bff7736dd59de63d15f662adca51.js">
<link rel="modulepreload" href="/assets/controllers/dropdown_item_controller-86ba911eeb904e925318d13494bdadce1c82e90fbda21b4768e0633619a067e5.js">
<link rel="modulepreload" href="/assets/controllers/form_errors_controller-b4a2949759369845e42b33bc597549a7193161494f2ec72e258086072dff91ac.js">
<link rel="modulepreload" href="/assets/controllers/index-59b5f997572aab68e436328841b50ceeae4be28896901e215ca9738be1f2a1c5.js">
<link rel="modulepreload" href="/assets/controllers/login_form_controller-2737087cfe550dbbda83ce39aa43c35cd42a6302a50c09a44678cc78d19890be.js">
<link rel="modulepreload" href="/assets/controllers/modal_controller-c261b7bd787c914731235a06cd5e955c020b95c4a5be53e3648c4a4d33d75afe.js">
<link rel="modulepreload" href="/assets/controllers/organization_switcher_controller-5bed3722b8fc751e29d9b96146c8cf1cb2dd98c53ca2fbd779aed212bb650ad5.js">
<link rel="modulepreload" href="/assets/controllers/password_request_form_controller-e803c78d6283cd3812572f328fb0b47ad029fba17080f57946797a20ae142a50.js">
<link rel="modulepreload" href="/assets/controllers/question_validation_controller-157d2579f9615113ece6c0cf44ba10cfc56a3e93a7adace43a411dfacd481351.js">
<link rel="modulepreload" href="/assets/controllers/registration_form_controller-65e4452d4d2b414db27910dd1290d92755957aad19239e77332b6544b80fb85a.js">
<link rel="modulepreload" href="/assets/controllers/report_modal_controller-0ef7b9841255583334681d40b727ff67f88aa33d426c18231f692312ce7ac053.js">
<link rel="modulepreload" href="/assets/controllers/reset_password_form_controller-91a574f3aea3c767076d161f4d5953e46986e3ddeb59345cbbb7a2b92e06702c.js">
<link rel="modulepreload" href="/assets/controllers/search_controller-d0742a5ab92c86a87fb5ced4d5d525249190754b12e53f05c2560521b12d493f.js">
<link rel="modulepreload" href="/assets/controllers/section_navigation_controller-0adebfb0edf71e227fdfb865f4c01c537d211a6ea851a9b5b523f17bae68c9cf.js">
<link rel="modulepreload" href="/assets/controllers/select_placeholder_controller-941e826163c231ef9bc4088a1a4f0c2b91465597c5a46520ca22710d46ac9db8.js">
<link rel="modulepreload" href="/assets/controllers/sidebar_controller-10c08f81a0ad59b13419440d1c63bb8a8abe007ea4f2ed0d0d9abe9daf8e0276.js">
<link rel="modulepreload" href="/assets/controllers/tab_navigation_controller-196ecda707f5640617b302a1039ce53e29070ad6a9a9427ac1e52f2c38d6b0af.js">
<script type="module">import "application"</script>
<script src="/assets/application-666ac643e71f987a8c24ed0d0cae007fc701ad12104705fbdb15444e2dab65d7.js" data-turbo-track="reload"></script>
<script src="https://kit.fontawesome.com/48e1946b3f.js"></script>

<link rel="icon" type="image/x-icon" href="/assets/favicon-5c2071c16c4d4793b65477e86eadd060ada2ed235a9df518a63ef03670ae5b74.jpg" />

    <link rel="stylesheet" href="/assets/application-d5fada8cb17eaf88455eae77d03887a001354f2e739cad214649dd676e18a051.css" media="all" data-turbo-track="reload" />
    
  </head>
  <body class="bg-gray-100!">
    <div
      id="main-content"
      class="
        w-full
        mx-auto
        md:pt-[24px] md:px-[56px] md:pb-[16px]
        pt-[12px] px-[16px] pb-[8px]
      ">
      <turbo-stream action="replace" target="vehicle_information_content"><template>
  <turbo-frame class="w-full flex flex-col gap-6" id="vehicle_information_content">
    <div data-controller="tab-navigation">
  <!-- Desktop Grid Navigation -->
  <div class="w-full lg:flex border-b border-b-gray-200 hidden">
      <div class="flex-1 px-2">
  <a class="w-full flex justify-center items-center gap-2.5 rounded-t-2xl! py-[14px] text-blue-900! no-underline cursor-pointer hover:no-underline bg-blue-50/16! border-b-6 border-b-blue-900" data-turbo-stream="true" data-tab-navigation-target="navButton" data-tab="vehicle_condition" href="/inspection_reports/13893/vehicle_section?section=vehicle_condition">
    Condition
</a></div>

      <div class="flex-1 px-2">
  <a class="w-full flex justify-center items-center gap-2.5 rounded-t-2xl! py-[14px] text-blue-900! no-underline cursor-pointer hover:no-underline" data-turbo-stream="true" data-tab-navigation-target="navButton" data-tab="vehicle_info" href="/inspection_reports/13893/vehicle_section?section=vehicle_info">
    Info
</a></div>

      <div class="flex-1 px-2">
  <a class="w-full flex justify-center items-center gap-2.5 rounded-t-2xl! py-[14px] text-blue-900! no-underline cursor-pointer hover:no-underline" data-turbo-stream="true" data-tab-navigation-target="navButton" data-tab="vehicle_warranty" href="/inspection_reports/13893/vehicle_section?section=vehicle_warranty">
    Warranty
</a></div>

  </div>

  <!-- Mobile Select Dropdown -->
  <div class="lg:hidden w-full">
    <div class="flex flex-col gap-2">

  <div class="relative">
      <select id="vehicle-information-select" data-tab-navigation-target="mobileSelect" data-action="change-&gt;tab-navigation#handleMobileChange change-&gt;select-placeholder#update" data-paths="{&quot;vehicle_condition&quot;:&quot;/inspection_reports/13893/vehicle_section?section=vehicle_condition&quot;,&quot;vehicle_info&quot;:&quot;/inspection_reports/13893/vehicle_section?section=vehicle_info&quot;,&quot;vehicle_warranty&quot;:&quot;/inspection_reports/13893/vehicle_section?section=vehicle_warranty&quot;}" data-controller="select-placeholder" class="lg:hidden w-full w-full rounded-lg border-2 border-gray-200 px-4 py-3 bg-gray-200/10 appearance-none pr-12 text-blue-900"><option selected="selected" value="vehicle_condition">Condition</option>
<option value="vehicle_info">Info</option>
<option value="vehicle_warranty">Warranty</option></select>
    <i class="fa-solid fa-chevron-down absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-gray-500 lg:hidden!"></i>
  </div>
</div>

  </div>
</div>

    <div class="flex flex-col w-full gap-6">
  <div class="
    flex flex-col sm:flex-row sm:items-center justify-between
    w-full
    py-4 px-3
    border-b-2 border-b-gray-200/25
  ">
    <h1 class="m-0! heading-text">Vehicle Condition</h1>
    <div class="flex items-center gap-2">
      <p class="m-0! heading-text">Vin: <span class="secondary-text font-regular">1HGCR2F5XGA160863</span></p>
      <button name="button" type="button" title="Copy VIN to clipboard" class="p-1 rounded hover:bg-gray-200/50 transition-colors cursor-pointer" data-controller="clipboard" data-clipboard-text-value="1HGCR2F5XGA160863" data-action="click-&gt;clipboard#copy">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 stroke-blue-900">
  <rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect>
  <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path>
</svg>

</button>
    </div>
  </div>

  <div class="w-full flex xl:flex-row flex-col gap-6">
    <div class="w-full xl:w-1/2">
      <div class="relative w-full">

      <img class="w-full xl:w-auto xl:max-h-[444px] rounded-lg" src="/assets/placeholder_car-6a4b6549058fdbd33b481c49630c3da324def209fe4e75954e4f90d4f441a5b7.jpg" />
</div>

    </div>

    <div class="flex flex-col gap-4 w-full xl:w-1/2 border-2 border-gray-200/25 rounded-lg p-3">
      <div class="flex flex-col gap-4 p-4 md:p-6 rounded-lg bg-gray-200/25">
        <div class="flex items-start justify-between gap-4">
          <p class="heading-text m-0!">Amount dealer invested in this vehicle:</p>
          <a target="_blank" rel="noopener" class="shrink-0 inline-flex items-center mt-1 sm:mt-0" href="http://www.carfax.com/VehicleHistory/p/Report.cfx?partner=DEY_0&amp;vin=1HGCR2F5XGA160863">
            <img alt="CARFAX" class="h-8 sm:h-10 w-auto object-contain" src="/assets/carfax-989867af685bfc3b94aac6065ad2872cf4f744d892ee8e46aee35e59351ab3ad.png" />
</a>        </div>
        <p class="m-0! accent-text text-5xl! font-light">$2,396.34</p>
      </div>

      <div
  data-controller="modal"
  data-modal-frame-id-value="investment_report_modal_frame"
>
  
          <a href="/reports/investment_report/1HGCR2F5XGA160863?inspection_date=2026-01-29&amp;organization_id=2" type="button" class="inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 rounded-lg! py-3 px-[30px] bg-blue-50/16! border-2! border-blue-900! text-blue-900! hover:bg-blue-50/60! no-underline cursor-pointer w-full! w-full" data-turbo-frame="investment_report_modal_frame" aria-hidden="false">
    View Dealer Investments
</a>


  <div
    class="fixed inset-0 bg-black/50 z-[9998] transition-opacity duration-300 hidden opacity-0"
    data-modal-target="backdrop"
    aria-hidden="true"
  ></div>

  <div
    class="fixed inset-0 z-[9999] flex items-center justify-center p-4 hidden opacity-0 transition-opacity duration-300"
    data-modal-target="panel"
    aria-labelledby="modal-title"
    role="dialog"
    aria-modal="true"
  >
    <div class="w-full max-w-lg" data-modal-content>
        <turbo-frame id="investment_report_modal_frame"></turbo-frame>
    </div>
  </div>
</div>

      <div class="flex flex-row flex-wrap xl:flex-col gap-1"
           data-controller="condition-summary-nav"
           data-selected-section-value="mechanical">
        <div class="
          flex justify-start items-center gap-1 xl:gap-6
          w-[calc(50%-0.125rem)] xl:w-full
          px-2.5 py-3 xl:py-2.5 xl:px-4
          border-2 border-gray-200/25 border-l-4 rounded-sm
          bg-blue-50/16 border-l-blue-900
        "
          data-condition-summary-nav-target="item"
          data-section="mechanical">
          <div class="w-[16px] h-[16px] sm:w-[19px] sm:h-[19px] shrink-0">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" fill="none" class="w-full h-full stroke-blue-900!">
<path d="M17.4167 22.4167C20.1781 22.4167 22.4167 20.1781 22.4167 17.4167C22.4167 14.6552 20.1781 12.4167 17.4167 12.4167C14.6552 12.4167 12.4167 14.6552 12.4167 17.4167C12.4167 20.1781 14.6552 22.4167 17.4167 22.4167Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M28.6288 21.9621C28.4271 22.4191 28.3669 22.9261 28.4561 23.4176C28.5452 23.9091 28.7795 24.3626 29.1288 24.7197L29.2197 24.8106C29.5014 25.092 29.725 25.4262 29.8775 25.7941C30.03 26.162 30.1084 26.5563 30.1084 26.9545C30.1084 27.3528 30.03 27.7471 29.8775 28.115C29.725 28.4828 29.5014 28.817 29.2197 29.0985C28.9383 29.3802 28.6041 29.6037 28.2362 29.7562C27.8683 29.9087 27.474 29.9872 27.0758 29.9872C26.6775 29.9872 26.2832 29.9087 25.9153 29.7562C25.5475 29.6037 25.2133 29.3802 24.9318 29.0985L24.8409 29.0076C24.4838 28.6583 24.0303 28.424 23.5388 28.3348C23.0473 28.2457 22.5403 28.3059 22.0833 28.5076C21.6352 28.6996 21.253 29.0186 20.9838 29.4251C20.7146 29.8316 20.5701 30.3079 20.5682 30.7955V31.053C20.5682 31.8567 20.2489 32.6275 19.6806 33.1958C19.1123 33.7641 18.3416 34.0833 17.5379 34.0833C16.7342 34.0833 15.9634 33.7641 15.3951 33.1958C14.8268 32.6275 14.5076 31.8567 14.5076 31.053V30.9167C14.4958 30.4152 14.3335 29.9288 14.0417 29.5208C13.7499 29.1127 13.342 28.8019 12.8712 28.6288C12.4142 28.4271 11.9073 28.3669 11.4158 28.4561C10.9243 28.5452 10.4707 28.7795 10.1136 29.1288L10.0227 29.2197C9.74129 29.5014 9.40709 29.725 9.03921 29.8775C8.67134 30.03 8.27702 30.1084 7.87879 30.1084C7.48056 30.1084 7.08624 30.03 6.71836 29.8775C6.35049 29.725 6.01628 29.5014 5.73485 29.2197C5.4531 28.9383 5.22959 28.6041 5.07709 28.2362C4.92459 27.8683 4.8461 27.474 4.8461 27.0758C4.8461 26.6775 4.92459 26.2832 5.07709 25.9153C5.22959 25.5475 5.4531 25.2133 5.73485 24.9318L5.82576 24.8409C6.17506 24.4838 6.40937 24.0303 6.49849 23.5388C6.58761 23.0473 6.52745 22.5403 6.32576 22.0833C6.13369 21.6352 5.81478 21.253 5.40828 20.9838C5.00178 20.7146 4.52543 20.5701 4.03788 20.5682H3.7803C2.97662 20.5682 2.20585 20.2489 1.63756 19.6806C1.06926 19.1123 0.75 18.3416 0.75 17.5379C0.75 16.7342 1.06926 15.9634 1.63756 15.3951C2.20585 14.8268 2.97662 14.5076 3.7803 14.5076H3.91667C4.41817 14.4958 4.90455 14.3335 5.31257 14.0417C5.7206 13.7499 6.03139 13.342 6.20455 12.8712C6.40623 12.4142 6.4664 11.9073 6.37728 11.4158C6.28816 10.9243 6.05384 10.4707 5.70455 10.1136L5.61364 10.0227C5.33189 9.74129 5.10838 9.40709 4.95588 9.03921C4.80338 8.67134 4.72489 8.27702 4.72489 7.87879C4.72489 7.48056 4.80338 7.08624 4.95588 6.71836C5.10838 6.35049 5.33189 6.01628 5.61364 5.73485C5.89507 5.4531 6.22928 5.22959 6.59715 5.07709C6.96502 4.92459 7.35935 4.8461 7.75758 4.8461C8.1558 4.8461 8.55013 4.92459 8.918 5.07709C9.28587 5.22959 9.62008 5.4531 9.90151 5.73485L9.99242 5.82576C10.3495 6.17506 10.8031 6.40937 11.2946 6.49849C11.7861 6.58761 12.293 6.52745 12.75 6.32576H12.8712C13.3193 6.13369 13.7015 5.81478 13.9707 5.40828C14.24 5.00178 14.3844 4.52543 14.3864 4.03788V3.7803C14.3864 2.97662 14.7056 2.20585 15.2739 1.63756C15.8422 1.06926 16.613 0.75 17.4167 0.75C18.2204 0.75 18.9911 1.06926 19.5594 1.63756C20.1277 2.20585 20.447 2.97662 20.447 3.7803V3.91667C20.4489 4.40422 20.5934 4.88057 20.8626 5.28707C21.1318 5.69357 21.514 6.01248 21.9621 6.20455C22.4191 6.40623 22.9261 6.4664 23.4176 6.37728C23.9091 6.28816 24.3626 6.05384 24.7197 5.70455L24.8106 5.61364C25.092 5.33189 25.4262 5.10838 25.7941 4.95588C26.162 4.80338 26.5563 4.72489 26.9545 4.72489C27.3528 4.72489 27.7471 4.80338 28.115 4.95588C28.4828 5.10838 28.817 5.33189 29.0985 5.61364C29.3802 5.89507 29.6037 6.22928 29.7562 6.59715C29.9087 6.96502 29.9872 7.35935 29.9872 7.75758C29.9872 8.1558 29.9087 8.55013 29.7562 8.918C29.6037 9.28587 29.3802 9.62008 29.0985 9.90151L29.0076 9.99242C28.6583 10.3495 28.424 10.8031 28.3348 11.2946C28.2457 11.7861 28.3059 12.293 28.5076 12.75V12.8712C28.6996 13.3193 29.0186 13.7015 29.4251 13.9707C29.8316 14.24 30.3079 14.3844 30.7955 14.3864H31.053C31.8567 14.3864 32.6275 14.7056 33.1958 15.2739C33.7641 15.8422 34.0833 16.613 34.0833 17.4167C34.0833 18.2204 33.7641 18.9911 33.1958 19.5594C32.6275 20.1277 31.8567 20.447 31.053 20.447H30.9167C30.4291 20.4489 29.9528 20.5934 29.5463 20.8626C29.1398 21.1318 28.8209 21.514 28.6288 21.9621Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

          </div>
          <a class="no-underline hover:no-underline flex items-center gap-[10px] xl:gap-6 primary-text" data-turbo-stream="true" data-action="click-&gt;condition-summary-nav#select" data-section="mechanical" href="/inspection_reports/13893/condition_section?condition_section=mechanical">
            <span class="primary-text">4</span>
            <p class="m-0! primary-text">Mechanical</p>
</a>        </div>

        <div class="
          flex justify-start items-center gap-1 xl:gap-6
          w-[calc(50%-0.125rem)] xl:w-full
          px-2.5 py-3 xl:py-2.5 xl:px-4
          border-2 border-gray-200/25 border-l-4 rounded-sm
          border-l-gray-200/25
        "
          data-condition-summary-nav-target="item"
          data-section="cosmetic">
          <div class="w-[16px] h-[16px] sm:w-[19px] sm:h-[19px] shrink-0">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" fill="none" class="w-full h-full stroke-blue-900!">
<path d="M12.4166 15.5298L18.7129 21.8261M10.7081 31.7843C8.43002 34.0623 4.08333 33.4928 0.75 33.4928C2.4585 30.1595 0.180442 25.8127 2.4585 23.5347C4.73656 21.2566 8.43002 21.2566 10.7081 23.5347C12.9861 25.8127 12.9861 29.5062 10.7081 31.7843ZM17.286 23.3672L32.5145 6.92037C33.8558 5.47176 33.8126 3.22212 32.4166 1.82613C31.0206 0.430146 28.771 0.386897 27.3223 1.7282L10.8756 16.9567C10.0257 17.7436 9.60072 18.1371 9.35288 18.5568C8.75857 19.563 8.73466 20.807 9.28985 21.8354C9.52138 22.2643 9.93089 22.6738 10.7499 23.4928C11.5689 24.3118 11.9784 24.7213 12.4073 24.9529C13.4357 25.5081 14.6797 25.4841 15.686 24.8898C16.1056 24.642 16.4991 24.217 17.286 23.3672Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

          </div>
          <a class="no-underline hover:no-underline flex items-center gap-[10px] xl:gap-6 primary-text" data-turbo-stream="true" data-action="click-&gt;condition-summary-nav#select" data-section="cosmetic" href="/inspection_reports/13893/condition_section?condition_section=cosmetic">
            <span class="primary-text">1</span>
            <p class="m-0! primary-text">Cosmetic</p>
</a>        </div>

        <div class="
          flex justify-start items-center gap-1 xl:gap-6
          w-[calc(50%-0.125rem)] xl:w-full
          px-2.5 py-3 xl:py-2.5 xl:px-4
          border-2 border-gray-200/25 border-l-4 rounded-sm
          border-l-gray-200/25
        "
          data-condition-summary-nav-target="item"
          data-section="functions">
          <div class="w-[16px] h-[16px] sm:w-[19px] sm:h-[19px] shrink-0">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 35" fill="none" class="w-full h-full stroke-blue-900!">
<path d="M16.4708 0.750061L1.62656 18.5631C1.04521 19.2608 0.754537 19.6096 0.750095 19.9042C0.746233 20.1603 0.86035 20.4039 1.05956 20.5649C1.28871 20.7501 1.74276 20.7501 2.65085 20.7501H14.8041L13.1375 34.0834L27.9817 16.2703C28.5631 15.5727 28.8537 15.2239 28.8582 14.9293C28.862 14.6732 28.7479 14.4296 28.5487 14.2686C28.3196 14.0834 27.8655 14.0834 26.9574 14.0834H14.8041L16.4708 0.750061Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

          </div>
          <a class="no-underline hover:no-underline flex items-center gap-[10px] xl:gap-6 primary-text" data-turbo-stream="true" data-action="click-&gt;condition-summary-nav#select" data-section="functions" href="/inspection_reports/13893/condition_section?condition_section=functions">
            <span class="primary-text">1</span>
            <p class="m-0! primary-text">Functions</p>
</a>        </div>

        <div class="
          flex justify-start items-center gap-1 xl:gap-6
          w-[calc(50%-0.125rem)] xl:w-full
          px-2.5 py-3 xl:py-2.5 xl:px-4
          border-2 border-gray-200/25 border-l-4 rounded-sm
          border-l-gray-200/25
        "
          data-condition-summary-nav-target="item"
          data-section="safety">
          <div class="w-[16px] h-[16px] sm:w-[19px] sm:h-[19px] shrink-0">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 35" fill="none" class="w-full h-full stroke-blue-900!">
<path d="M9.08333 16.47L12.4167 19.8033L19.9167 12.3033M27.4167 17.3033C27.4167 25.4841 18.4934 31.434 15.2467 33.3281C14.8777 33.5434 14.6932 33.651 14.4328 33.7069C14.2307 33.7502 13.9359 33.7502 13.7339 33.7069C13.4735 33.651 13.289 33.5434 12.92 33.3281C9.67327 31.434 0.75 25.4841 0.75 17.3033V9.33267C0.75 8.00015 0.75 7.33389 0.967934 6.76117C1.16046 6.25523 1.4733 5.8038 1.87943 5.44588C2.33916 5.04073 2.963 4.80679 4.21067 4.33891L13.147 0.987789C13.4935 0.857855 13.6667 0.792887 13.845 0.767133C14.0031 0.744289 14.1636 0.744289 14.3217 0.767133C14.4999 0.792887 14.6732 0.857855 15.0197 0.987789L23.956 4.33891C25.2037 4.80679 25.8275 5.04073 26.2872 5.44588C26.6934 5.8038 27.0062 6.25523 27.1987 6.76117C27.4167 7.33389 27.4167 8.00015 27.4167 9.33267V17.3033Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

          </div>
          <a class="no-underline hover:no-underline flex items-center gap-[10px] xl:gap-6 primary-text" data-turbo-stream="true" data-action="click-&gt;condition-summary-nav#select" data-section="safety" href="/inspection_reports/13893/condition_section?condition_section=safety">
            <span class="primary-text">4</span>
            <p class="m-0! primary-text">Safety</p>
</a>        </div>
      </div>
    </div>
  </div>
</div>

</turbo-frame></template></turbo-stream>
<turbo-stream action="replace" target="extra_vehicle_information_content"><template>
  <turbo-frame class="w-full" id="extra_vehicle_information_content">
    <div class="w-full flex flex-col justify-between items-center gap-6">
  <div class="flex flex-col lg:flex-row w-full gap-2.5">
    <h1 class="flex-1 heading-text">What We Repaired / Replaced</h1>
    <div
  data-controller="modal"
  data-modal-frame-id-value="inspection_report_modal_frame"
>
  
        <a href="/reports/inspection/13893" class="inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 rounded-lg! py-3 px-[30px] bg-blue-900! border-2! border-blue-50/16! text-white! hover:text-blue-50! no-underline cursor-pointer w-full! flex-1" data-turbo-frame="inspection_report_modal_frame">
    View Complete Report
</a>


  <div
    class="fixed inset-0 bg-black/50 z-[9998] transition-opacity duration-300 hidden opacity-0"
    data-modal-target="backdrop"
    aria-hidden="true"
  ></div>

  <div
    class="fixed inset-0 z-[9999] flex items-center justify-center p-4 hidden opacity-0 transition-opacity duration-300"
    data-modal-target="panel"
    aria-labelledby="modal-title"
    role="dialog"
    aria-modal="true"
  >
    <div class="w-full max-w-lg" data-modal-content>
        <turbo-frame id="inspection_report_modal_frame"></turbo-frame>
    </div>
  </div>
</div>
  </div>

  <turbo-frame class="w-full" id="condition_section_content">
    <div class="flex flex-col w-full gap-6">
      <div data-controller="tab-navigation">
  <!-- Desktop Grid Navigation -->
  <div class="w-full lg:flex border-b border-b-gray-200 hidden">
      <div class="flex-1 px-2">
  <a class="w-full flex justify-center items-center gap-2.5 rounded-t-2xl! py-[14px] text-blue-900! no-underline cursor-pointer hover:no-underline bg-blue-50/16! border-b-6 border-b-blue-900" data-turbo-stream="true" data-tab-navigation-target="navButton" data-tab="mechanical" href="/inspection_reports/13893/condition_section?condition_section=mechanical">
    <span>Mechanical</span>
</a></div>

      <div class="flex-1 px-2">
  <a class="w-full flex justify-center items-center gap-2.5 rounded-t-2xl! py-[14px] text-blue-900! no-underline cursor-pointer hover:no-underline" data-turbo-stream="true" data-tab-navigation-target="navButton" data-tab="cosmetic" href="/inspection_reports/13893/condition_section?condition_section=cosmetic">
    <span>Cosmetic</span>
</a></div>

      <div class="flex-1 px-2">
  <a class="w-full flex justify-center items-center gap-2.5 rounded-t-2xl! py-[14px] text-blue-900! no-underline cursor-pointer hover:no-underline" data-turbo-stream="true" data-tab-navigation-target="navButton" data-tab="functions" href="/inspection_reports/13893/condition_section?condition_section=functions">
    <span>Functions</span>
</a></div>

      <div class="flex-1 px-2">
  <a class="w-full flex justify-center items-center gap-2.5 rounded-t-2xl! py-[14px] text-blue-900! no-underline cursor-pointer hover:no-underline" data-turbo-stream="true" data-tab-navigation-target="navButton" data-tab="safety" href="/inspection_reports/13893/condition_section?condition_section=safety">
    <span>Safety</span>
</a></div>

  </div>

  <!-- Mobile Select Dropdown -->
  <div class="lg:hidden w-full">
    <div class="flex flex-col gap-2">

  <div class="relative">
      <select id="condition-category-select" data-tab-navigation-target="mobileSelect" data-action="change-&gt;tab-navigation#handleMobileChange change-&gt;select-placeholder#update" data-paths="{&quot;mechanical&quot;:&quot;/inspection_reports/13893/condition_section?condition_section=mechanical&quot;,&quot;cosmetic&quot;:&quot;/inspection_reports/13893/condition_section?condition_section=cosmetic&quot;,&quot;functions&quot;:&quot;/inspection_reports/13893/condition_section?condition_section=functions&quot;,&quot;safety&quot;:&quot;/inspection_reports/13893/condition_section?condition_section=safety&quot;}" data-controller="select-placeholder" class="lg:hidden w-full w-full rounded-lg border-2 border-gray-200 px-4 py-3 bg-gray-200/10 appearance-none pr-12 text-blue-900"><option selected="selected" value="mechanical"><span>Mechanical</span></option>
<option value="cosmetic"><span>Cosmetic</span></option>
<option value="functions"><span>Functions</span></option>
<option value="safety"><span>Safety</span></option></select>
    <i class="fa-solid fa-chevron-down absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-gray-500 lg:hidden!"></i>
  </div>
</div>

  </div>
</div>


      <div class="flex flex-col w-full gap-4">
  <div class="grid grid-cols-1 lg:grid-cols-2 gap-3">
        <div class="p-3 border-2 border-gray-200/25 rounded-lg flex flex-col">
          <div class="pb-3 border-b-2 border-gray-200/25 flex flex-col gap-1 lg:flex-row lg:gap-0">
            <p class="m-0! primary-text">
              <span class="font-semibold primary-text">Inspection Point: </span>
              Vehicle tracks and drives straight on level surface
            </p>
          </div>

          <div class="flex flex-col gap-4 mt-4 secondary-text lg:hidden">
            <div class="flex flex-col gap-1">
              <div class="font-medium">Action:</div>
              <div class="pl-3">REPAIRED</div>
            </div>
            <div class="flex flex-col gap-1">
              <div class="font-medium">Comment:</div>
              <div class="p-2 bg-gray-200/10 rounded-lg border border-blue-50/16 min-h-[110px]">
                4 WHEEL ALIGNMENT
              </div>
            </div>
          </div>

          <div class="hidden lg:table w-full secondary-text mt-4 flex-1">
            <div class="table-row">
              <div class="table-cell font-medium pr-10 align-top whitespace-nowrap pb-4">Action:</div>
              <div class="table-cell w-full pb-4">REPAIRED</div>
            </div>
            <div class="table-row h-full">
              <div class="table-cell font-medium pr-10 align-top whitespace-nowrap">Comment:</div>
              <div class="table-cell w-full p-2 bg-gray-200/10 rounded-lg border border-blue-50/16 h-full">
                <div class="min-h-[110px] h-full">4 WHEEL ALIGNMENT</div>
              </div>
            </div>
          </div>
        </div>
        <div class="p-3 border-2 border-gray-200/25 rounded-lg flex flex-col">
          <div class="pb-3 border-b-2 border-gray-200/25 flex flex-col gap-1 lg:flex-row lg:gap-0">
            <p class="m-0! primary-text">
              <span class="font-semibold primary-text">Inspection Point: </span>
              Air filter in good condition
            </p>
          </div>

          <div class="flex flex-col gap-4 mt-4 secondary-text lg:hidden">
            <div class="flex flex-col gap-1">
              <div class="font-medium">Action:</div>
              <div class="pl-3">REPLACED</div>
            </div>
            <div class="flex flex-col gap-1">
              <div class="font-medium">Comment:</div>
              <div class="p-2 bg-gray-200/10 rounded-lg border border-blue-50/16 min-h-[110px]">
                
              </div>
            </div>
          </div>

          <div class="hidden lg:table w-full secondary-text mt-4 flex-1">
            <div class="table-row">
              <div class="table-cell font-medium pr-10 align-top whitespace-nowrap pb-4">Action:</div>
              <div class="table-cell w-full pb-4">REPLACED</div>
            </div>
            <div class="table-row h-full">
              <div class="table-cell font-medium pr-10 align-top whitespace-nowrap">Comment:</div>
              <div class="table-cell w-full p-2 bg-gray-200/10 rounded-lg border border-blue-50/16 h-full">
                <div class="min-h-[110px] h-full"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="p-3 border-2 border-gray-200/25 rounded-lg flex flex-col">
          <div class="pb-3 border-b-2 border-gray-200/25 flex flex-col gap-1 lg:flex-row lg:gap-0">
            <p class="m-0! primary-text">
              <span class="font-semibold primary-text">Inspection Point: </span>
              Perform battery check with Midtronics GR8
            </p>
          </div>

          <div class="flex flex-col gap-4 mt-4 secondary-text lg:hidden">
            <div class="flex flex-col gap-1">
              <div class="font-medium">Action:</div>
              <div class="pl-3">REPLACED</div>
            </div>
            <div class="flex flex-col gap-1">
              <div class="font-medium">Comment:</div>
              <div class="p-2 bg-gray-200/10 rounded-lg border border-blue-50/16 min-h-[110px]">
                BATTERY
              </div>
            </div>
          </div>

          <div class="hidden lg:table w-full secondary-text mt-4 flex-1">
            <div class="table-row">
              <div class="table-cell font-medium pr-10 align-top whitespace-nowrap pb-4">Action:</div>
              <div class="table-cell w-full pb-4">REPLACED</div>
            </div>
            <div class="table-row h-full">
              <div class="table-cell font-medium pr-10 align-top whitespace-nowrap">Comment:</div>
              <div class="table-cell w-full p-2 bg-gray-200/10 rounded-lg border border-blue-50/16 h-full">
                <div class="min-h-[110px] h-full">BATTERY</div>
              </div>
            </div>
          </div>
        </div>
        <div class="p-3 border-2 border-gray-200/25 rounded-lg flex flex-col">
          <div class="pb-3 border-b-2 border-gray-200/25 flex flex-col gap-1 lg:flex-row lg:gap-0">
            <p class="m-0! primary-text">
              <span class="font-semibold primary-text">Inspection Point: </span>
              Change engine oil and filter
            </p>
          </div>

          <div class="flex flex-col gap-4 mt-4 secondary-text lg:hidden">
            <div class="flex flex-col gap-1">
              <div class="font-medium">Action:</div>
              <div class="pl-3">REPLACED</div>
            </div>
            <div class="flex flex-col gap-1">
              <div class="font-medium">Comment:</div>
              <div class="p-2 bg-gray-200/10 rounded-lg border border-blue-50/16 min-h-[110px]">
                
              </div>
            </div>
          </div>

          <div class="hidden lg:table w-full secondary-text mt-4 flex-1">
            <div class="table-row">
              <div class="table-cell font-medium pr-10 align-top whitespace-nowrap pb-4">Action:</div>
              <div class="table-cell w-full pb-4">REPLACED</div>
            </div>
            <div class="table-row h-full">
              <div class="table-cell font-medium pr-10 align-top whitespace-nowrap">Comment:</div>
              <div class="table-cell w-full p-2 bg-gray-200/10 rounded-lg border border-blue-50/16 h-full">
                <div class="min-h-[110px] h-full"></div>
              </div>
            </div>
          </div>
        </div>
  </div>
</div>

    </div>
</turbo-frame></div>

</turbo-frame></template></turbo-stream>

    </div>
  </body>
</html>
