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

@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;">FAHRZEUG BEARBEITEN</h2>
                     <img src="{{ asset('paper') }}/img/underlineTitle.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('car.updateCar') }}" autocomplete="off"  enctype="multipart/form-data">
                    @csrf
                    <input class="form-control{{ $errors->has('car_id') ? ' is-invalid' : '' }}" name="car_id" id="input-id" type="text"   value="{{ old('car_id', $editCar->car_id) }}" hidden/>

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




 <!-- Hidden input that will actually be submitted -->
<input type="hidden" name="car_new" id="car_new" 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="car_type" value="new" onclick="document.getElementById('car_new').value = '1';"
         @if($editCar->car_new == 1) checked @endif> <span>Neu</span></label>
        <label class="text-dark"><input type="radio" name="car_type" value="used" onclick="document.getElementById('car_new').value = '0';"
         @if($editCar->car_new === 0) checked @endif> <span>Gebraucht</span></label>
    </div>



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

    <!-- 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($editCar->filiale_id == $c->filiale_id)
                              selected 
                              @endif value="{{$c->filiale_id}}">{{$c->filiale_name}}</option>
                              @endforeach
                            </select>
    </div>

    </div>


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


      <!-- Date Inputs with Buttons -->
    <div class="form-group">
        <label for="date1" class="text-dark">Einkaufsdatum*</label>
        <div class="input-group">
            <input type="date" id="date1id" name="car_einkaufsdatum" class="form-control" value="{{$editCar->car_einkaufsdatum ? \Illuminate\Support\Carbon::parse($editCar->car_einkaufsdatum)->format('Y-m-d') : '' }}" required>
            <button type="button" onclick="setToday('date1id')" class="btn btn-secondary">Today</button>
        </div>
    </div>


    </div>

    </div>


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

    <!-- Number Input -->
    <div class="form-group">
        <label for="car_fahrzeugnr" class="text-dark">Fahrzeugnr.</label>
        <input type="number" id="car_fahrzeugnr" name="car_fahrzeugnr" class="form-control" value="{{$editCar->car_fahrzeugnr}}">
    </div>

       </div>

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

    <div class="form-group">
        <label for="date2" class="text-dark">Verkaufsdatum</label>
        <div class="input-group">
            <input type="date" id="date2id" name="car_verkaufsdatum" class="form-control" value="{{$editCar->car_verkaufsdatum ? \Illuminate\Support\Carbon::parse($editCar->car_verkaufsdatum)->format('Y-m-d') : '' }}">
            <button type="button" onclick="setToday('date2id')" class="btn btn-secondary"  >Today</button>

        </div>
    </div>

    </div>    </div>





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


    <!-- FIRST Section -->
    <h4>KFZ-Daten 1</h4>

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

      <div class="form-group">
        <label class="text-dark">Hersteller*</label>
        <input type="text" name="car_hersteller" class="form-control" value="{{$editCar->car_hersteller}}" required>
    </div>
 </div>

   <div class="col-md-6">
    <div class="form-group">
        <label class="text-dark">Typ*</label>
        <input type="text" name="car_type" class="form-control" value="{{$editCar->car_type}}" required>
    </div>
 </div>

    </div> 



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

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

    </div>


     <div class="col-md-6">
    
     <div class="form-group">
        <label class="text-dark">Art</label>
        <input type="text" name="car_art" class="form-control"  value="{{$editCar->car_art}}">
    </div>

    </div>

    </div>


    

          <div class="row">    

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

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


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

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


    <div class="row">    

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

    <div class="form-group">
        <label class="text-dark">Farbe</label>
        <input type="text" name="car_farbe" class="form-control"  value="{{$editCar->car_farbe}}">
    </div>
    </div>


         <div class="col-md-6">
<div class="form-group">
        <label class="text-dark">Getriebe</label>
        <select class="form-control select2"  id="car_getriebe" name="car_getriebe" > 
                                <option value="">auswählen</option>
                                <option  @if($editCar->car_getriebe == "Automatik")
                              selected 
                              @endif value="Automatik">Automatik</option>
                                <option  @if($editCar->car_getriebe == "Manuell")
                              selected 
                              @endif value="Manuell">Manuell</option>

                              
                            </select>
                            
    </div>
    </div>
    </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" name="car_hubraum" class="form-control" style="max-width: 600px;" value="{{$editCar->car_hubraum}}"> <strong>cm²</strong>
    </div>
    </div>

    </div>

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

    

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


    </div>


    </div> 
    

     <div class="row">    
            
     <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" name="car_motorleistung" class="form-control" style="max-width: 600px;" value="{{$editCar->car_motorleistung}}"> <strong>kW</strong>
    </div>
    </div>

    </div>

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

<div class="form-group">
        <label class="text-dark">Fahrgestellnr.*</label>
        <input type="text" name="car_fahrgestellnr" class="form-control" value="{{$editCar->car_fahrgestellnr}}" required>
    </div>

    </div>

    
    </div> 

    
    </div> 


       <div class="col-md-6">
    <!-- 2 Section -->
    <h4>KFZ-Daten 2</h4>
    <div class="row">    
            
     <div class="col-md-6">
        <div class="form-group">
        <label class="text-dark">Ausstattung</label>
        <input type="text" name="car_ausstattung" class="form-control" value="{{$editCar->car_ausstattung}}">
    </div>
 </div>

   <div class="col-md-6">
    <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" name="car_laufleistung" class="form-control" value="{{$editCar->car_laufleistung}}">   <strong>km</strong>
    </div></div>
 </div>
 
    </div> 


    
    <div class="row">    
            
     <div class="col-md-6">
         <div class="form-group">
        <label class="text-dark">Zahl d. Halter It. Vorbesitzer</label>
        <input type="number" name="car_zahlVorbesitzer" class="form-control" value="{{$editCar->car_zahlVorbesitzer}}">
    </div>
 </div>

   <div class="col-md-6">
    <div class="form-group">
        <label class="text-dark">Zahl d. Halter It. KFZ-Brief</label>
        <input type="number" name="car_zahlKfz" class="form-control"  value="{{$editCar->car_zahlKfz}}">
    </div>
 </div>
 
    </div> 


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

    <div class="form-group checkbox-group">
  <label class="text-dark">
    <input type="checkbox" name="car_fahrbereit" @if($editCar->car_fahrbereit == 1) checked @endif />
    <span>Fahrbereit</span>
  </label>
  
  <label class="text-dark">
    <input type="checkbox" name="car_wartaxi" @if($editCar->car_wartaxi == 1) checked @endif />
    <span>War Taxi / Meit / Fahrschulwagen</span>
  </label>
  
  <label class="text-dark">
    <input type="checkbox" name="car_demverkauf" @if($editCar->car_demverkauf == 1) checked @endif />
    <span>Dem Verkaufer sinf auf andere Weise Unfallschaden</span>
  </label>
</div>


    <div class="form-group">
        <textarea name="car_demverkaufnote" class="form-control"> {{$editCar->car_demverkaufnote}} </textarea>
    </div>



      </div> 

    
    </div> 

    <!-- SECOND Section -->
    <h4>Sondervereinbarungen</h4>


    <div class="form-group">
        <textarea name="car_sonderver" class="form-control">{{$editCar->car_sonderver}}</textarea>
    </div>

 



<div class="form-group checkbox-group">
  <label class="text-dark">
    <input type="checkbox" name="car_istUnternehmer" @if($editCar->car_istUnternehmer == 1) checked @endif />
    <span>Kaufer ist Unternehmer</span>
  </label>
  <label class="text-dark">
    <input type="checkbox" name="car_bastierfahrzeug" @if($editCar->car_bastierfahrzeug == 1) checked @endif />
    <span>Bastlerfahrzeug</span>
  </label>
</div>



    <!-- NOTES Section -->
    <h4>Notizen (intern)</h4>
    <div class="form-group">
        <textarea name="car_notizen" class="form-control" rows="4" placeholder="Notizen..." > {{$editCar->car_notizen}} </textarea>
    </div>





    

    <!-- FOURTH Section -->
    <h4>Preise / MwSt</h4>

    <div class="row">    
            
     <div class="col-md-4">
         <div class="form-group">
        <label class="text-dark">MwSt.</label>
        <input type="number" name="car_mwst" class="form-control" value="{{$editCar->car_mwst}}" >
    </div>
     </div>
     <div class="col-md-4">
        <div class="form-group">
        <label class="text-dark">Einkaufspreis</label>
        <div style="display: flex; align-items: center; gap: 8px;">
        <input type="number" name="car_einkaufpreis" class="form-control" value="{{$editCar->car_einkaufpreis}}"> <strong>EUR</strong>
    </div></div>
     </div>
     <div class="col-md-4">
         <div class="form-group">
        <label class="text-dark">Verkaufspreis</label>
        <div style="display: flex; align-items: center; gap: 8px;">
        <input type="number" name="car_verkaufpreis" class="form-control" value="{{$editCar->car_verkaufpreis}}"> <strong>EUR</strong>
    </div></div>
     </div>
</div>


     <!-- Hidden input that will actually be submitted -->
<input type="hidden" name="car_netprice" id="car_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="car_price" value="brut" onclick="document.getElementById('car_netprice').value = '1';" 
          @if($editCar->car_netprice == 1) checked @endif> <span>Nettopreise angegeben</span></label>
          
        <label class="text-dark"><input type="radio" name="car_price" value="net" onclick="document.getElementById('car_netprice').value = '0';"
          @if($editCar->car_netprice === 0) checked @endif> <span>Bruttopreise angegeben</span></label>
    </div>



                        <div class="text-center">
                            <a href="{{ route('car.listCar') }}"  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



@stack('js')
    <script>

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