@extends('layouts.app')

@section('title') Classroom @endsection

@section('content')

<section class="content">
  <div class="row">
    <div class="col-md-12"> 
      <div class="box box-primary">
        <div class="box-body box-profile">
          <div class="row">
            <!-- DOCUMENTS COLUMN -->
            <div class="col-md-4"> 
              <div class="documents-section" style="padding: 15px; height: 100%;">
                <h2 style="margin-top: 0; margin-bottom: 20px; color: #3c8dbc; border-bottom: 2px solid #3c8dbc; padding-bottom: 10px;">DOCUMENTS</h2>
                
                <div class="document-category" style="margin-bottom: 25px;">
                  <a href="https://clientmgr.us/crmrewrite/apdocs/Intermediary_Relationship_Notice_-_1704_ts94936.pdf" target="_blank" class="doc-link">
                    <i class="fa fa-file-pdf-o"></i> Intermediary Relationship Notice
                  </a>
                </div>

                <div class="document-category" style="margin-bottom: 25px;">
                  <h3 style="color: #555; font-size: 18px; margin-bottom: 12px; font-weight: bold;">Contracts</h3>
                  <div class="link-list">
                    <a href="https://clientmgr.us/crmrewrite/apdocs/1-4_contract_updated.pdf" target="_blank" class="doc-link">1 to 4 Residential Resale Contract</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Unimproved-Updated.pdf" target="_blank" class="doc-link">Unimproved Property Contract</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/New_Home_Contract__Completed_Construction____11_24-1.pdf" target="_blank" class="doc-link">New Home - Complete</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/New_Home_Contract__Incomplete_Construction____11_24-1.pdf" target="_blank" class="doc-link">New Home - Incomplete</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Residential_Condominium_Contract__Resale____11_24.pdf" target="_blank" class="doc-link">Residential Condo Contract - Resale</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/New_Residential_Condominium_Contract__Completed_Construction____2_25.pdf" target="_blank" class="doc-link">New Condo - Complete</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/New_Residential_Condominium_Contract__Incomplete_Construction____2_25.pdf" target="_blank" class="doc-link">New Condo - Incomplete</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Farm_and_Ranch_Contract___11_24.pdf" target="_blank" class="doc-link">Farm and Ranch Contract</a>
                  </div>
                </div>

                <div class="document-category" style="margin-bottom: 25px;">
                  <h3 style="color: #555; font-size: 18px; margin-bottom: 12px; font-weight: bold;">Addendums</h3>
                  <div class="link-list">
                    <a href="https://clientmgr.us/crmrewrite/apdocs/buyers_temporary_residential_lease__822_ts93440.pdf" target="_blank" class="doc-link">Buyer Temporary Residential Lease</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/sellers_temporary_residential_lease__822_ts66775.pdf" target="_blank" class="doc-link">Seller's Temporary Residential Lease</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/add_for_prop_to_mandatory_member_in_owners_assoc_1__1122_ts77414.pdf" target="_blank" class="doc-link">HOA Addendum</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Partial-addendum_concerning_right_to_terminate_due_to_lenders_appraisal__21218_ts35497.pdf" target="_blank" class="doc-link">Terminate due to Lender Appraisal - Partial</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Full-addendum_concerning_right_to_terminate_due_to_lenders_appraisal__21218_ts64096.pdf" target="_blank" class="doc-link">Terminate due to lender appraisal - Full</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/VA-third_party_financing_addendum_for_credit_approval__111919_ts89648.pdf" target="_blank" class="doc-link">3rd Party Financing Addendum - VA</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/FHA-Third_Party_Financing_Addendum_for_Credit_Approval_-_111919_ts34088.pdf" target="_blank" class="doc-link">3rd Party Financing Addendum - FHA</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Conventional-third_party_financing_addendum_for_credit_approval__111919_ts60973.pdf" target="_blank" class="doc-link">3rd Party Financing Addendum - Conventional</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Sale-of-Another-Property.pdf" target="_blank" class="doc-link">Sale of Another Property</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Back-Up.pdf" target="_blank" class="doc-link">Back Up Contract Addendum</a>
                  </div>
                </div>

                <div class="document-category" style="margin-bottom: 25px;">
                  <h3 style="color: #555; font-size: 18px; margin-bottom: 12px; font-weight: bold;">Representation</h3>
                  <div class="link-list">
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Short-Form-Showings-Only.pdf" target="_blank" class="doc-link">Representation for SHOWINGS ONLY</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/long-form-res-sale-with-new-build-bonus.pdf" target="_blank" class="doc-link">Residential Buyer Rep Agreement LONG FORM W New Construction</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/long-form-res-lease.pdf" target="_blank" class="doc-link">Residential Tenant Rep Agreement LONG FORM</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/short-form-res-sale.pdf" target="_blank" class="doc-link">Residential Buyer Rep Agreement SHORT FORM</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/short-form-res-lease.pdf" target="_blank" class="doc-link">Residential Tenant Rep Agreement SHORT FORM</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/exclusive-right-to-sell.pdf" target="_blank" class="doc-link">Residential Listing - Exclusive Right to Sell</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/right-to-lease.pdf" target="_blank" class="doc-link">Residential Listing - Exclusive Right to Lease</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/fnr-exclusive-right-to-sell.pdf" target="_blank" class="doc-link">Farm and Ranch - Exclusive Right to Sell</a>
                  </div>
                </div>

                <div class="document-category" style="margin-bottom: 25px;">
                  <h3 style="color: #555; font-size: 18px; margin-bottom: 12px; font-weight: bold;">Amendments</h3>
                  <div class="link-list">
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-Change-Offer-Amount.pdf" target="_blank" class="doc-link">Amendment - Change Sale Price</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-for-Repair.pdf" target="_blank" class="doc-link">Amendment - Repair(s)</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-to-Change-Closing-Date.pdf" target="_blank" class="doc-link">Amendment - Extend Closing Date</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-to-Change-Buyers-Agent-Commission.pdf" target="_blank" class="doc-link">Amendment - Change Buyers Agent Commission</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-to-Change-Seller-Contributions.pdf" target="_blank" class="doc-link">Amendment - Change Seller Contributions</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-Seller-Paying-for-Lender-Repairs.pdf" target="_blank" class="doc-link">Amendment - Seller Paying for Lender Repairs</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-for-Buyer-paying-for-Lender-Repairs.pdf" target="_blank" class="doc-link">Amendment - Buyer paying for Lender Repair</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-to-Extend-Option.pdf" target="_blank" class="doc-link">Amendment - Extend Option Period</a>
                    <a href="https://spiritre.com/amendment_1__1122_ts16686/" target="_blank" class="doc-link">Amendment - End Option Period Early</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-to-Extend-Approval-Period-on-TPF.pdf" target="_blank" class="doc-link">Amendment - Extend 3rd Party Approval Deadline</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Amendment-for-Other-Modifications.pdf" target="_blank" class="doc-link">Amendment - Other Modifications</a>
                  </div>
                </div>

                <div class="document-category" style="margin-bottom: 25px;">
                  <h3 style="color: #555; font-size: 18px; margin-bottom: 12px; font-weight: bold;">Commission Agreements</h3>
                  <div class="link-list">
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Compensation-Agreement-Between-Broker-ABB-Sale.pdf" target="_blank" class="doc-link">Compensation Agreement Between Brokers ABB - Sale</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Compensation-Agreement-Between-Broker-ABB-Lease.pdf" target="_blank" class="doc-link">Compensation Agreement Between Brokers ABB - Lease</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Compensation-Agreement-between-Broker-and-Owner-Sale.pdf" target="_blank" class="doc-link">Compensation Agreement Between Broker and Owner - Sale</a>
                    <a href="https://clientmgr.us/crmrewrite/apdocs/Compensation-Agreement-Between-Broker-and-Owner-Lease.pdf" target="_blank" class="doc-link">Compensation Agreement Between Broker and Owner - Lease</a>
                  </div>
                </div>
              </div>
            </div>

            <!-- HOW TO CONDUCT A TRANSACTION COLUMN -->
            <div class="col-md-4"> 
              <div class="transaction-section" style="padding: 15px; height: 100%;">
                <h2 style="margin-top: 0; margin-bottom: 20px; color: #3c8dbc; border-bottom: 2px solid #3c8dbc; padding-bottom: 10px;">HOW TO CONDUCT A TRANSACTION</h2>
                
                <div class="link-list" style="margin-bottom: 30px;">
                  <a href="https://docs.google.com/presentation/d/1wX4FS4SojhVN0rNOkcqUq6-0FIjZTvJ820OWGmirMUo/edit?usp=sharing" target="_blank" class="presentation-link">
                    <i class="fa fa-file-powerpoint-o"></i> Apartment Lease
                  </a>
                  <a href="https://docs.google.com/presentation/d/1UFD9WZZGnRcvJk8g9cnQA5DwhE8CrzjRaieqle042dE/edit?usp=sharing" target="_blank" class="presentation-link">
                    <i class="fa fa-file-powerpoint-o"></i> Residential Lease
                  </a>
                  <a href="https://docs.google.com/presentation/d/1dXBdcUAsagBVxRVRH6Ao8dMnvheaxSEMpxChFgmbwn4/edit?usp=sharing" target="_blank" class="presentation-link">
                    <i class="fa fa-file-powerpoint-o"></i> Residential Sale
                  </a>
                </div>

                <div style="background: #f0f8ff; padding: 15px; border-radius: 5px; margin-bottom: 30px; border-left: 4px solid #3c8dbc;">
                  <p style="margin: 0; color: #555; font-style: italic;">
                    <i class="fa fa-info-circle"></i> On all commercial transactions, please contact the broker for more information.
                  </p>
                </div>
                
                <h2 style="margin-top: 30px; margin-bottom: 20px; color: #3c8dbc; border-bottom: 2px solid #3c8dbc; padding-bottom: 10px;">BROKER ROUNDTABLE ARCHIVE</h2>
                
                <div class="link-list">
                  <a href="https://youtu.be/TlKgHVKNhXM" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 12/16/2025 Updated Policies with Related Party Disclosures, Property Management, & Risk Management
                  </a>
                  <a href="https://youtu.be/iJm59e1cLaU" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 5/9/2025 Commission Changes on Promulgated Contracts
                  </a>
                  <a href="https://youtu.be/VyTxisQL64k" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 11/22/2024 Agent Mentorship Program EXPLAINED
                  </a>
                  <span style="display: block; margin-left: 20px; margin-top: -8px; margin-bottom: 12px;">
                    <a href="https://spiritre.com/agent-mentorship/" target="_blank" class="doc-link" style="font-size: 14px;">
                      <i class="fa fa-external-link"></i> Sign Up Here
                    </a>
                  </span>
                  <a href="https://youtu.be/PxJyEnPBVPk" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 8/12/2024 NAR Settlement Update 2 - Representation and Commission Requirements
                  </a>
                  <a href="https://www.youtube.com/watch?v=48Qc1GSvETQ" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 4/22/2024 NAR Settlement Update
                  </a>
                  <a href="https://youtu.be/C6vNG3somXk" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 8/8/2023 Advertising TREC Compliance - Same as in Training
                  </a>
                  <a href="https://youtu.be/lk64S8uMgXU" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 6/23/2023 How to transition from Residential to Apartment Locating
                  </a>
                  <a href="https://youtu.be/6z-sWzeyfQM" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 2/2/2023 Social Media Lead Generation (Apartment Locating and Sales)
                  </a>
                  <a href="https://youtu.be/Dy5IEWAIXCI" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 9/30/2022 Title Insurance and tolls available at Republic Title of Texas
                  </a>
                  <a href="https://youtu.be/mzOKkRGuldQ" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> 8/26/2022 State of the Market for Apartment Locating, Residential Sales, and Residential Leasing
                  </a>
                </div>
              </div>
            </div>

            <!-- COMPETENCY TRAINING VIDEOS COLUMN -->
            <div class="col-md-4"> 
              <div class="training-section" style="padding: 15px; height: 100%;">
                <h2 style="margin-top: 0; margin-bottom: 20px; color: #3c8dbc; border-bottom: 2px solid #3c8dbc; padding-bottom: 10px;">COMPETENCY TRAINING VIDEOS</h2>
                
                <div style="background: #fff3cd; padding: 15px; border-radius: 5px; margin-bottom: 25px; border-left: 4px solid #ffc107;">
                  <h3 style="color: #856404; font-size: 14px; margin: 0; line-height: 1.6; font-weight: normal;">
                    <i class="fa fa-certificate"></i> AFTER COMPLETING THE TRAINING VIDEO, PLEASE SEND AN EMAIL TO 
                    <a href="mailto:BRYAN.BJERKE@SPIRITRE.COM" style="color: #856404; font-weight: bold;">BRYAN.BJERKE@SPIRITRE.COM</a> 
                    FOR A CERTIFICATE OF COMPLETION AND A COPY OF THE SLIDES COVERED IN THE TRAINING.
                  </h3>
                </div>

                <div class="link-list">
                  <a href="https://youtu.be/uyPt4IbmCps" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> Residential Sales Training - Buyer and Listing Fundamentals (3/10/2023)
                  </a>
                  <a href="https://youtu.be/M2lRAA1Anh0" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> Residential Sales Training - Minimize Mistakes
                  </a>
                  <a href="https://youtu.be/egVoyoS0d_E" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> Residential Sales Training - Representation & Dual Agency
                  </a>
                  <a href="https://www.youtube.com/watch?v=IjBWowuko54" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> Residential Leasing Training - Tenant and Lease Listing Fundamentals
                  </a>
                  <a href="https://youtu.be/JNjGCAAdxcQ" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> Residential Sales Training - New Construction
                  </a>
                  <a href="https://youtu.be/Oc2Cw23anFs" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> Apartment Locating Training - Fundamentals (3/22/2023)
                  </a>
                  <a href="https://youtu.be/GqHFsPra8ec" target="_blank" class="video-link">
                    <i class="fa fa-youtube-play"></i> Advertising & TREC Compliance (8/18/2023)
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
  .doc-link, .presentation-link, .video-link {
    display: block;
    padding: 8px 12px;
    margin-bottom: 8px;
    color: #3c8dbc;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
  }

  .doc-link:hover, .presentation-link:hover, .video-link:hover {
    background-color: #f0f8ff;
    border-left-color: #3c8dbc;
    padding-left: 15px;
    text-decoration: none;
    color: #2e6da4;
  }

  .doc-link i, .presentation-link i, .video-link i {
    margin-right: 8px;
    color: #3c8dbc;
  }

  .video-link i {
    color: #d32f2f;
  }

  .presentation-link i {
    color: #f57c00;
  }

  .link-list {
    display: flex;
    flex-direction: column;
  }

  .document-category {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
  }

  .document-category:last-child {
    border-bottom: none;
  }

  @media (max-width: 768px) {
    .col-md-4 {
      margin-bottom: 30px;
    }
    
    .doc-link, .presentation-link, .video-link {
      font-size: 13px;
    }
  }

  /* Scrollable columns if content is too long */
  .documents-section, .transaction-section, .training-section {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  /* Custom scrollbar */
  .documents-section::-webkit-scrollbar,
  .transaction-section::-webkit-scrollbar,
  .training-section::-webkit-scrollbar {
    width: 6px;
  }

  .documents-section::-webkit-scrollbar-track,
  .transaction-section::-webkit-scrollbar-track,
  .training-section::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }

  .documents-section::-webkit-scrollbar-thumb,
  .transaction-section::-webkit-scrollbar-thumb,
  .training-section::-webkit-scrollbar-thumb {
    background: #3c8dbc;
    border-radius: 10px;
  }
</style>

@endsection