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

@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;">KAUFVERTRAG HINZUFÜGEN</h2>
                     <img src="{{ asset('paper') }}/img/underlineTitle1.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('agreement.addNewAgreement') }}" 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-4">

<div class="form-group">
 <!-- Hidden input that will actually be submitted -->
<input type="hidden" name="agreement_wir" id="agreement_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('agreement_wir').value = '1';"> <span>Verkäufer</span></label>
        <label class="text-dark"><input type="radio" name="wir_type" value="Käufer" onclick="document.getElementById('agreement_wir').value = '0';"> <span>Käufer</span></label>
    </div>

    </div>

        </div>

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

      <div class="form-group">
 <!-- Hidden input that will actually be submitted -->
<input type="hidden" name="agreement_carnew" id="agreement_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="agreement_type" value="new" onclick="document.getElementById('agreement_carnew').value = '1';" 
        {{ isset($selectedCar->car_new) && $selectedCar->car_new == 1 ? 'checked' : '' }}> <span>Neu</span></label>
        <label class="text-dark"><input type="radio" name="agreement_type" value="used" onclick="document.getElementById('agreement_carnew').value = '0';"
        {{ isset($selectedCar->car_new) && $selectedCar->car_new == 0 ? 'checked' : '' }}> <span>Gebraucht</span></label>
    </div>
    </div>


 </div>


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

 <!-- 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>


 </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="{{  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="agreement_vorname" class="text-dark">Vorname</label><span style="color: red;">*</span>

        <input type="text" id="agreement_vorname" name="agreement_vorname" class="form-control" required>
    </div>
    </div>
    
 <div class="col-md-6">
<div class="form-group">
        <label for="agreement_nachname" class="text-dark">Nachname</label><span style="color: red;">*</span>

        <input type="text" id="agreement_nachname" name="agreement_nachname" class="form-control" required>
    </div>
    </div>
    
</div>
    

    

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

        <input type="text" id="agreement_strasse" name="agreement_strasse" class="form-control" required>
    </div>
    </div>
    
 <div class="col-md-6">
 <div class="form-group">
        <label for="agreement_address" class="text-dark">Adressen zusatz</label>
        <input type="text" id="agreement_address" name="agreement_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 ="agreement_plz" name="agreement_plz" class="form-control" style="width: 50%;" required>
            <span style="font-size: 1.2rem; font-weight: bold; margin: 0 4px;position: relative; top: 8px;">/</span>
            <input type="text" id = "agreement_ort" name="agreement_ort" class="form-control" style="width: 50%;" 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="agreement_land" > 
                                <option value="">auswählen</option>

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


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

    <div class="form-group">
        <label for="agreement_address" class="text-dark">Email-Adresse</label>
        <input type="email" id="agreement_email" name="agreement_email" class="form-control">
    </div>
    </div>

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

    <div class="form-group">
        <label for="agreement_address" class="text-dark">Telefonnummer</label>
        <input type="text" id="agreement_tele" name="agreement_tele" class="form-control">
    </div>
    </div>
    </div>

 <div class="form-group">
        <label for="date1" class="text-dark">Geburtsdatum</label>
            <input type="date" id="geburtsdatum" name="agreement_geburtsdatum" class="form-control" required>
            <!-- <button type="button" onclick="setToday('date1id')" class="btn btn-secondary">Today</button> -->
    </div>


    <div class="form-group">
        <label for="agreement_ausweisnr" class="text-dark">Ausweisnr.</label>
        <input type="text" id="agreement_ausweisnr" name="agreement_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="agreement_lieferdatum" class="form-control" required>
            <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="agreement_zahlungsart1" name="agreement_zahlungsart1" > 
                                <option value="">auswählen</option>
                                @foreach ($listFiliale as $key=>$c)
                                <option  value="{{$c->filiale_id}}">{{$c->filiale_name}}</option>
                              @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="agreement_zahlungsvermerk1" class="text-dark">Zahlungsvermerk 1</label>
        <input type="text" id="agreement_zahlungsvermerk1" name="agreement_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="agreement_zahlungsart2" name="agreement_zahlungsart2" > 
                                <option value="">auswählen</option>
                                @foreach ($listFiliale as $key=>$c)
                                <option  value="{{$c->filiale_id}}">{{$c->filiale_name}}</option>
                              @endforeach
        </select>
    </div>

    <div class="form-group">
        <label for="agreement_zahlungsvermerk2" class="text-dark">Zahlungsvermerk 2</label>
        <input type="text" id="agreement_zahlungsvermerk2" name="agreement_zahlungsvermerk2" class="form-control">
    </div>


    <div class="form-group">
        <label for="agreement_zahlungsfrist" class="text-dark">Zahlungsfrist</label>
                  <div style="display: flex; align-items: center; gap: 8px; ">
        <input type="number" id="agreement_zahlungsfrist" name="agreement_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="{{ $selectedCar->car_mwst ?? '' }}" name="agreement_mwst" class="form-control">
    </div>

      <div class="form-group">
        <label class="text-dark">Käufer-USt-idNr.</label>
        <input type="text" name="agreement_kauferust" class="form-control">
    </div>
    
    </div>

    </div>


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

    <!-- 3rd Section -->
    <h4>KFZ-Daten 1</h4>

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

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

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

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

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

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


    <div class="form-group">
        <label class="text-dark">HSN / TSN</label>
        <div class="d-flex">
            <input type="text" value="{{ $selectedCar->car_hsn ?? '' }}" name="agreement_hsn" class="form-control" style="width: 40%;">
            <span style="font-size: 1.2rem; font-weight: bold; margin: 0 4px;position: relative; top: 8px;">/</span>
            <input type="text" value="{{ $selectedCar->car_tsn ?? '' }}" name="agreement_tsn" class="form-control" style="width: 40%;">
        </div>
    </div>


    
     <div class="form-group">
        <label class="text-dark">Art</label>
        <input type="text" value="{{ $selectedCar->car_art ?? '' }}" name="agreement_art" class="form-control">
    </div>


    <div class="form-group">
        <label class="text-dark">Erstzulassung</label>
        <input type="date"  value="{{ isset($selectedCar->car_erstzulassung) && $selectedCar->car_erstzulassung ? \Illuminate\Support\Carbon::parse($selectedCar->car_erstzulassung)->format('Y-m-d') : '' }}" name="agreement_erstzulassung" class="form-control">
    </div>


    <div class="form-group">
        <label class="text-dark">Farbe</label>
        <input type="text" value="{{ $selectedCar->car_farbe ?? '' }}" name="agreement_farbe" class="form-control" style="max-width: 600px">
    </div>

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

      <div class="form-group">
        <label class="text-dark">Hubraum </label>
        <div style="display: flex; align-items: center; gap: 8px;">
        <input type="text" value="{{ $selectedCar->car_hubraum ?? '' }}" name="agreement_hubraum" class="form-control" style="max-width: 600px;"> <strong>cm²</strong>
        </div>
    </div>
    </div>

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

    <div class="form-group">
        <label class="text-dark">Motorleistung </label>
          <div style="display: flex; align-items: center; gap: 8px; ">
        <input type="text" value="{{ $selectedCar->car_motorleistung ?? '' }}" name="agreement_motorleistung" class="form-control" style="max-width: 600px;"> <strong>kW</strong>
        </div>
    </div>
    </div>

</div>


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

          <div style="display: flex; align-items: center; gap: 8px; ">
        <input type="text" value="{{ $selectedCar->car_fahrgestellnr  ?? '' }}" name="agreement_fahrgestellnr" class="form-control" style="max-width: 600px;" required> <small>17 Zeicehen</small>
    </div>
</div>

    <div class="form-group">
        <label class="text-dark">KFZ-BriefNr.</label>
        <input type="text" value="{{ $selectedCar->car_kfzbriefnr  ?? '' }}" name="agreement_kfzbriefnr" class="form-control">
    </div>

</div>



       <div class="col-md-6">
    <!-- 4th Section -->
    <h4>KFZ-Daten 2</h4>

            
        <div class="form-group">
        <label class="text-dark">Ausstattung</label>
        <input type="text" value="{{ $selectedCar->car_ausstattung  ?? '' }}" name="agreement_ausstattung" class="form-control">
    </div>

    <div class="form-group">
        <label class="text-dark">Laufleistung It. km-Zahler </label>
                  <div style="display: flex; align-items: center; gap: 8px;">
        <input type="text" value="{{ $selectedCar->car_laufleistung  ?? '' }}" name="agreement_laufleistung" class="form-control">   <strong>km</strong>
                    </div>
    </div> 


    
  
         <div class="form-group">
        <label class="text-dark">Zahl d. Halter It. Vorbesitzer</label>
        <input type="number" value="{{ $selectedCar->car_zahlVorbesitzer  ?? '' }}" name="agreement_zahlVorbesitzer" class="form-control">
    </div>

    <div class="form-group">
        <label class="text-dark">Zahl d. Halter It. KFZ-Brief</label>
        <input type="number" value="{{ $selectedCar->car_zahlKfz  ?? '' }}" name="agreement_zahlKfz" class="form-control">
    </div>
 


    <div class="form-group">
        <label class="text-dark">Nächster HU/AU-Termin</label>
        <input type="date" value="{{isset($selectedCar->car_nachstertermin) && $selectedCar->car_nachstertermin ? \Illuminate\Support\Carbon::parse($selectedCar->car_nachstertermin)->format('Y-m-d') : '' }}" name="agreement_nachstertermin" class="form-control">
    </div>

    <div class="form-group checkbox-group">
  <label class="text-dark">
    <input type="checkbox"  name="agreement_fahrbereit" {{ isset($selectedCar->car_fahrbereit) && $selectedCar->car_fahrbereit == 1 ? 'checked' : '' }}/>
    <span style="font-size: 0.8em;">Fahrbereit</span>
  </label>
  
  <label class="text-dark">
    <input type="checkbox" name="agreement_wartaxi" {{ isset($selectedCar->car_wartaxi) && $selectedCar->car_wartaxi == 1 ? 'checked' : '' }}/>
    <span style="font-size: 0.8em;">War Taxi / Meit / Fahrschulwagen</span>
  </label>
  
  <label class="text-dark">
    <input type="checkbox" name="agreement_demverkauf" {{ isset($selectedCar->car_demverkauf) && $selectedCar->car_demverkauf == 1 ? 'checked' : '' }}/>
    <span style="font-size: 0.8em;">Dem Verkäufer sinf auf andere Weise Unfallschaden</span>
  </label>
</div>


    <div class="form-group">
        <textarea name="agreement_demverkaufnote" class="form-control">{{ $selectedCar->car_demverkaufnote ?? '' }}</textarea>
    </div>



      </div> 
 
</div> 



    <div class="row"> 

     <div class="col-md-6">
         <!-- 5th Section -->
    <h4>Kaution</h4>


     <div class="form-group checkbox-group">
  <label class="text-dark">
    <input type="checkbox" name="agreement_neueskaution" />
    <span style="font-size: 0.8em;">Neue Kaution anlegen</span>
  </label>
    </div>

<div class="form-group">
        <label class="text-dark">Kautionbetrag</label>
        <div style="display: flex; align-items: center; gap: 8px;">
        <input type="number" name="agreement_kautionabedingungen" class="form-control"> <strong>EUR</strong>
    </div>
</div>

<div class="form-group">
        <label class="text-dark">Kautionbedingungen</label>
        <input type="text" name="agreement_kautionsbetrag" class="form-control">
        <small>Text wird beim Speichern automatisch zu den Sondervereinbarungen hinzugefügt</small> 
    </div>


</div> 

     <div class="col-md-6">
         <!-- 6th Section -->

    <h4>Sondervereinbarungen</h4>


    <div class="form-group">
        <textarea name="agreement_sonderver" class="form-control">{{ $selectedCar->car_sonderver ?? '' }}</textarea>
    </div>


    <div class="form-group checkbox-group">
  <label class="text-dark">
    <input type="checkbox" name="agreement_istUnternehmer" {{ isset($selectedCar->car_istUnternehmer) && $selectedCar->car_istUnternehmer == 1 ? 'checked' : '' }}/>
    <span style="font-size: 0.8em;">Käufer ist Unternehmer</span>
  </label>
  
  <label class="text-dark">
    <input type="checkbox" name="agreement_bastierfahrzeug" {{ isset($selectedCar->car_bastierfahrzeug) && $selectedCar->car_bastierfahrzeug == 1 ? 'checked' : '' }}/>
    <span style="font-size: 0.8em;">Bastlerfahrzeug</span>
  </label>
</div>


</div> 

 

</div> 

   
<div class="row"> 

     <div class="col-md-6">
         <!-- 7th Section -->

    <h4 >Anlagen zum Kaufvertrag  </h4>      <small>(nur beim Verkauf)</small>





<div class="form-group checkbox-group">

  <label class="text-dark">
    <input type="checkbox" name="agreement_isDokumentation" />
    <span style="font-size: 0.8em;">Dokumentation der Erfüllung vorvertraglicher Informationspflichten</span>
  </label>
  
  <label class="text-dark">
    <input type="checkbox" name="agreement_isAbweichungen" />
    <span style="font-size: 0.8em;">
Abweichungen der Kaufsache von individuellen objektiven Anforderungen</span>
  </label>
  

          <input type="text" name="agreement_isAbweichungen_text" class="form-control">



  <label class="text-dark">
    <input type="checkbox" name="agreement_isverkurzung" />
    <span style="font-size: 0.8em;">Verkürzung der Verjährungsfrist (Gebrauchtwagen)</span>
  </label>

   <label class="text-dark">
    <input type="checkbox" name="agreement_isAusschluss" />
    <span style="font-size: 0.8em;">Ausschluss der Aktualisierungspflicht für digitale Elemente</span>
  </label>

   <label class="text-dark">
    <input type="checkbox" name="agreement_isRechisfolgen" />
    <span style="font-size: 0.8em;">Rechtsfolgen unterlassener oder unsachgemäßer Aktualisierung</span>
  </label>

</div>

</div>


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

<!-- 8th Section -->

    <h4>Kaufpreis</h4>

    <div class="form-group">
        <label class="text-dark">Kaufspreis</label><span style="color: red;">*</span>
        <div style="display: flex; align-items: center; gap: 8px;">
        <input type="number" value="{{ $selectedCar->car_verkaufpreis  ?? '' }}" name="agreement_kaufpreis" class="form-control" required> <strong>EUR</strong>
    </div>
    </div>


        <div class="form-group">
     <!-- Hidden input that will actually be submitted -->
<input type="hidden" name="agreement_netprice" id="agreement_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="agreement_price" value="brut" onclick="document.getElementById('agreement_netprice').value = '1';"
        {{ isset($selectedCar->car_netprice) && $selectedCar->car_netprice == 1 ? 'checked' : '' }}> <span>Nettopreise angegeben</span></label>
        <label class="text-dark"><input type="radio" name="agreement_price" value="net" onclick="document.getElementById('agreement_netprice').value = '0';"
       {{ isset($selectedCar->car_netprice) && $selectedCar->car_netprice == 0 ? 'checked' : '' }}> <span>Bruttopreise angegeben</span></label>
    </div>
    </div>


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



</div>

</div>





   

<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 (Ausweis)</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('agreement.listAgreement') }}"  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


@push('scripts') 
<!-- push -->
    <script>
   
  $(document).ready(function () {
    $('#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');

        $('#agreement_vorname').val(vorname || '');
        $('#agreement_nachname').val(nachname || '');
        $('#agreement_strasse').val(strasse || '');
        $('#agreement_ausweisnr').val(ausweisnr || '');
        $('#agreement_plz').val(plz || '');
        $('#agreement_ort').val(ort || '');
        $('#agreement_email').val(email || '');
        $('#agreement_tele').val(tele || '');
        $('#geburtsdatum').val(birth || '');
    });
});



 

     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();

}


    </script>
    @endpush
    <!-- @endstack -->