@extends('layouts.app')

@section('content')
    @php
      // Get prepared data from QuoteRequestController
      $quote_data = get_query_var('quote_data', []);
      $user_data = get_query_var('user_data', []);
      $vehicle_data = get_query_var('vehicle_data', []);
      $view_data = get_query_var('view_data', []);
      
      // Extract data from prepared arrays
      $first_name = $user_data['first_name'] ?? '';
      $last_name = $user_data['last_name'] ?? '';
      $vehicle_brand = $vehicle_data['brand'] ?? '';
      $vehicle_model = $vehicle_data['model'] ?? '';
      $vehicle_plate_number = $vehicle_data['plate_number'] ?? '';
      $quote_status_comment = $quote_data['status_comment'] ?? '';
      
      // Use prepared view data
      $chosen_price = $view_data['chosen_price'] ?? '';
      $validity_date = $view_data['validity_date'] ?? '';
      $formatted_created_date = $view_data['formatted_created_date'] ?? '';
      $info_icon = $view_data['info_icon'] ?? '';
    @endphp
    <section class="container d-flex d-justify-center d-col d-align-center">
        <div class="container-max single-occasion-container">
            <div class="quote-request-view">
            <!-- Page title centered -->
            <h2 class="title mb-4">Estimation de la reprise de votre véhicule</h2>
            
            <!-- Greeting text left -->
            <h2 class="title s mb-2 text-left">Bonjour {{ $first_name }} {{ $last_name }},</h2>
            
            <!-- Description text left -->
            <p class="mb-4">Voici notre offre de reprise pour votre véhicule {{ $vehicle_brand }} {{ $vehicle_model }} portant l'immatriculation {{ $vehicle_plate_number }} :</p>
            
                         <!-- Two column row -->
             <div class="d-row d-gap-4 d-justify-start">
                 <!-- Left column -->
                 <div class="d-flex" style="flex: 0 0 auto; max-width: 50%;">
                     <div class="custom-card-1">
                         <div class="custom-card-1__header">
                             <div class="custom-card-1__title-container">
                                 <p class="title xs">{{ $chosen_price }} TTC</p>
                             </div>
                         </div>
                         <div class="custom-card-1__content">
                             <p>Offre émise le <b>{{ $formatted_created_date }}</b> sous réserve des informations déclarées, valable jusqu'au {{ $validity_date }}</p>
                         </div>
                     </div>
                 </div>
                 
                 <!-- Right column - only show if comment exists -->
                 @if(!empty($quote_status_comment))
                 <div class="d-flex" style="flex: 0 0 auto; max-width: 50%;">
                     <div class="custom-card-1">
                         <div class="custom-card-1__header">
                             <div class="custom-card-1__title-container">
                                 <p class="title xs">Commentaire</p>
                             </div>
                             <div class="custom-card-1__icon-container">
                                 {!! $info_icon !!}
                             </div>
                         </div>
                         <div class="custom-card-1__content">
                             <p>Message envoyé par votre conseiller d'estimation</p>
                             <div class="white-bg">{{ $quote_status_comment }}</div>
                         </div>
                     </div>
                 </div>
                 @endif
             </div>
            </div>
        </div>
    </section>

@endsection