{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Car Information Knowledge List')

@section('content')
{{-- <a class="waves-effect waves-light btn" href="{{route('admin.city.create')}}zz">Add City</a> --}}
<section class="users-list-wrapper section">
    <div class="users-list-table">
        <div class="card">
            <div class="row pl-1 pr-1">
                <h4 class="col s6"><b>Car Knowledge</b></h4>
                <div class="input-field col s6">
                    @if (!empty($products))
                        <a href="{{ route('admin.car-knowledges.create') }}" class="btn waves-effect waves-light border-radius-button right"><i class="material-icons left">list</i>Add Car Knowledge</a>
                    @endif
                </div>
            </div>
            <div class="card-content">
                <!-- datatable start -->
                <div class="center">
                    {{ $knowledges->links() }}
                </div>
                <div class="responsive-table">
                    <table id="users-list-datatable" class="table responsive-table striped">
                        <thead class="grey lighten-2">
                            <tr>
                                <th></th>
                                <th>#</th>
                                <th>Product Name</th>
                                <th>Car Info</th>
                                <th>Created</th>
                                <th>Created by</th>
                                <th width="20%"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($knowledges as $key => $knowledge)
                            <tr>
                                <td></td>
                                <td>{{ $key + $knowledges->firstItem() }}</td>
                                <td>{{ $knowledge->product->model ?? null }}</td>
                                <td>
                                    <div class="row">
                                        <div class="col m6"><b>Company</b></div>
                                        <div class="col m6"><b>Model</b></div>
                                    </div>
                                    @forelse ($knowledge->carKnowledgeCompanies as $company)
                                        <div class="row">
                                            <div class="col m6">{{ $company->company->name }}</div>
                                            <div class="col m6">
                                                @foreach ($company->carKnowledgeModels as $model)
                                                    {{ $model->carModel->name }}
                                                    @if (!$loop->last)
                                                        ,
                                                    @endif
                                                @endforeach
                                            </div>
                                        </div>
                                    @empty

                                    @endforelse
                                </td>
                                <td>
                                    {{ $knowledge->created_time }}
                                </td>
                                <td>Admin</td>
                                <td>
                                    <div class="right">
                                        <i class="material-icons left pt-4">
                                            <a class="blue lighten-4 border-radius-button z-depth-1" href="{{route('admin.car-knowledges.edit', $knowledge->id)}}" style="padding: 6px 10px;">edit</a>
                                        </i>
                                        <form action="{{ route('admin.car-knowledges.destroy', $knowledge->id) }}" method="POST" onsubmit="return confirm('Are You Sure?');" style="display: inline-block;">
                                            <input type="hidden" name="_method" value="DELETE">
                                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                            <button class="btn waves-effect waves-light red darken-2" type="submit" name="action" style="padding: 0px 16px;"><i class="material-icons left">delete_forever</i>Delete</button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @empty
                                <tr>
                                    <td colspan="7">No Car Knowledge Information Found!</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="center">
                    {{ $knowledges->links() }}
                </div>
                <!-- datatable ends -->
            </div>
        </div>
    </div>
  </section>
@endsection