@extends('dashboard.layout.layout')

@section('content')
    <div class="card border-info bg-transparent">
        <div class="card-body">
            <div class="d-flex justify-content-center">
                {!! $car_packages->links() !!}
            </div>
            <div class="table-responsive">
                <table class="datatables-custom table table-hover-animation" data-title="{{ trans('dashboard.car_package.car_packages') }}" data-create_title="{{ trans('dashboard.car_package.add_car_package') }}" data-create_link="{{ route('dashboard.car_package.create') }}">
                    <thead>
                    <tr class="text-center">
                        <th>#</th>
                        <th>{!! trans('dashboard.general.image') !!}</th>
                        <th>{!! trans('dashboard.general.name') !!}</th>
                        {{-- <th>{!! trans('dashboard.car_package.number_of_seats') !!}</th> --}}

                        <th>{!! trans('dashboard.car_package.min_car_counter_price') !!}</th>
                        <th>{!! trans('dashboard.car_package.car_km_price') !!}</th>
                        <th>{!! trans('dashboard.car_package.min_budget') !!}</th>
                        <th>{!! trans('dashboard.car_package.is_trip_active') !!}</th>
                        <th>{!! trans('dashboard.car_package.is_city_to_city_active') !!}</th>
                        <th>{!! trans('dashboard.car_package.is_order_active') !!}</th>
                        <th>{!! trans('dashboard.car_package.is_package_active') !!}</th>
                        <th>{!! trans('dashboard.car_package.is_active') !!}</th>
                        <th>{!! trans('dashboard.car.car_count') !!}</th>
                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                        <th>{!! trans('dashboard.general.control') !!}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($car_packages as $car_package)
                        <tr class="{{ $car_package->id }} text-center">
                            <td>{{ $loop->iteration }}</td>
                            <td class="product-img sorting_1">
                                <a href="{{ $car_package->image }}" data-fancybox="gallery">
                                    <img src="{{ $car_package->image }}" alt="" style="width:95px; height:60px;" class="img-preview rounded">
                                </a>
                            </td>
                            <td>{{ $car_package->name }}</td>
                            <td>{{ $car_package->min_car_counter_price }}</td>
                            <td>{{ $car_package->car_km_price != null ? $car_package->car_km_price : trans('dashboard.general.deleted_item') }}</td>
                            <td>{{ $car_package->min_budget != null ? $car_package->min_budget : trans('dashboard.general.deleted_item') }}</td>
                            <td>
                                <div style="font-size:12px;padding:2px" @if($car_package->is_trip_active) class="btn btn-success" @else class="btn btn-danger" @endif>{{ $car_package->is_trip_active ? trans('dashboard.user.active') : trans('dashboard.user.not_active') }}</div>
                            </td>
                            <td>
                                <div style="width:30px;height:20px;font-size:12px;padding:2px" @if($car_package->is_city_to_city_active) class="btn btn-success" @else class="btn btn-danger" @endif>{{ $car_package->is_city_to_city_active ? trans('dashboard.general.yes') : trans('dashboard.general.no') }}</div>
                            </td>
                            <td>
                                <div style="width:30px;height:20px;font-size:12px;padding:2px" @if($car_package->is_order_active) class="btn btn-success" @else class="btn btn-danger" @endif>{{ $car_package->is_order_active ? trans('dashboard.general.yes') : trans('dashboard.general.no') }}</div>
                            </td>
                            <td>
                                <div style="width:30px;height:20px;font-size:12px;padding:2px" @if($car_package->is_package_active) class="btn btn-success" @else class="btn btn-danger" @endif>{{ $car_package->is_package_active ? trans('dashboard.general.yes') : trans('dashboard.general.no') }}</div>
                            </td>
                            <td>
                                <div style="font-size:12px;padding:2px" @if($car_package->is_active) class="btn btn-success" @else class="btn btn-danger" @endif>{{ $car_package->is_active ? trans('dashboard.user.active') : trans('dashboard.user.not_active') }}</div>
                            </td>
                            <td>
                                <div class="badge badge-violet badge-md mr-1 mb-1">{{ @$car_package->cars->count() }}</div>
                            </td>
                            <td>
                                <div class="badge badge-violet badge-md mr-1 mb-1">{{ $car_package->created_at }}</div>
                            </td>
                            <td class="text-center font-medium-3">
                                <a href="{!! route('dashboard.car_package.edit',$car_package->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_package->id }} , '{{ route('dashboard.car_package.destroy',$car_package->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 class="d-flex justify-content-center">
                {!! $car_packages->links() !!}
            </div>
        </div>
    </div>
    @include('dashboard.layout.delete_modal')
@endsection

@section('vendor_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/datatables.min.css">
@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_package.scripts')