@extends('inventory.layout') 
@section('title', 'Neues Angebot')
@section('content')
    <!-- push external head elements to head -->
    @push('head')
        <link rel="stylesheet" href="{{ asset('plugins/select2/dist/css/select2.min.css') }}">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.css">
        <style type="text/css">
            .gsterror{
                color: red;
            }
            .emailerror{
                color: red;
            }
            .gstverify{
                color: #4b9732;
            }
            .protable{
                overflow-x: auto;
            }

            .image-uploader{
                border: 1px solid #ADB5F8 !important;
            }
        
        </style>
    @endpush

    
    <div class="container-fluid">
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <!-- <i class="ik ik-user-plus bg-blue"></i> -->
                        <div class="d-inline">
                            <h5>{{ __('Neues Angebot')}}</h5>
                            <span>{{ __('Neues Angebot erstellen')}}</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <nav class="breadcrumb-container" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{url('dashboard')}}"><i class="ik ik-home"></i></a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="#">{{ __('Neues Angebot')}}</a>
                            </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <form class="forms-sample" method="POST" action="{{ route('vehicle.store') }}" enctype= multipart/form-data id="vehicleform">
        @csrf
        @include('include.message')

            <div class="row">
                <!-- start message area-->
                
                <!-- end message area-->
                <div class="col-md-12">
                    <div class="card ">
                        <!-- <div class="card-header">
                            <strong><h3>{{ __('Basic Information')}}</h3></strong>
                        </div> -->
                        <div class="card-body">
                            
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label class="d-block">Marke<span class="text-red">*</span></label> 
                                       
                                        <select class="form-control marke" name="marke_id" id="marke" data-url="{{url('getmodel')}}" required="">
                                            <option value="">Marke auswählen</option>
                                            @foreach($brands as $brand)
                                                <option value="{{$brand->id}}">{{$brand->name}}</option>
                                            @endforeach
                                            
                                        </select>
                                        
                                    </div>
                                </div>
                                <div class="col-sm-3">  
                                    <div class="form-group">

                                        <label>Modell<span class="text-red">*</span></label> 
                                        <select class="form-control select2" name="model" id="model" required="">
                                            <option value="">Modell auswählen</option>
                                       <option value="test">BMW</option>
                                            <option value="demo">Audi</option>
                                    
                                        </select>    

                                    </div>
                                </div>
                                <div class="col-sm-3">    
                                        <div class="form-group">
                                            <label for="erstzulassung">Erstzulassung</label>
                                            <input id="erstzulassung" type="date" class="form-control" name="erstzulassung" value="" placeholder="Erstzulassung eingeben" >
                                            

                                        </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="kilometer">Kilometerstand</label>
                                        <input id="kilometer" type="number" class="form-control" name="kilometer" value="" placeholder="Kilometerstand eingeben" >
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                       <label class="d-block">Kraftstoffart <span class="text-red">*</span></label>
                                       
                                        <select class="form-control " name="kraftstoffart" id="kraftstoffart"  required="">
                                            <option value="">Kraftstoff auswählen</option>
                                            
                                           <option value="benzin">Benzin</option>
                                                <option value="elekrto">Elekrto</option>
                                                <option value="diesel">Diesel</option>
                                                <option value="hybrid">Hybrid (Benzin/Elekrto)</option>
                                                <option value="autogas_LPG">Autogas (LPG)</option>
                                                <option value="autogas_CNG">Autogas (CNG)</option>
                                                <option value="sonstige">Sonstige</option>
                                            
                                        </select>
                                        
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                       <label class="d-block">Getriebeart<span class="text-red">*</span></label>
                                       
                                        <select class="form-control " name="getriebeart" id="getriebeart"  required="">
                                            <option value="">Getriebeart auswählen</option>
                                            
                                            <option value="Manuell">Manuell</option>
                                            <option value="Automatik">Automatik </option>
                                            
                                        </select>
                                        
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                       <label class="d-block">Fahrzeugart<span class="text-red">*</span></label>
                                       
                                        <select class="form-control " name="fahrzeugart" id="fahrzeugart"  required="">
                                            <option value="">Fahrzeugart auswählen</option>
                                            
                                            <option value="Cabrio">Cabrio</option>
                                            <option value="Geländewagen">Geländewagen</option>
                                            <option value="Kombi">Kombi</option>
                                            <option value="Kompakt">Kompakt</option>
                                            <option value="Limousine_2-türig">Limousine 2-türig</option>
                                            <option value="Limousine_3-türig">Limousine 3-türig</option>
                                            <option value="Limousine_4-türig">Limousine 4-türig</option>
                                            <option value="Limousine_5-türig">Limousine 5-türig</option>
                                            <option value="Pickup">Pick up </option>
                                            <option value="Roadster">Roadster</option>
                                            <option value="Sportwagen_Coupé">Sportwagen Coupé</option>
                                            <option value="Van_Kleinbus">Van / Kleinbus</option>
                                            <option value="Sonstiges">Sonstiges</option>
                                        </select>
                                        
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="last_name">Preisvorstellung <span class="text-red">*</span></label>
                                        <input id="preisvorstellung" type="text" class="form-control" name="preisvorstellung" value="" placeholder="Preisvorstellung eingeben" required="">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="last_name">Name<span class="text-red">*</span></label> 
                                        <input id="name" type="text" class="form-control" name="name" value="" placeholder="Name erfassen" required="">

                                    </div>
                                </div>
                                
                                 <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="last_name">Nachname<span class="text-red">*</span></label> 
                                        <input id="nachname" type="text" class="form-control" name="nachname" value="" placeholder="Nachname erfassen" required="">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="last_name">Telefonnummer<span class="text-red">*</span></label>
                                        <input id="telefonnummer" type="text" class="form-control" name="telefonnummer" value="" placeholder="Telefonnummer eingeben" required="">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="last_name">E-Mail<span class="text-red">*</span></label>
                                        <input id="email" type="text" class="form-control" name="email" value="" placeholder="E-Mail eingeben" required="">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                       <label for="plz">PLZ<span class="text-red">*</span></label>
                                        <input id="plz" type="text" class="form-control" name="plz" value="" placeholder="PLZ eingeben" required="">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="ort">Stadt<span class="text-red">*</span></label> 
                                        <input id="ort" type="text" class="form-control" name="ort" value="" placeholder="Stadt eingeben" required="">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    
                                    <div class="form-group">
                                        <label>Bilder</label> 
                                         <div class="input-images" data-input-name="itemimages" data-label="Bilder"></div>
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="nachricht">Nachricht<span class="text-red">*</span></label>
                                        <textarea id="nachricht" type="text" class="form-control" name="nachricht" value="" required=""placeholder="Nachricht eingeben" style="height: 155px;width: 488px;"></textarea>

                                    </div>
                                </div>

                                

                                
                            </div>
                            
                           
                        </div>

                        <div class="col-md-12" style="text-align: center;">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">{{ __('Hinzufügen')}}</button>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
            



            


        </form>
    </div>
    <!-- push external js -->
    @push('script') 
      <script>
        /*$('.marke').change(function() { 
            var brand = $('.marke option:selected').val();
            //console.log(brand);
            var publicurl= $(this).data('url');
            //console.log(publicurl);
            if(brand!=''){

                $.ajax({
                    url:publicurl,
                    type:'GET',
                    data:{'id':brand},
                    success:function(data){
                        console.log(data);
                        var row='';
                            
                            row+='<option value=>Select Model</option>';
                            jQuery.each(data, function(i, cat){
                                row+='<option value='+cat['id']+'>'+cat['name']+'</option>';
                            });
                            
                            //$('.subcategory').css('display','block');
                            $('#model').html(row);
                    }
                });
              
            }
        });*/

        
    </script>

     
    @endpush
@endsection