@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 BEARBEITEN</h2>
                     <img src="{{ asset('paper') }}/img/underlineTitle2.png" alt="Decorative underline" style="margin-top: 5px; width: 200px;">

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

            <!-- <div class="card-body">           -->

        <div class="card-body">

            <div class="col-md-12">
                <form method="post" action="{{ route('rechnung.updateRechnung') }}" autocomplete="off"  enctype="multipart/form-data">
                    @csrf
                    <input class="form-control{{ $errors->has('rechnung_id') ? ' is-invalid' : '' }}" name="rechnung_id" id="input-id" type="text"   value="{{ old('rechnung_id', $editRechnung->rechnung_id) }}" hidden/>
                    <input class="form-control{{ $errors->has('car_id') ? ' is-invalid' : '' }}" name="car_id" id="input-id" type="text"   value="{{ old('car_id', $editRechnung->car_id) }}" hidden/>
                    <input class="form-control{{ $errors->has('rechnung_car_id') ? ' is-invalid' : '' }}" name="rechnung_car_id" id="input-id" type="text"   value="{{ old('rechnung_car_id', $editRechnung->rechnung_car_id) }}" hidden/>

                   <div class="pl-lg-6">

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


<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" value="Verkäufer" 
         onclick="document.getElementById('rechnung_wir').value = '1';"
         @if($editRechnung->rechnung_wir == 1) checked @endif> <span>Verkäufer</span></label>
         <label class="text-dark"><input type="radio" name="wir_type" value="Käufer"
          onclick="document.getElementById('rechnung_wir').value = '0';"
          @if($editRechnung->rechnung_wir == 0) checked @endif> <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';" 
         @if($editRechnung->rechnung_carnew == 1) checked @endif> <span>Neu</span></label>
         <label class="text-dark"><input type="radio" name="rechnung_type" value="used" onclick="document.getElementById('rechnung_carnew').value = '0';"
         @if($editRechnung->rechnung_carnew == 0) checked @endif> <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';"
         @if($editRechnung->rechnung_netprice == 1) checked @endif> <span>Nettopreise angegeben</span></label>
         <label class="text-dark"><input type="radio" name="rechnung_price" value="net" onclick="document.getElementById('rechnung_netprice').value = '0';"
         @if($editRechnung->rechnung_netprice == 0) checked @endif> <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 for="rechnung_vorname" class="text-dark">Vorname</label><span style="color: red;">*</span>
 
         <input type="text" id="rechnung_vorname" 
         value="{{$editRechnung->rechnung_vorname}}" name="rechnung_vorname" class="form-control" required>
     </div>
 
     <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="{{$editRechnung->rechnung_nachname}}" name="rechnung_nachname" class="form-control" required>
     </div>
 
 
     <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="{{$editRechnung->rechnung_strasse}}" name="rechnung_strasse" class="form-control" required>
     </div>
 
     <div class="form-group">
         <label for="rechnung_address" class="text-dark">Adressen zusatz</label>
         <input type="text" id="rechnung_address"
         value="{{$editRechnung->rechnung_address}}" name="rechnung_address" class="form-control">
     </div>
 
 
     <div class="form-group">
         <label class="text-dark">PLZ / ORT</label><span style="color: red;">*</span>
 
         <div class="d-flex">
             <input type="text" name="rechnung_plz" value="{{$editRechnung->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" name="rechnung_ort" value="{{$editRechnung->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($editRechnung->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="{{$editRechnung->rechnung_address}}" id="rechnung_email" name="rechnung_email" class="form-control">
     </div>
 
     <div class="form-group">
         <label for="rechnung_tele" class="text-dark">Telefonnummer</label>
         <input type="text" value="{{$editRechnung->rechnung_tele}}" id="rechnung_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="{{$editRechnung->rechnung_geburtsdatum ? \Illuminate\Support\Carbon::parse($editRechnung->rechnung_geburtsdatum)->format('Y-m-d') : '' }}">
     </div>
 
 
     <div class="form-group">
         <label for="rechnung_ausweisnr" class="text-dark">Ausweisnr.</label>
         <input type="text" value="{{$editRechnung->rechnung_ausweisnr}}" id="rechnung_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="{{$editRechnung->rechnung_lieferdatum ? \Illuminate\Support\Carbon::parse($editRechnung->rechnung_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($editRechnung->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_zahlungsvermerk1" class="text-dark">Zahlungsvermerk 1</label>
         <input type="text" value="{{$editRechnung->rechnung_zahlungsvermerk1}}" id="rechnung_zahlungsvermerk1" name="rechnung_zahlungsvermerk1" class="form-control">
     </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($editRechnung->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_zahlungsvermerk2" class="text-dark">Zahlungsvermerk 2</label>
         <input type="text" value="{{$editRechnung->rechnung_zahlungsvermerk2}}" id="rechnung_zahlungsvermerk2" name="rechnung_zahlungsvermerk2" class="form-control">
     </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" value="{{$editRechnung->rechnung_zahlungsfrist}}" id="rechnung_zahlungsfrist" name="rechnung_zahlungsfrist" class="form-control" 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="{{ $editRechnung->rechnung_mwst}}" name="rechnung_mwst" class="form-control">
     </div>
 
       <div class="form-group">
         <label class="text-dark">Empfänger-USt-idNr.</label>
         <input type="text" value="{{$editRechnung->rechnung_empfangerust}}" name="rechnung_empfangerust" 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 @if($editRechnung->filiale_id == $c->filiale_id)
                              selected 
                              @endif 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" @if($editRechnung->rechnung_rechgleich == 1) checked @endif 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_notused" > 
                        <option value="">auswählen</option>

                        @foreach ($listCar as $key=>$c)
                        <option  @if($editRechnung->car_id == $c->car_id)
                        selected @elseif ($editRechnung->rechnung_car_id == $c->car_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" value="{{$editRechnung->rechnung_type}}" name="rechnung_type" id="cartyp" 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" value="{{$editRechnung->rechnung_farbe}}" name="rechnung_farbe" id="carfarbe" 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" value="{{$editRechnung->rechnung_fahrgestellnr}}" name="rechnung_fahrgestellnr" id="carfahrgestellnr" 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" value="{{$editRechnung->rechnung_kfzbriefnr}}" name="rechnung_kfzbriefnr" id="carkfzbriefnr" 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">
         <input type="date" name="rechnung_erstzulassung" id="carerstzulassung" class="form-control form-control1"
         value="{{$editRechnung->rechnung_erstzulassung ? \Illuminate\Support\Carbon::parse($editRechnung->rechnung_erstzulassung)->format('Y-m-d') : '' }}">

         </div></div>
 
         <div class="row">
         <div class="col-md-3">
         <p >Laufleistung:</p> 
         </div>
         <div class="col-md-8">
         <input type="text" value="{{$editRechnung->rechnung_laufleistung}}" name="rechnung_laufleistung" id="carlaufleistung" 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" value="{{$editRechnung->rechnung_menge}}" 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="{{$editRechnung->rechnung_epreis}}" id="modelInput2" onkeyup="calculateTotal()" name="rechnung_epreis" class="form-control form-control1" >
 </div>
 </div>
 
 <p >Gesamtbetrag:</p> 
 <input type="number" value="{{$editRechnung->rechnung_gesamtbetrag}}" id="modelInput3" name="rechnung_gesamtbetrag" class="form-control form-control1" >
 <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="text-center">
                            <a href="{{ route('rechnung.listRechnung') }}"  class="btn btn-warning mt-4">{{ __('ZURÜCK') }}</a>

                            <button type="submit" id="myBtn1" class="btn btn-success mt-4">{{ __('Speichern') }}</button>
                        </div>


                    </div>
                </form>
            </div>
            </div>
        </div>
    </div>
    </br>
</div>
@endsection



@push('scripts')
    <script>
 function setToday(inputId) {
        document.getElementById(inputId).valueAsDate = new Date();

}


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;
    }



$(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;
} 


    });
  });


  
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