<!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="YJ3opAuJKMJwkbycFV22hS4MjJrPLF2QCJEHOZkVwHaECDaEh4isoeFBhedG-wgQe1oz2OZeVMiXIH-83yLYmQ" />


<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="condition_section_content"><template>
  <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" data-turbo-stream="true" data-tab-navigation-target="navButton" data-tab="mechanical" href="/inspection_reports/13831/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 bg-blue-50/16! border-b-6 border-b-blue-900" data-turbo-stream="true" data-tab-navigation-target="navButton" data-tab="cosmetic" href="/inspection_reports/13831/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/13831/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/13831/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/13831/condition_section?condition_section=mechanical&quot;,&quot;cosmetic&quot;:&quot;/inspection_reports/13831/condition_section?condition_section=cosmetic&quot;,&quot;functions&quot;:&quot;/inspection_reports/13831/condition_section?condition_section=functions&quot;,&quot;safety&quot;:&quot;/inspection_reports/13831/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 value="mechanical"><span>Mechanical</span></option>
<option selected="selected" 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>
              Cabin air filter 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]">
                REPLACED CABIN FILTER. 
              </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">REPLACED CABIN FILTER. </div>
              </div>
            </div>
          </div>
        </div>
  </div>
</div>

    </div>
</turbo-frame></template></turbo-stream>
    </div>
  </body>
</html>
