@extends('layouts.app', ['class' => '', 'elementActive' => 'listRechnung'])

@section('content')

<div class="content">
    @if (count($errors) > 0)
    @if($errors->any())
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{$errors->first()}}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
          </div>
 @endif
@endif
</br>


    <div class="container-fluid">
    <div class="card">
            <div class=" card-header text-center">
            <!-- <div class="card-header d-flex align-items-center justify-content-between "> -->
                     <h2 class="card-title mb-0 text-success" style="font-weight: bold;">RECHNUNG HINZUFÜGEN</h2>
                     <img src="{{ asset('paper') }}/img/underlineTitle2.png" alt="Decorative underline" style="margin-top: 5px; width: 300px;">

            <!-- </div> -->
            </div>

            <div class="card-body">                
            <div class="col-md-12">
                <form method="post" action="{{ route('rechnung.addNewRechnung') }}" autocomplete="off"  enctype="multipart/form-data">
                    @csrf
                    <div class="pl-lg-6">

     <span style="color: red; font-size: 1.2em;">*</span> Pflichtfeld
<br>   
<br>   


<input type="text" name="car_id" id="car_id" value="{{ $selectedCar->car_id ?? '' }}" hidden>

   <div class="row">
    
   <div class="col-md-3">

<div class="form-group">
 <!-- Hidden input that will actually be submitted -->
<input type="hidden" name="rechnung_wir" id="rechnung_wir" value="">

<!-- Car Type -->
         <label class="form-control-label text-dark">Wir sind</label><br>
    <div class="form-group radio-button-group">
        <label class="text-dark"><input type="radio" name="wir_type" 
        {{ isset($selectedCar->agreement_wir) && $selectedCar->agreement_wir == 1 ? 'checked' : '' }} value="Verkäufer" onclick="document.getElementById('rechnung_wir').value = '1';"> <span>Verkäufer</span></label>
        <label class="text-dark"><input type="radio" name="wir_type"
        {{ isset($selectedCar->agreement_wir) && $selectedCar->agreement_wir == 0 ? 'checked' : '' }} value="Käufer" onclick="document.getElementById('rechnung_wir').value = '0';"> <span>Käufer</span></label>
    </div>

    </div>

        </div>

   <div class="col-md-3">

      <div class="form-group">
 <!-- Hidden input that will actually be submitted -->
<input type="hidden" name="rechnung_carnew" id="rechnung_carnew" value="">
<!-- Car Type -->
         <label class="form-control-label text-dark">Das Fahrzeug ist</label><br>
    <div class="form-group radio-button-group">
        <label class="text-dark"><input type="radio" name="rechnung_type" value="new" onclick="document.getElementById('rechnung_carnew').value = '1';" 
        {{(isset($selectedCar->agreement_carnew) && $selectedCar->agreement_carnew == 1) || (isset($selectedCar->car_new) && $selectedCar->car_new == 1) ? 'checked' : '' }}> <span>Neu</span></label>
        <label class="text-dark"><input type="radio" name="rechnung_type" value="used" onclick="document.getElementById('rechnung_carnew').value = '0';"
        {{(isset($selectedCar->agreement_carnew) && $selectedCar->agreement_carnew == 0) || (isset($selectedCar->car_new) && $selectedCar->car_new == 0) ? 'checked' : '' }}> <span>Gebraucht</span></label>
    </div>
    </div>


 </div>


 
   <div class="col-md-6">


   <div class="form-group">
     <!-- Hidden input that will actually be submitted -->
<input type="hidden" name="rechnung_netprice" id="rechnung_netprice" >
<!-- Car Type -->
         <label class="form-control-label text-dark">Preisangabe auswählen</label><br>
    <div class="form-group radio-button-group">
        <label class="text-dark"><input type="radio" name="rechnung_price" value="brut" onclick="document.getElementById('rechnung_netprice').value = '1';"
        {{(isset($selectedCar->agreement_netprice) && $selectedCar->agreement_netprice == 1) || (isset($selectedCar->car_netprice) && $selectedCar->car_netprice == 1) ? 'checked' : '' }}> <span>Nettopreise angegeben</span></label>
        <label class="text-dark"><input type="radio" name="rechnung_price" value="net" onclick="document.getElementById('rechnung_netprice').value = '0';"
       {{(isset($selectedCar->agreement_netprice) && $selectedCar->agreement_netprice == 0) || (isset($selectedCar->car_netprice) && $selectedCar->car_netprice == 0) ? 'checked' : '' }}> <span>Bruttopreise angegeben</span></label>
    </div>
    </div>

 </div>


 </div>

 

     <div class="row">    
            
     <div class="col-md-6">
<!-- 1st Section -->
    <h4>Vertragspartnerdaten</h4>
   <div class="form-group">
        <label class="form-control-label text-dark" for="branch">Kunde</label>
        <select class="form-control select2" style="width: 100%" id="kunde_select" name="kunde_id" > 
                                <option value="">auswählen</option>

                                @foreach ($listKunde as $key=>$c)
                                <option  value="{{$c->kunde_id}}" data-vorname="{{$c->kunde_vorname}}"
                                data-nachname="{{$c->kunde_nachname}}" data-strasse="{{$c->kunde_strasse}}" 
                                data-plz="{{$c->kunde_plz}}" data-ort="{{$c->kunde_ort}}"
                                data-email="{{$c->kunde_email}}" data-tele="{{$c->kunde_tele}}"
                                  data-birth="{{ $c->kunde_geburtsdatum ? date('Y-m-d', strtotime($c->kunde_geburtsdatum)) : '' }}" >{{$c->kunde_vorname}} {{$c->kunde_nachname}} - {{$c->kunde_tele}}</option>
                              @endforeach
                            </select>
</div>


<div class="row">    
            
     <div class="col-md-6">


    <div class="form-group">
        <label for="rechnung_vorname" class="text-dark">Vorname</label><span style="color: red;">*</span>

        <input type="text" id="rechnung_vorname" value="{{ $selectedCar->agreement_vorname ?? '' }}" name="rechnung_vorname" class="form-control" required>
    </div>

    </div>

    <div class="col-md-6">
    <div class="form-group">
        <label for="rechnung_nachname" class="text-dark">Nachname</label><span style="color: red;">*</span>

        <input type="text" id="rechnung_nachname" value="{{ $selectedCar->agreement_nachname ?? '' }}" name="rechnung_nachname" class="form-control" required>
    </div>
    </div>

    </div>



    <div class="row">    
            
     <div class="col-md-6">

    <div class="form-group">
        <label for="rechnung_strasse" class="text-dark">Straße/Nr</label><span style="color: red;">*</span>

        <input type="text" id="rechnung_strasse" value="{{ $selectedCar->agreement_strasse ?? '' }}" name="rechnung_strasse" class="form-control" required>
    </div>

    </div>


         <div class="col-md-6">

    <div class="form-group">
        <label for="rechnung_address" class="text-dark">Adressen zusatz</label>
        <input type="text" id="rechnung_address" value="{{ $selectedCar->agreement_address ?? '' }}" name="rechnung_address" class="form-control">
    </div>
    </div>
    </div>


    <div class="form-group">
        <label class="text-dark">PLZ / ORT</label><span style="color: red;">*</span>

        <div class="d-flex">
            <input type="text" id="rechnung_plz" value="{{ $selectedCar->agreement_plz ?? '' }}" name="rechnung_plz" class="form-control" style="width: 40%;" required>
            <span style="font-size: 1.2rem; font-weight: bold; margin: 0 4px;position: relative; top: 8px;">/</span>
            <input type="text" id="rechnung_ort"  value="{{ $selectedCar->agreement_ort ?? '' }}" name="rechnung_ort" class="form-control" style="width: 40%;" required>
        </div>
    </div>


<!-- Land Dropdown -->
    <div class="form-group">
        <label class="form-control-label text-dark" for="branch">Land</label>
        <select class="form-control select2" style="width: 100%" id="land" name="rechnung_land" > 
                                <option value="">auswählen</option>

                                @foreach ($listFiliale as $key=>$c)
                                <option @if(isset($selectedCar->filiale_id) && $selectedCar->filiale_id == $c->filiale_id)
                              selected 
                              @endif value="{{$c->filiale_id}}">{{$c->filiale_name}}</option>
                              @endforeach
                            </select>
    </div>


    <div class="form-group">
        <label for="rechnung_address" class="text-dark">Email-Adresse</label>
        <input type="email" value="{{ $selectedCar->agreement_email ?? '' }}" id="rechnung_email" name="rechnung_email" class="form-control">
    </div>

    <div class="form-group">
        <label for="rechnung_address" class="text-dark">Telefonnummer</label>
        <input type="text" id="rechnung_tele" value="{{ $selectedCar->agreement_tele ?? '' }}" name="rechnung_tele" class="form-control">
    </div>

 <div class="form-group">
        <label for="date1" class="text-dark">Geburtsdatum</label>
            <input type="date" id="geburtsdatum"  name="rechnung_geburtsdatum" class="form-control"
            value="{{ isset($selectedCar->agreement_geburtsdatum) && $selectedCar->agreement_geburtsdatum ? \Illuminate\Support\Carbon::parse($selectedCar->agreement_geburtsdatum)->format('Y-m-d') : '' }}">
            <!-- <button type="button" onclick="setToday('date1id')" class="btn btn-secondary">Today</button> -->
    </div>


    <div class="form-group">
        <label for="rechnung_ausweisnr" class="text-dark">Ausweisnr.</label>
        <input type="text" id="rechnung_ausweisnr" value="{{ $selectedCar->agreement_ausweisnr ?? '' }}" name="rechnung_ausweisnr" class="form-control">
    </div>


    </div>


     <div class="col-md-6">
        <!-- 2nd Section -->
        <h4>Eckdaten</h4>

      <!-- Date Inputs with Buttons -->
    <div class="form-group">
        <label for="date1" class="text-dark">Lieferdatum</label>
        <div class="input-group">
            <input type="date" id="date1id" name="rechnung_lieferdatum" class="form-control"
            value="{{ isset($selectedCar->agreement_lieferdatum) && $selectedCar->agreement_lieferdatum ? \Illuminate\Support\Carbon::parse($selectedCar->agreement_lieferdatum)->format('Y-m-d') : '' }}">
            <button type="button" onclick="setToday('date1id')" class="btn btn-secondary">Heute</button>
        </div>
    </div>


    <div class="form-group">
        <label class="form-control-label text-dark" for="zahlungsart1">Zahlungsart 1</label>
        <select class="form-control select2" style="width: 100%" id="rechnung_zahlungsart1" name="rechnung_zahlungsart1" > 
                                <option value="">auswählen</option>
                                @foreach ($listFiliale as $key=>$c)
                                <option @if(isset($selectedCar->agreement_zahlungsart1) && $selectedCar->agreement_zahlungsart1 == $c->filiale_id)
                              selected 
                              @endif value="{{$c->filiale_id}}">{{$c->filiale_name}}</option>
                              @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="rechnung_zahlungsvermerk1" class="text-dark">Zahlungsvermerk 1</label>
        <input type="text" id="rechnung_zahlungsvermerk1" name="rechnung_zahlungsvermerk1" class="form-control"
        value="{{ $selectedCar->agreement_zahlungsvermerk1 ?? '' }}">
    </div>




    <div class="form-group">
        <label class="form-control-label text-dark" for="zahlungsart1">Zahlungsart 2</label>
        <select class="form-control select2" style="width: 100%" id="rechnung_zahlungsart2" name="rechnung_zahlungsart2" > 
                                <option value="">auswählen</option>
                                @foreach ($listFiliale as $key=>$c)
                                <option @if(isset($selectedCar->agreement_zahlungsart2) && $selectedCar->agreement_zahlungsart2 == $c->filiale_id)
                              selected 
                              @endif value="{{$c->filiale_id}}">{{$c->filiale_name}}</option>
                              @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="rechnung_zahlungsvermerk2" class="text-dark">Zahlungsvermerk 2</label>
        <input type="text" id="rechnung_zahlungsvermerk2" name="rechnung_zahlungsvermerk2" class="form-control"
        value="{{ $selectedCar->agreement_zahlungsvermerk2 ?? '' }}" >
    </div>


    <div class="form-group">
        <label for="rechnung_zahlungsfrist" class="text-dark">Zahlungsfrist</label>
                  <div style="display: flex; align-items: center; gap: 8px; ">
        <input type="number" id="rechnung_zahlungsfrist" name="rechnung_zahlungsfrist" class="form-control"
        value="{{ $selectedCar->agreement_zahlungsfrist ?? '' }}" style="max-width: 600px;"> <small>Tage ab Rechnungsdatum</small>
    </div>

</div>


    

    <div class="form-group">
        <label class="text-dark">MwSt.</label>
        <input type="number" value="{{ $selectedCar->car_mwst ?? $selectedCar->agreement_mwst ?? '' }}" name="rechnung_mwst" class="form-control">
    </div>

      <div class="form-group">
        <label class="text-dark">Empfänger-USt-idNr.</label>
        <input type="text" name="rechnung_empfangerust" value="{{ $selectedCar->agreement_kauferust	 ?? '' }}" class="form-control">
    </div>
    



    <!-- Branch Dropdown -->
    <div class="form-group">
        <label class="form-control-label text-dark" for="branch">Filiale</label>
        <select class="form-control select2" style="width: 100%" id="filiale" name="filiale_id" > 
                                <option value="">auswählen</option>

                                @foreach ($listFiliale as $key=>$c)
                                <option  value="{{$c->filiale_id}}"
                                 {{ isset($selectedCar->filiale_id) && $selectedCar->filiale_id == $c->filiale_id ? 'selected' : '' }}>
                                 {{$c->filiale_name}}</option>
                              @endforeach
                            </select>
    </div>

    <div class="form-group checkbox-group">
  <label class="text-dark">
    <input type="checkbox" name="rechnung_rechgleich" />
    <span style="font-size: 0.8em;">Rechnung gleich abschließen</span>
  </label>
    </div>


    </div>

    </div>


 

<br>
<!-- START CARD -->
    <div class="card shadow-lg border-0 rounded-4" style=" background: #f9f9f9;">
    <div class="card-body p-4">
        <h4 class="card-title d-flex align-items-center gap-2 text-primary fw-bold">
            <i class="nc-icon nc-align-center"></i> &nbsp;   Positionen
        </h4>

        <div class="row">

        <div class="col-md-6">

        <div class="form-group">
        <label class="form-control-label text-dark" for="branch">Optional: Wählen Sie ein Fahrzeug aus, um die Lücken zu füllen. Klicken Sie auf die Schaltfläche rechts, um die Werte zu löschen</label>
        <select class="form-control select2" style="width: 100%" id="carSelect" name="car_id" > 
                                <option value="">auswählen</option>
                                @foreach ($listCar as $key=>$c)
                                <option @if(isset($selectedCar->filiale_id) && $selectedCar->filiale_id == $c->filiale_id)
                              selected @endif  
                              value="{{$c->car_id}}" car-typ="{{$c->car_type}}"
                                car-farbe="{{$c->car_farbe}}" car-fahrgestellnr="{{$c->car_fahrgestellnr}}" 
                                car-kfzbriefnr="{{$c->car_kfzbriefnr}}" car-erstzulassung="{{$c->car_erstzulassung}}"
                                car-laufleistung="{{$c->car_laufleistung}}">{{$c->car_new}}-{{$c->car_hersteller}}-{{$c->car_tsn}}-{{$c->car_hsn}}-{{$c->car_farbe}}</option>
                              @endforeach
                            </select>
    </div>
   

    </div>
    <div class="col-md-1">
    <button type="button" onclick="clearInputCar();" class="btn btn-warning btn-round">
        <i class="nc-icon nc-refresh-69" style="font-size: 1.2rem;"></i>
    </button>
    </div>
    </div>

        <div class="row">
        <div class="col-md-8">


        <!-- Car-style underline -->
        <div class="mb-3" style="width: 120px; height: 3px; background: #000;"></div>

        <div class="row">
        
        <div class="col-md-3">
        <p >Fahrzeug-Typ:</p> 
        </div>

        
        <div class="col-md-8">
        <input type="text" name="rechnung_type" id="cartyp"
        value="{{ $selectedCar->car_type ?? $selectedCar->agreement_type ?? '' }}" class="form-control form-control1" >
        </div>

        </div>

        <div class="row">

        <div class="col-md-3">
        <p >Farbe:</p> 
        </div>
        <div class="col-md-8">
        <input type="text" name="rechnung_farbe" id="carfarbe" 
        value="{{ $selectedCar->car_farbe ?? $selectedCar->agreement_farbe ?? '' }}" class="form-control form-control1" >
        </div></div>


        <div class="row">
        <div class="col-md-3">
        <p >Fahrgestellnr:</p> 
        </div>
        <div class="col-md-8">
        <input type="text" name="rechnung_fahrgestellnr" id="carfahrgestellnr"
        value="{{ $selectedCar->car_fahrgestellnr ?? $selectedCar->agreement_fahrgestellnr ?? '' }}" class="form-control form-control1" >
        </div></div>


        <div class="row">
        <div class="col-md-3">
        <p >KFZ-BriefNr.:</p> 
        </div>
        <div class="col-md-8">
        <input type="text" name="rechnung_kfzbriefnr" id="carkfzbriefnr"
        value="{{ $selectedCar->car_kfzbriefnr ?? $selectedCar->agreement_kfzbriefnr ?? '' }}" class="form-control form-control1" >
        </div></div>


        <div class="row">
        <div class="col-md-3">
        <p >Erstzulassung lt. Brief:</p> 
        </div>
        <div class="col-md-8">
        @php
        if (isset($selectedCar->car_erstzulassung) && $selectedCar->car_erstzulassung) {
            $dateValue = $selectedCar->car_erstzulassung;
        } elseif (isset($selectedCar->agreement_erstzulassung) && $selectedCar->agreement_erstzulassung) {
            $dateValue = $selectedCar->agreement_erstzulassung;
        } else {
            $dateValue = null;
        }
        @endphp

        <input type="date" name="rechnung_erstzulassung" id="carerstzulassung"
         value="{{ $dateValue ? \Illuminate\Support\Carbon::parse($dateValue)->format('Y-m-d') : '' }}" class="form-control form-control1" >
        </div></div>

        <div class="row">
        <div class="col-md-3">
        <p >Laufleistung:</p> 
        </div>
        <div class="col-md-8">
        <input type="text" name="rechnung_laufleistung" id="carlaufleistung"
        value="{{ $selectedCar->car_laufleistung ?? $selectedCar->agreement_laufleistung ?? '' }}" class="form-control form-control1" >
        </div></div>
     

</div>

<div class="col-md-4">


<div class="row">

<div class="col-md-6">
<p >Menge:</p> 
<input type="number" id="modelInput1" onkeyup="calculateTotal()" name="rechnung_menge" class="form-control form-control1" >
</div>

 <div class="col-md-6">
 <p >E-Preis:</p> 
 <input type="number" value="{{ $selectedCar->car_verkaufpreis ?? $selectedCar->agreement_verkaufpreis ?? '' }}" id="modelInput2" onkeyup="calculateTotal()" name="rechnung_epreis" class="form-control form-control1" >
</div>
</div>

<p >Gesamtbetrag:</p> 
<input type="number" id="modelInput3" name="rechnung_gesamtbetrag" class="form-control form-control1" >
<label class="form-control-label text-dark" for="branch">Klicken Sie auf die Schaltfläche rechts, um die Berechnung zu löschen</label>
<button type="button" onclick="clearInput();" class="btn btn-success btn-round">
        <i class="nc-icon nc-refresh-69" style="font-size: 1.2rem;"></i>
    </button><!-- <div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6">
</div>
</div> -->





</div>
</div>



        
    </div>
    </div>


<!-- END CARD -->





     



<div class="form-group">
            <img id="output" width="100px"/>
</div>

                        <div class="form-group">

<label for="exampleInputFile" class="bmd-label-floating">
                                <p  class="btn btn-success mt-4">
   Datei hinzufügen </p>
</label>
<input type="file" class="form-control-file" name="account_file" id="exampleInputFile" onchange="loadFile(event)" />
</div> 
<!-- <div class="form-group">
                            <label for="exampleFormControlSelect1">Reference</label>
                            <select class="form-control select2" style="width: 100%" id="mainaccount" name="mainaccount_id"  >
                                <option value="">Select</option>

                                @foreach ($listFiliale as $key=>$c)
                             
                                @if($c->filiale_name == 'Firma')
                                <option value="{{$c->filiale_id}}">{{$c->filiale_name}} </option>
                                @else
                                <option value="{{$c->filiale_id}}">{{$c->filiale_name}} - {{$c->filiale_address}} </option>
                                @endif
                                @endforeach
                            </select>
                        </div> -->
                    
                              <div class="form-group">
<input id="routing" name="routing" value="0" hidden>
</div> 

                        <div class="text-center">
                            <a href="{{ route('rechnung.listRechnung') }}"  class="btn btn-primary mt-4">{{ __('ZURÜCK') }}</a>


                            <button onmouseover="myFunction(0)" type="submit" id="myBtn" class="btn btn-success mt-4"  >{{ __('Speichern & Neu') }}</button>
                            <button onmouseover="myFunction(1)" type="submit" id="myBtn1" class="btn btn-success mt-4"  >{{ __('Speichern') }}</button>
                            </div>
                    </div>
                </form>
            </div>
            </div>
        </div>
    </div>
    </br>
</div>

@endsection


@stack('css')
<style>
 input.form-control1:focus {
        border-color: #51cbce !important;
        box-shadow: 0 0 0 0.2rem rgba(81, 203, 206, 0.25);
    }
 </style>   





@push('scripts')
    <script>
    $(document).ready(function () {
    $('#carSelect').on('change', function () {

  // Get data attributes
  let type = $(this).find('option:selected').attr('car-typ') || '';
  let farbe = $(this).find('option:selected').attr('car-farbe') || '';
  let fahrgestellnr = $(this).find('option:selected').attr('car-fahrgestellnr') || '';
  let kfzbriefnr = $(this).find('option:selected').attr('car-kfzbriefnr') || '';
  let erstzulassung = $(this).find('option:selected').attr('car-erstzulassung') || '';
  let laufleistung = $(this).find('option:selected').attr('car-laufleistung') || '';

  // Fill input fields
        document.getElementById("cartyp").value = type;
        document.getElementById("carfarbe").value = farbe;
        document.getElementById("carfahrgestellnr").value = fahrgestellnr;
        document.getElementById("carkfzbriefnr").value = kfzbriefnr;
        document.getElementById("carlaufleistung").value = laufleistung;

const dateObj = new Date(erstzulassung);

if (!isNaN(dateObj)) {
  const yyyy = dateObj.getFullYear();
  const mm = String(dateObj.getMonth() + 1).padStart(2, '0');
  const dd = String(dateObj.getDate()).padStart(2, '0');
  
  const formattedDate = `${yyyy}-${mm}-${dd}`;
  document.getElementById('carerstzulassung').value = formattedDate;
} 


    });

$('#kunde_select').on('change', function () {
        const selectedOption = $(this).find(':selected');

        const vorname = selectedOption.data('vorname');
        const nachname = selectedOption.data('nachname');
        const strasse = selectedOption.data('strasse');
        const ausweisnr = selectedOption.data('ausweisnr');
        const plz = selectedOption.data('plz');
        const ort = selectedOption.data('ort');
        const email = selectedOption.data('email');
        const tele = selectedOption.data('tele');
        const birth = selectedOption.data('birth');

        $('#rechnung_vorname').val(vorname || '');
        $('#rechnung_nachname').val(nachname || '');
        $('#rechnung_strasse').val(strasse || '');
        $('#rechnung_ausweisnr').val(ausweisnr || '');
        $('#rechnung_plz').val(plz || '');
        $('#rechnung_ort').val(ort || '');
        $('#rechnung_email').val(email || '');
        $('#rechnung_tele').val(tele || '');
        $('#geburtsdatum').val(birth || '');
    });


  });
 

function clearInput() {
        document.getElementById("modelInput1").value = '';
        document.getElementById("modelInput2").value = '';
        document.getElementById("modelInput3").value = '';

    }


function calculateTotal() {
        const val1 = parseFloat(document.getElementById('modelInput1').value) || 0;
        const val2 = parseFloat(document.getElementById('modelInput2').value) || 0;
        const result = val1 * val2;

        document.getElementById('modelInput3').value = result;
    }



     function myFunction(route){
        console.log(route);
                $('#routing').val(route);

    }

    var loadFile = function(event) {
    var output = document.getElementById('output');
    output.src = URL.createObjectURL(event.target.files[0]);
    output.onload = function() {
      URL.revokeObjectURL(output.src) // free memory
    }
  };



 function setToday(inputId) {
        document.getElementById(inputId).valueAsDate = new Date();

}




  function clearInputCar() {
        document.getElementById("cartyp").value = '';
        document.getElementById("carfarbe").value = '';
        document.getElementById("carkfzbriefnr").value = '';
        document.getElementById("carerstzulassung").value = '';
        document.getElementById("carlaufleistung").value = '';
        document.getElementById("carfahrgestellnr").value = '';

        const select = document.getElementById("carSelect");
    
    // Remove the first option
    if (select.options.length > 0) {
      select.remove(0);
    }

    // Create a new option
    const newOption = document.createElement("option");
    newOption.value = "";
    newOption.text = "auswählen";
    newOption.selected = true;
    // Insert it at the beginning
    select.insertBefore(newOption, select.firstChild);


    }
    </script>
  @endpush