@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">{{ __('customer.list.customers') }}</span>
					<span class="text-muted mt-1 fw-semibold fs-7">{{ __('customer.list.number_of_records') }}: {{ count($objects) }}</span>
				</h3>
				@can('create_customer_customer')
				<div class="card-toolbar">
					<a href="{{ route('customer.create') }}" class="btn btn-sm btn-primary">
					<span class="svg-icon svg-icon-2">
						<i class="fa-solid fa-plus"></i>
					</span>
					<b>{{ __('customer.list.add_new_customer') }}</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-100px rounded-start">{{ __('customer.list.image') }}</th>
									<th class="ps-4 min-w-100px rounded-start">{{ __('customer.list.owner_name_surname') }}</th>
									<th class="min-w-230px">{{ __('customer.list.email_address') }}</th>
									<th class="min-w-150px">{{ __('customer.list.gsm_no') }}</th>
									<th class="min-w-150px">{{ __('customer.list.customer_type') }}</th>
									<th class="min-w-100px">{{ __('customer.list.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="{{ $obj->avatar_url }}">
										</td>
										<td valign="middle">
											<a href="javascript:void(0)" class="text-dark fw-bold text-hover-primary mb-1 fs-6">{{ $obj->first_name }} {{ $obj->last_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">@if($obj->email) {{ $obj->email }} @else - @endif </a>
										</td>
										<td valign="middle">
											<a href="javascript:void(0)" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">@if($obj->phone) {{ $obj->phone }} @else - @endif</a>
										</td>
										<td valign="middle">
											<a href="javascript:void(0)" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">@if($obj->type_name) {{ $obj->type_name }} @else - @endif</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_customer_customer')
												<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_customer_customer')
												<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="{{ __('customer.list.update') }}">
													<img src="{{ asset('app/media/icon/update.svg') }}" alt="">
												</a>
											@endcan
											@can('delete_customer_customer')
												<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="{{ __('customer.list.delete') }}">
													<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

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


@section('js')
<!-- Bu sayfaya ait js dosyaları -->
	<script src="{{ asset('app/plugins/custom/datatables/datatables.bundle.js') }}"></script>
	<script src="{{ asset('app/plugins/custom/datatables/lang/'.LaravelLocalization::getCurrentLocale().'') }}.js"></script>

	<script>

		$(".delete_action").click(function(e) {
			let el = $(this);
			Swal.fire({
					title: "{{ __('customer.list.are_you_sure') }}",
					text: "{{ __('customer.list.customer_will_be_deleted') }}",
					icon: "question",
					showCancelButton: true,
					confirmButtonText: "{{ __('customer.list.yes_delete') }}",
					cancelButtonText: "{{ __('customer.list.no_cancel') }}",
					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(
									"{{ __('customer.list.cancelled') }}",
									"{{ __('customer.list.delete_cancelled') }}",
									"error"
							)
					}
			});
		});
		$(".passive_or_active_action").click(function(e) {
			let el = $(this);
			Swal.fire({
					title: "{{ __('customer.list.are_you_sure') }}",
					text: "{{ __('customer.list.change_customer_status') }}",
					icon: "question",
					showCancelButton: true,
					confirmButtonText: "{{ __('customer.list.yes_change_customer_status') }}",
					cancelButtonText: "{{ __('customer.list.no_cancel') }}",
					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(
									"{{ __('customer.list.cancelled') }}",
									"{{ __('customer.list.is_cancelled') }}",
									"error"
							)
					}
			});
		});
	</script>
@endsection