@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">{{ __('Sürücüler') }}</span>
                    <span class="text-muted mt-1 fw-semibold fs-7">{{ __('Kayıt Sayısı') }}:
                        {{ count($objects) }}</span>
                </h3>
                @can('create_driver_driver')
                    <div class="card-toolbar">
                        <a href="{{ route('driver.create') }}" class="btn btn-sm btn-primary">
                            <span class="svg-icon svg-icon-2">
                                <i class="fa-solid fa-plus"></i>
                            </span>
                            <b>{{ __('Yeni Sürücü Ekle') }}</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-300px rounded-start">{{ __('Ad Soyad') }}</th>
                                <th class="min-w-150px">{{ __('GSM No') }}</th>
                                <th class="min-w-230px">{{ __('TC Kimlik No') }}</th>
                                <th class="min-w-230px">Araç</th>
                                <th class="min-w-100px">{{ __('Durum') }}</th>
                                <th class="min-w-100px text-end rounded-end"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($objects as $object)
                            <tr>
                                <td valign="middle">
                                    <div class="d-flex align-items-center">
                                        <div class="symbol symbol-80px me-5">
                                            <img src="{{ $object->user->avatar }}" 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">{{ $object->user->first_name }}
                                                {{ $object->user->last_name }}</a>
                                        </div>
                                    </div>
                                </td>
                                <td valign="middle">
                                    {{ $object->user->country_code }}{{ $object->user->phone }}
                                </td>
                                <td valign="middle">
                                    {{ $object->identity_number }}
                                </td>
                                <td valign="middle">
                                    <a href="#" class="text-dark fw-bold text-hover-primary d-block mb-1 fs-6">
                                        {{ $object->vehicle->plate }}
                                    </a>
                                </td>
                                <td valign="middle">
                                <span class="badge @if($object->status) badge-light-success @else badge-light-danger @endif fs-7 fw-bold">{{ $object->status_name }}</span>
                                </td>
                                <td class="text-end" valign="middle">
                                    @can('update_driver_driver')
                                        <a href="javascript:void(0)" data-url="{{ $object->passive_or_active_url }}"
                                            data-title="{{ $object->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="{{ $object->reverse_status_name }}">
                                            @if($object->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_driver_driver')
                                        <a href="{{ $object->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_driver_driver')
                                        <a href="javascript:void(0)" data-url="{{ $object->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

@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>
$("#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 sürücüyü ${el.data('title')} etmek istediğinize emin misiniz!`,
        icon: "question",
        showCancelButton: true,
        confirmButtonText: `Evet, sürücüyü ${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