@extends('dashboard.layout.layout')

@section('content')
    <div class="card border-info bg-transparent">
        <div class="card-body">
            <div class="table-responsive">
                <table class="datatables-custom table table-hover-animation" data-title="{{ trans('dashboard.car_model.car_models') }}" data-create_title="{{ trans('dashboard.car_model.add_car_model') }}" data-create_link="{{ route('dashboard.car_model.create') }}">
                    <thead>
                    <tr class="text-center">
                        <th>#</th>
                        <th>{!! trans('dashboard.general.name') !!}</th>
                        <th>{!! trans('dashboard.brand.brand') !!}</th>
                        <th>{!! trans('dashboard.car_model.desc') !!}</th>
                        <th>{!! trans('dashboard.car.car_count') !!}</th>
                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                        <th class="font-small-2">{!! trans('dashboard.general.control') !!}</th>
                    </tr>
                    </thead>
                    <tbody class="text-center">
                    @foreach ($car_models as $car_model)
                        <tr class="{{ $car_model->id }} text-center">
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $car_model->name }}</td>
                            <td>{{ @$car_model->brand->name != null ? $car_model->brand->name : trans('dashboard.general.item_deleted') }}</td>
                            <td>{{ $car_model->desc }}</td>
                            <td>
                                <div class="badge badge-violet badge-md mr-1 mb-1">{{ @$car_model->cars->count() }}</div>
                            </td>
                            <td>
                                <div class="badge badge-violet badge-md mr-1 mb-1">{{ $car_model->created_at }}</div>
                            </td>
                            <td class="text-center font-medium-3">
                                <a href="{!! route('dashboard.car_model.edit',$car_model->id) !!}" class="text-primary mr-2">
                                    <i class="icofont-ui-edit font-medium-3" title="{!! trans('dashboard.general.edit') !!}"></i>
                                </a>
                                <a onclick="deleteItem({{ $car_model->id }} , '{{ route('dashboard.car_model.destroy',$car_model->id) }}')" class="text-danger mr-2">
                                    <i class="icofont-ui-delete font-medium-3" title="{!! trans('dashboard.general.delete') !!}"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @include('dashboard.layout.delete_modal')
@endsection

@section('page_styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
@endsection
@include('dashboard.car_model.scripts')