@extends('layout.master')
@section('content')

<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <div class="container-xxl" id="kt_content_container">
        <div class="card mb-5 mb-xl-8">
            <div class="card-header border-0 pt-5">
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label fw-bold fs-3 mb-1">{{ __('vehicle.vehicles') }}</span>
                    <span class="text-muted mt-1 fw-semibold fs-7">{{ __('common.record.count') }}:
                        {{ count($objects) }}</span>
                </h3>
                @can('create_vehicle_vehicle')
                <div class="card-toolbar">
                    <a href="{{ route('vehicle.create') }}" class="btn btn-sm btn-primary">
                        <span class="svg-icon svg-icon-2">
                            <i class="fa-solid fa-plus"></i>
                        </span>
                        <b>{{ __('vehicle.add.new.vehicle') }}</b></a>
                </div>
                @endcan
            </div>

            <div class="card-body py-3">
                <div class="table-responsive">
                    <table id="kt_datatable_dom_positioning"
                        class="table table-striped table-row-bordered gy-5 gs-7 border rounded">
                        <thead>
                            <tr class="fw-bold fs-6 text-gray-800 px-7">
                                <th class="ps-4 min-w-150px rounded-start">{{ __('vehicle.vehicle.image') }}</th>
                                <th class="min-w-150px">{{ __('vehicle.vehicle.class') }}</th>
                                <th class="min-w-150px">{{ __('vehicle.vehicle.plate') }}</th>
                                <th class="min-w-150px">{{ __('vehicle.vehicle.brand') }}/{{ __('vehicle.vehicle.model') }}</th>
                                <th class="min-w-100px">{{ __('vehicle.status') }}</th>
                                <th class="min-w-100px text-end rounded-end"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($objects as $obj)
                            <tr>
                                <td valign="middle">
                                    <!-- <img width="100" src="{{ asset('uploads/'.$obj->vehicle_class->image.'') }}"> -->
                                    <img width="100" src="{{ $obj->vehicle_class->getImageUrlAttribute() }}">
                                </td>
                                <td valign="middle">
                                    <a href="javascript:void(0)"
                                        class="text-dark fw-bold text-hover-primary mb-1 fs-6">{{ $obj->vehicle_class->name }}</a>
                                </td>
                                <td valign="middle">
                                    <a href="javascript:void(0)"
                                        class="text-dark fw-bold text-hover-primary mb-1 fs-6">{{ $obj->plate }}</a>
                                </td>
                                <td valign="middle">
                                    <a href="javascript:void(0)"
                                        class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">{{ $obj->vehicle_brand->name }}/{{ $obj->vehicle_model->name }}</a>
                                </td>
                                <!--<td valign="middle">
											<a href="javascript:void(0)" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">{{ $obj->vehicle_model->name }}</a>
										</td>-->
                                <td valign="middle">
                                    <span class="badge @if($obj->status) badge-light-success @else badge-light-danger @endif fs-7 fw-bold">{{ $obj->status_name }}</span>
                                </td>
                                <td class="text-end" valign="middle">
                                    @can('update_vehicle_vehicle')
                                    <a href="javascript:void(0)" data-url="{{ $obj->passive_or_active_url }}"
                                        data-title="{{ $obj->reverse_status_name }}"
                                        class="btn btn-icon btn-active-color-primary btn-sm me-1 passive_or_active_action"
                                        data-bs-toggle="tooltip" data-bs-custom-class="tooltip-inverse"
                                        data-bs-placement="top" title="{{ $obj->reverse_status_name }}">
                                        @if($obj->status)<img src="{{ asset('app/media/icon/passive.svg') }}"
                                            alt="">@else<img src="{{ asset('app/media/icon/active.svg') }}" alt="">
                                        @endif
                                    </a>
                                    @endcan
                                    @can('update_vehicle_vehicle')
                                    <a href="{{ $obj->edit_url }}"
                                        class="btn btn-icon btn-active-color-primary btn-sm me-1"
                                        data-bs-toggle="tooltip" data-bs-custom-class="tooltip-inverse"
                                        data-bs-placement="top" title="{{ __('Düzenle') }}">
                                        <img src="{{ asset('app/media/icon/update.svg') }}" alt="">
                                    </a>
                                    @endcan
                                    @can('delete_vehicle_vehicle')
                                    <a href="javascript:void(0)" data-url="{{ $obj->delete_url }}"
                                        class="btn btn-icon btn-active-color-primary btn-sm delete_action"
                                        data-bs-toggle="tooltip" data-bs-custom-class="tooltip-inverse"
                                        data-bs-placement="top" title="{{ __('Sil') }}">
                                        <img src="{{ asset('app/media/icon/delete.svg') }}" alt="">
                                    </a>
                                    @endcan
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <form style="display:none" method="post" action="#" enctype="multipart/form-data" id="form_object">
                    <input style="display:none" type="hidden" name="_token" value="{{ csrf_token() }}" />
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
<!-- Bu sayfaya ait css dosyaları -->
@section('css')
<link href="{{ asset('app/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
@endsection

<!-- Bu sayfaya ait js dosyaları -->
@section('js')
<script src="{{ asset('app/plugins/custom/datatables/datatables.bundle.js') }}"></script>
<script>
$("#kt_datatable_dom_positioning").DataTable({
    "language": {
        lengthMenu: 'Sayfada _MENU_ kayıt gösteriliyor.',
        zeroRecords: 'Kayıt Bulunamadı!',
        info: 'Sayfa: _PAGE_ / _PAGES_',
        infoEmpty: 'Kayıt Bulunamadı!',
        search: "Arama",
        infoFiltered: '(Filtrelenen _MAX_ kayıt)',
    },
    "dom": "<'row'" +
        "<'col-sm-6 d-flex align-items-center justify-conten-start'l>" +
        "<'col-sm-6 d-flex align-items-center justify-content-end'f>" +
        ">" +

        "<'table-responsive'tr>" +

        "<'row'" +
        "<'col-sm-12 col-md-5 d-flex align-items-center justify-content-center justify-content-md-start'i>" +
        "<'col-sm-12 col-md-7 d-flex align-items-center justify-content-center justify-content-md-end'p>" +
        ">"
});
</script>

<script>
$(".delete_action").click(function(e) {
    let el = $(this);
    Swal.fire({
        title: "Emin misiniz?",
        text: "Seçilen aracı silmek istediğinize emin misiniz!",
        icon: "question",
        showCancelButton: true,
        confirmButtonText: "Evet, aracı sil.",
        cancelButtonText: "Hayır, vazgeç!",
        reverseButtons: true,
        customClass: {
            confirmButton: "btn btn-success",
            cancelButton: 'btn btn-danger'
        }
    }).then(function(result) {
        if (result.value) {
            // Swal.fire(
            // 		"Siliniyor!",
            // 		"Müşteri siliniyor..",
            // )
            event.preventDefault();
            $('#form_object').attr('action', el.data('url'));
            $('#form_object').submit();
            // result.dismiss can be "cancel", "overlay",
            // "close", and "timer"
        } else if (result.dismiss === "cancel") {
            Swal.fire(
                "İptal Edildi",
                "Silme işlemi iptal edildi.",
                "error"
            )
        }
    });
});
$(".passive_or_active_action").click(function(e) {
    let el = $(this);
    Swal.fire({
        title: "Emin misiniz?",
        text: `Seçilen aracı ${el.data('title')} etmek istediğinize emin misiniz!`,
        icon: "question",
        showCancelButton: true,
        confirmButtonText: `Evet, aracı ${el.data('title')}.`,
        cancelButtonText: "Hayır, vazgeç!",
        reverseButtons: true,
        customClass: {
            confirmButton: "btn btn-success",
            cancelButton: 'btn btn-danger'
        }
    }).then(function(result) {
        if (result.value) {
            // Swal.fire(
            // 		"Siliniyor!",
            // 		"Müşteri siliniyor..",
            // )
            event.preventDefault();
            $('#form_object').attr('action', el.data('url'));
            $('#form_object').submit();
            // result.dismiss can be "cancel", "overlay",
            // "close", and "timer"
        } else if (result.dismiss === "cancel") {
            Swal.fire(
                "İptal Edildi",
                `${el.data('title')} işlemi iptal edildi.`,
                "error"
            )
        }
    });
});
</script>
@endsection