@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">{{ __('Araçlar') }}</span>
					<span class="text-muted mt-1 fw-semibold fs-7">{{ __(common.record.count) }}: 4</span>
				</h3>
				<div class="card-toolbar">
					<a href="{{ LaravelLocalization::localizeUrl('/vehicle/create') }}" class="btn btn-sm btn-primary">
					<span class="svg-icon svg-icon-2">
						<i class="fa-solid fa-plus"></i>
					</span>
					<b>{{ __('Yeni Araç Ekle') }}</b></a>
				</div>
			</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-300px rounded-start">{{ __('Plaka') }}</th>
								<th class="min-w-230px">{{ __('Araç Sınıfı') }}</th>
								<th class="min-w-150px">{{ __('Marka') }}</th>
								<th class="min-w-150px">{{ __('Model') }}</th>
								<th class="min-w-100px">{{ __('Durum') }}</th>
								<th class="min-w-100px text-end rounded-end"></th>	
									</tr>
							</thead>
							<tbody>
							<tr>
								<td valign="middle">
									<div class="d-flex align-items-center">
										<div class="symbol symbol-150px me-5">
											<img src="{{ URL::to('app/media/vito-exclusive.png') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">35 GC 4388</a>
										</div>
									</div>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Standart: Otomobil-Taksi</a>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Mercedes</a>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Vito Executive</a>
								</td>
								<td valign="middle">
									<span class="badge badge-light-success fs-7 fw-bold">Aktif</span>
								</td>
								<td class="text-end" valign="middle">
									<a href="#" 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="Pasif Et">
										<img src="{{ URL::to('app/media/icon/active.svg') }}" alt="">
									</a>
									<a href="{{ LaravelLocalization::localizeUrl('/vehicle/edit/5/3434-67454g3-33fg4-dd4344') }}" 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="{{ URL::to('app/media/icon/update.svg') }}" alt="">
									</a>
									<a href="#" class="btn btn-icon btn-active-color-primary btn-sm kt_docs_sweetalert_html" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-inverse" data-bs-placement="top" title="Sil">
										<img src="{{ URL::to('app/media/icon/delete.svg') }}" alt="">
									</a>
								</td>
							</tr>
							<tr>
								<td valign="middle">
									<div class="d-flex align-items-center">
										<div class="symbol symbol-150px me-5">
											<img src="{{ URL::to('app/media/vito-exclusive.png') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">35 ABC 4388</a>
										</div>
									</div>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Standart: Otomobil-Taksi</a>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Mercedes</a>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Vito Executive</a>
								</td>
								<td valign="middle">
									<span class="badge badge-light-success fs-7 fw-bold">{{ __('Aktif') }}</span>
								</td>
								<td class="text-end" valign="middle">
									<a href="#" 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="{{ __('Aktif Et') }}">
										<img src="{{ URL::to('app/media/icon/passive.svg') }}" alt="">
									</a>
									<a href="{{ LaravelLocalization::localizeUrl('/vehicle/edit/5/3434-67454g3-33fg4-dd4344') }}" 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="{{ URL::to('app/media/icon/update.svg') }}" alt="">
									</a>
									<a href="#" class="btn btn-icon btn-active-color-primary btn-sm kt_docs_sweetalert_html" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-inverse" data-bs-placement="top" title="{{ __('Sil') }}">
										<img src="{{ URL::to('app/media/icon/delete.svg') }}" alt="">
									</a>
								</td>
							</tr>
							<tr>
								<td valign="middle">
									<div class="d-flex align-items-center">
										<div class="symbol symbol-150px me-5">
											<img src="{{ URL::to('app/media/vito-exclusive.png') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">35 XYZ 4388</a>
										</div>
									</div>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">People Carier: Jeep-Minivan</a>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Mercedes</a>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Mercedes Vito L</a>
								</td>
								<td valign="middle">
									<span class="badge badge-light-success fs-7 fw-bold">Aktif</span>
								</td>
								<td class="text-end" valign="middle">
									<a href="#" 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="Aktif Et">
										<img src="{{ URL::to('app/media/icon/passive.svg') }}" alt="">
									</a>
									<a href="{{ LaravelLocalization::localizeUrl('/vehicle/edit/5/3434-67454g3-33fg4-dd4344') }}" 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="{{ URL::to('app/media/icon/update.svg') }}" alt="">
									</a>
									<a href="#" class="btn btn-icon btn-active-color-primary btn-sm kt_docs_sweetalert_html" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-inverse" data-bs-placement="top" title="Sil">
										<img src="{{ URL::to('app/media/icon/delete.svg/') }}" alt="">
									</a>
								</td>
							</tr>
							<tr>
								<td valign="middle">
									<div class="d-flex align-items-center">
										<div class="symbol symbol-150px me-5">
											<img src="{{ URL::to('app/media/vito-exclusive.png') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-dark fw-bold text-hover-primary mb-1 fs-6">35 GC 4388</a>
										</div>
									</div>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Executive: VIP-Minivan</a>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Mercedes</a>
								</td>
								<td valign="middle">
									<a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">Vito Executive</a>
								</td>
								<td valign="middle">
									<span class="badge badge-light-success fs-7 fw-bold">Aktif</span>
								</td>
								<td class="text-end" valign="middle">
									<a href="#" 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="Pasif Et">
										<img src="{{ URL::to('app/media/icon/active.svg') }}" alt="">
									</a>
									<a href="{{ LaravelLocalization::localizeUrl('/vehicle/edit/5/3434-67454g3-33fg4-dd4344') }}" 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="{{ URL::to('app/media/icon/update.svg') }}" alt="">
									</a>
									<a href="#" class="btn btn-icon btn-active-color-primary btn-sm kt_docs_sweetalert_html" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-inverse" data-bs-placement="top" title="Sil">
										<img src="{{ URL::to('app/media/icon/delete.svg') }}" alt="">
									</a>
								</td>
							</tr>
							</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Bu sayfaya ait css dosyaları -->
@section('css')
	<link href="{{ URL::to('app/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
@endsection

<!-- Bu sayfaya ait js dosyaları -->
@section('js')
	<script src="{{ URL::to('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>

			$(".kt_docs_sweetalert_html").click(function(e) {
				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(
										"Deleted!",
										"Your file has been deleted.",
										"success"
								)
								// result.dismiss can be "cancel", "overlay",
								// "close", and "timer"
						} else if (result.dismiss === "cancel") {
								Swal.fire(
										"Cancelled",
										"Your imaginary file is safe :)",
										"error"
								)
						}
				});
			});
		</script>
@endsection

@endsection