@extends('inventory.layout') 
@section('title', 'Fahrzeuge')
@section('content')
@push('head')
<!-- <link href="{{ url('css/main.css') }}" rel="stylesheet"> -->
<style>
.bakirimg{
    position: absolute;
    width: 319px;
    height: 221px;
    left: 360px;
    top: 263px;
}
.bakirdate{
    font-size: .8rem;
    float: right;
    line-height: 1.5;
    font-weight: 400;
}
/*position: absolute;
width: 319px;
height: 35px;
left: 360px;
top: 478px;

background: #000000;*/
.carname{
   color:#ffffff; 
}
</style>
@endpush

<div class="row">
    <!-- start message area-->
    @include('include.message')
    <!-- end message area-->
    <div class="col-md-12">
        <div class="mb-2 clearfix">
            <a class="btn pt-0 pl-0 d-md-none d-lg-none" data-toggle="collapse" href="#displayOptions" role="button" aria-expanded="true" aria-controls="displayOptions">
                {{ __('Display Options')}}
                <i class="ik ik-chevron-down align-middle"></i>
            </a>
            <div class="collapse d-md-block display-options" id="displayOptions">
                <span class="mr-3 d-inline-block float-md-left dispaly-option-buttons">
                    <a href="#" class="mr-1 view-thumb active">
                        <i class="ik ik-list view-icon"></i>
                    </a>
                    <a href="#" class="mr-1 view-grid">
                        <i class="ik ik-grid view-icon"></i>
                    </a>
                </span>
                <div class="d-block d-md-inline-block">
                    
                    <div class="search-sm d-inline-block float-md-left mr-1 mb-1 align-top">
                        <form action="{{route('vehicle.index')}}" method="get"> 
                            <div class="row">
                                
                                <div class="col-md-4">
                                    <select id="searchbox" name="q" placeholder="Search..." class="form-control marke" data-url="{{url('getmodel')}}">
                                        <option>Marke auswählen</option>
                                        @foreach($brands as $brand)
                                        @if(Request::input('q') !='' && Request::input('q') == $brand->id)
                                        
                                        <option value="{{$brand->id}}" selected>{{$brand->name}}</option>
                                        @else
                                        <option value="{{$brand->id}}">{{$brand->name}}</option>
                                        @endif

                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-4">
                                    <select id="model" name="model_id" placeholder="Search..." class="form-control">
                                        <option>Modell auswählen</option>
                                    
                                        <option value=""></option>
                                        
                                    </select>
                                </div>
                                
                                <div class="col-md-4">
                                    <input type="text" name="price" class="form-control" placeholder="Preis" value="{{ Request::input('price') }}">
                                    <button type="submit" class="btn btn-icon"><i class="ik ik-search"></i></button> 
                                </div>
                            </div>
                            
                           
                        </form>
                    </div>
                </div>
                <div class="float-md-right">
                    
                    <a class="btn btn-outline-primary btn-rounded-20" href="{{route('vehicle.create')}}" >
                        + Angebot
                    </a>
                </div>
            </div>
        </div>
        <div class="separator mb-20"></div>

        <div class="row layout-wrap" id="layout-wrap">
            @foreach($vehicles as $vehicle )
            <div class="col-12 list-item list-item-thumb">
                
                <div class="card d-flex flex-row mb-3">
                    <a class="d-flex card-img" href="{{route('vehicle.show',$vehicle->id)}}">
                        @if(isset($vehicle->vehicledetail->bilder))
                        <img src="{{url('images/upload/itemthumbnail/'.$vehicle->vehicledetail->bilder)}}" alt="Donec sit amet est at sem iaculis aliquam." class="list-thumbnail responsive border-0 ">
                        @endif
                        
                    </a>
                    
                    <div class="d-flex flex-grow-1 min-width-zero card-content">
                        <a href="{{route('vehicle.show',$vehicle->id)}}">
                        <div class="card-body align-self-center d-flex flex-column flex-md-row justify-content-between min-width-zero align-items-md-center mb-0 bakirvehicle">
                            
                            <div class="mb-1 list-item-heading  truncate w-40 w-xs-100">
                            
                                <b>{{isset($vehicle->branddetail->name) ? $vehicle->branddetail->name:''}} 
                                </b> 
                                <span class="text-muted bakirdate">Erstelldatum:
                                {{strftime( "%d.%h.%Y",strtotime($vehicle->created_at))}}
                                {{ \Carbon\Carbon::parse($vehicle->created_at)->format('d.M.Y')}}
                                </span>
                            </div>
                            
                            
                            <div class="rowlisting">
                                <div class="row">
                                    <div class="col-md-6">
                                        <table>
                                            <tr>
                                                <td>Marke</td>
                                                <td>{{isset($vehicle->branddetail->name) ? $vehicle->branddetail->name:''}}</td>
                                            </tr>
                                            <tr>
                                                <td>Modell</td>
                                                <td>{{isset($vehicle->model) ? $vehicle->model:''}}</td>
                                            </tr>
                                            <tr>
                                                <td>Fahrzeugart</td>
                                                <td>{{isset($vehicle->fahrzeugart) ? $vehicle->fahrzeugart:''}}</td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="col-md-6 gridprice">{{isset($vehicle->preisvorstellung) ? $vehicle->preisvorstellung:''}} €</div>
                                </div>
                            </div>
                            
                            <div class="rowlistingbottom">
                                <ul>
                                    <li><img src="{{url('img/bx-car.png')}}"> {{ \Carbon\Carbon::parse($vehicle->erstzulassung)->format('m/Y')}}</li>
                                    <li><img src="{{url('img/bx-diesel.png')}}"> {{isset($vehicle->kraftstoffart) ? $vehicle->kraftstoffart:''}}</li>
                                    <li><img src="{{url('img/bx-meter.png')}}"> {{isset ($vehicle->kilometer) ? $vehicle->kilometer:''}}</li>
                                    <li><img src="{{url('img/bx-automatic.png')}}"> {{isset($vehicle->getriebeart) ? $vehicle->getriebeart:''}} &nbsp; </li>
                                    <a href="{{route('vehicle.show',$vehicle->id)}}"><li class="lstbtn"><img src="{{url('img/bx-plus.png')}}">  Siehe Einzelheiten</li></a>
                                </ul>
                            </div>
                            
                            
                            <ul class="vehicledetail">
                                <li>
                                    <img src="{{url('img/car.png')}}">
                                    <span>
                                        {{ \Carbon\Carbon::parse($vehicle->erstzulassung)->format('m/Y')}}
                                   </span>
                                </li>
                                <li>
                                    <img src="{{url('img/Vector_2.png')}}">
                                    <span>{{isset($vehicle->kraftstoffart) ? $vehicle->kraftstoffart:''}}</span>
                                </li>
                                <li>
                                    <img src="{{url('img/Vector_3.png')}}">
                                    <span>{{isset($vehicle->kilometer) ? $vehicle->kilometer:''}}</span>
                                </li>
                            </ul>
                            <ul class="vehicleprice">
                                <li>
                                    <strong>{{isset($vehicle->preisvorstellung) ? $vehicle->preisvorstellung:''}} €</strong>
                                </li>
                                <li>
                                    <a href="{{route('vehicle.show',$vehicle->id)}}" ><span>Siehe Einzelheiten</span></a>
                                </li>
                                 
                            </ul>

                            <ul class="emaildetail">
                                <li>
                                    <img src="{{url('img/Vector_5.png')}}"><strong>{{isset($vehicle->email) ? $vehicle->email:''}}</strong>
                                </li>
                                <li>
                                    <img src="{{url('img/Vector_6.png')}}"><span>{{isset($vehicle->telefonnummer) ? $vehicle->telefonnummer:''}}</span>
                                </li>
                                 
                            </ul>
                        </div>
                        </a>
                        <div class="list-actions">
                        
                        
                        <form action="{{route('docusign')}}" method="get"> 
                        {{--@csrf --}}
                        
                            @if (in_array($vehicle->id, $vid)) 
                               <button type="submit" class="bpdf-green" title="Sign">
                            <input type="hidden" name="id" value="{{$vehicle->id}}"><i class="fa fa-file-pdf" aria-hidden="true" ></i></button>   
                            @else
                                <button type="submit" class="bpdf-red" title="Unsign">
                            <input type="hidden" name="id" value="{{$vehicle->id}}"><i class="fa fa-file-pdf" aria-hidden="true" ></i></button>   
                            @endif
                       
                                            
                        <!-- <a href="#" class="esign" data-url="{{route('docusign')}}" data-id="{{$vehicle->id}}"><i class="fa fa-file-pdf" aria-hidden="true" ></i></a> -->
                        </form>
                         
                            {{--<a href="{{route('vehiclepdf',$vehicle->id)}}" class="pdf-red"><i class="fa fa-file-pdf" aria-hidden="true"></i></a>--}}
                            <a href="{{route('vehicle.edit',$vehicle->id)}}" ><i class="ik ik-edit-2"></i></a>

                            
                        </div>
                        
                        
                    </div>
                    
                </div>
                

            </div>
            @endforeach
            <div class="card-footer d-flex align-items-center">

                    <div class="col-md-6">
                    </div>
                    
                    <div class="col-md-6">
                    {{ $vehicles->links('include.pagination') }}
                    </div>
            </div>
            
        </div>
        
    </div>
</div>

@push('script')
<script>
        $('.marke').change(function() { 
            //alert('fhbhfgh');
            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>

<!-- <script type="text/javascript" src="{{url('js/selectize.min.js')}}"></script>
<script type="text/javascript" src="{{url('js/main.js')}}"></script>
<script>
    $(document).ready(function(){
        $('#searchbox').selectize();
    });
</script> -->
@endpush
@endsection