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

<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Container-->
    <div class="container-xxl" id="kt_content_container">
        <!--begin::Row-->
        <div class="row g-5 g-xl-10">
            <!--begin::Col-->
            <div class="col-xl-4 mb-xl-10">
                <!--begin::Lists Widget 19-->
                <div class="card card-flush h-xl-100">
                    <!--begin::Heading-->
                    <div class="card-header general rounded bgi-no-repeat bgi-size-cover bgi-position-y-top bgi-position-x-center align-items-start h-200px"
                        data-theme="light">
                        <!--begin::Title-->
                        <h3 class="card-title align-items-start flex-column text-dark pt-5">
                            <span class="fs-2 mb-3">Genel Durum</span>
                            <div class="fs-4 text-dark list">
                                <a href="#" class="text-dark selected"><span class="opacity-75">Günlük</span></a>
                                <a href="#" class="text-dark"><span class="opacity-75">Haftalık</span></a>
                                <a href="#" class="text-dark"><span class="opacity-75">Aylık</span></a>
                            </div>
                        </h3>
                        <!--end::Title-->
                        <!--begin::Toolbar-->
                        <div class="card-toolbar">
                            <!--begin::Menu-->
                            <button
                                class="btn btn-sm btn-icon btn-active-color-primary btn-color-white bg-white bg-opacity-25 bg-hover-opacity-100 bg-hover-white bg-active-opacity-25 w-20px h-20px"
                                data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end"
                                data-kt-menu-overflow="true">
                                <!--begin::Svg Icon | path: icons/duotune/general/gen052.svg-->
                                <span class="svg-icon svg-icon-4">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <rect x="10" y="10" width="4" height="4" rx="2" fill="currentColor" />
                                        <rect x="17" y="10" width="4" height="4" rx="2" fill="currentColor" />
                                        <rect x="3" y="10" width="4" height="4" rx="2" fill="currentColor" />
                                    </svg>
                                </span>
                                <!--end::Svg Icon-->
                            </button>
                            <!--end::Menu-->
                        </div>
                        <!--end::Toolbar-->
                    </div>
                    <!--end::Heading-->
                    <!--begin::Body-->
                    <div class="card-body pt-0 top-42 mt-n20">
                        <!--begin::Stats-->
                        <div class="position-relative">
                            <!--begin::Row-->
                            <div class="row g-3 g-lg-6">
                                <!--begin::Col-->
                                <div class="col-6">
                                    <!--begin::Items-->
                                    <div class="bg-gray-100 bg-opacity-70 rounded-2 px-3 py-5 bg-round">
                                        <!--begin::Symbol-->
                                        <div class="symbol symbol-32px me-5 ms-4 mb-8">
                                            <img src="{{ URL::to('app/media/icon/transfer.svg') }}" width="32" alt="">
                                        </div>
                                        <!--end::Symbol-->
                                        <!--begin::Stats-->
                                        <div class="m-0">
                                            <!--begin::Number-->
                                            <span
                                                class="fw-bolder d-block fs-2qx lh-1 ls-n1 mb-1 text-dark circle-bg">{{ $transfers->count() }}</span>
                                            <!--end::Number-->
                                            <!--begin::Desc-->
                                            <span class="text-gray-500 fw-semibold fs-6 text-general">Transfer</span>
                                            <!--end::Desc-->
                                        </div>
                                        <!--end::Stats-->
                                    </div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Col-->
                                <!--begin::Col-->
                                <div class="col-6">
                                    <!--begin::Items-->
                                    <div class="bg-gray-100 bg-opacity-70 rounded-2 px-3 py-5 bg-round">
                                        <!--begin::Symbol-->
                                        <div class="symbol symbol-32px me-5 ms-4 mb-8">
                                            <img src="{{ URL::to('app/media/icon/arac.svg') }}" width="32" alt="">
                                        </div>
                                        <!--end::Symbol-->
                                        <!--begin::Stats-->
                                        <div class="m-0">
                                            <!--begin::Number-->
                                            <span
                                                class="text-dark fw-bolder d-block fs-2qx lh-1 ls-n1 mb-1 circle-bg">6</span>
                                            <!--end::Number-->
                                            <!--begin::Desc-->
                                            <span class="text-gray-500 fw-semibold fs-6 text-general">Aktif Araç</span>
                                            <!--end::Desc-->
                                        </div>
                                        <!--end::Stats-->
                                    </div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Col-->
                                <!--begin::Col-->
                                <div class="col-6">
                                    <!--begin::Items-->
                                    <div class="bg-gray-100 bg-opacity-70 rounded-2 px-3 py-5 bg-round">
                                        <!--begin::Symbol-->

                                        <div class="symbol symbol-32px me-5 ms-4 mb-8">
                                            <img src="{{ URL::to('app/media/icon/bildirim.svg') }}" width="32" alt="">
                                        </div>
                                        <!--end::Symbol-->
                                        <!--begin::Stats-->
                                        <div class="m-0">
                                            <!--begin::Number-->
                                            <span
                                                class="text-dark fw-bolder d-block fs-2qx lh-1 ls-n1 mb-1 circle-bg">4</span>
                                            <!--end::Number-->
                                            <!--begin::Desc-->
                                            <span class="text-gray-500 fw-semibold fs-6 text-general">Bildirim</span>
                                            <!--end::Desc-->
                                        </div>
                                        <!--end::Stats-->
                                    </div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Col-->
                                <!--begin::Col-->
                                <div class="col-6">
                                    <!--begin::Items-->
                                    <div class="bg-gray-100 bg-opacity-70 rounded-2 px-3 py-5 bg-round">
                                        <!--begin::Symbol-->

                                        <div class="symbol symbol-32px me-5 ms-4 mb-8">
                                            <img src="{{ URL::to('app/media/icon/km.svg') }}" width="32" alt="">
                                        </div>
                                        <!--end::Symbol-->
                                        <!--begin::Stats-->
                                        <div class="m-0">
                                            <!--begin::Number-->
                                            <span
                                                class="text-dark fw-bolder d-block fs-2qx lh-1 ls-n1 mb-1 circle-bg">822</span>
                                            <!--end::Number-->
                                            <!--begin::Desc-->
                                            <span class="text-gray-500 fw-semibold fs-6 text-general">Toplam Km</span>
                                            <!--end::Desc-->
                                        </div>
                                        <!--end::Stats-->
                                    </div>
                                    <!--end::Items-->
                                </div>
                                <!--end::Col-->
                            </div>
                            <!--end::Row-->
                        </div>
                        <!--end::Stats-->
                    </div>
                    <!--end::Body-->
                </div>
                <!--end::Lists Widget 19-->
            </div>
            <!--end::Col-->
            <!--begin::Col-->
            <div class="col-xl-8 mb-5 mb-xl-10">
                <!--begin::Row-->
                <div class="row g-5 g-xl-10">
                    <!--begin::Col-->
                    <div class="col-xl-6 mb-xl-10">
                        <!--begin::Slider Widget 1-->
                        <div id="kt_sliders_widget_1_slider"
                            class="card card-flush carousel carousel-custom carousel-stretch slide blue-bg h-xl-100"
                            data-bs-ride="carousel" data-bs-interval="7000">
                            <!--begin::Header-->
                            <div class="card-header pt-5">
                                <!--begin::Title-->
                                <h4 class="card-title d-flex align-items-start flex-column">

                                </h4>
                                <!--end::Title-->
                                <!--begin::Toolbar-->
                                <div class="card-toolbar">
                                    <!--begin::Carousel Indicators-->
                                    <ol
                                        class="p-0 m-0 carousel-indicators carousel-indicators-bullet carousel-indicators-active-primary">
                                        <li data-bs-target="#kt_sliders_widget_1_slider" data-bs-slide-to="0"
                                            class="active ms-1"></li>
                                        <li data-bs-target="#kt_sliders_widget_1_slider" data-bs-slide-to="1"
                                            class="ms-1"></li>
                                    </ol>
                                    <!--end::Carousel Indicators-->
                                </div>
                                <!--end::Toolbar-->
                            </div>
                            <!--end::Header-->
                            <!--begin::Body-->
                            <div class="card-body pt-2">
                                <!--begin::Carousel-->
                                <div class="carousel-inner mt-n5">
                                    <!--begin::Item-->
                                    <div class="carousel-item active show">
                                        <!--begin::Wrapper-->
                                        <div class="mb-2">
                                            <!--begin::Info-->
                                            <div class="m-0">

                                                <div class="fs-4 text-dark list">
                                                    <a href="#" class="text-dark selected"><span
                                                            class="opacity-75">Günlük</span></a>
                                                    <a href="#" class="text-dark"><span
                                                            class="opacity-75">Haftalık</span></a>
                                                    <a href="#" class="text-dark"><span
                                                            class="opacity-75">Aylık</span></a>
                                                </div>
                                                <!--begin::Subtitle-->
                                                <h3 class="mb-3">Günlük Transfer<br>Tutarı</h3>
                                                <!--end::Subtitle-->
                                                <div class="price-btn">15,000€</div>
                                                <img src="{{ URL::to('app/media/icon/price.svg') }}" width="60" alt="">
                                            </div>
                                            <!--end::Info-->
                                        </div>
                                        <!--end::Wrapper-->
                                    </div>
                                    <!--end::Item-->
                                    <!--begin::Item-->
                                    <div class="carousel-item">
                                        <!--begin::Wrapper-->
                                        <div class="mb-2">
                                            <!--begin::Info-->
                                            <div class="m-0">

                                                <div class="fs-4 text-dark list">
                                                    <a href="#" class="text-dark selected"><span
                                                            class="opacity-75">Günlük</span></a>
                                                    <a href="#" class="text-dark"><span
                                                            class="opacity-75">Haftalık</span></a>
                                                    <a href="#" class="text-dark"><span
                                                            class="opacity-75">Aylık</span></a>
                                                </div>
                                                <!--begin::Subtitle-->
                                                <h3 class="mb-3">Günlük Transfer<br>Tutarı</h3>
                                                <!--end::Subtitle-->
                                                <div class="price-btn">15,000€</div>
                                                <img src="{{ URL::to('app/media/icon/price.svg') }}" width="60" alt="">
                                            </div>
                                            <!--end::Info-->
                                        </div>
                                        <!--end::Wrapper-->
                                    </div>
                                    <!--end::Item-->
                                </div>
                                <!--end::Carousel-->
                            </div>
                            <!--end::Body-->
                        </div>
                        <!--end::Slider Widget 1-->
                    </div>
                    <!--end::Col-->
                    <!--begin::Col-->
                    <div class="col-xl-6 mb-5 mb-xl-10">
                        <!--begin::Slider Widget 1-->
                        <div id="kt_sliders_widget_2_slider"
                            class="card card-flush carousel carousel-custom carousel-stretch slide green-bg h-xl-100"
                            data-bs-ride="carousel" data-bs-interval="8000">
                            <!--begin::Header-->
                            <div class="card-header pt-5">
                                <!--begin::Title-->
                                <h4 class="card-title d-flex align-items-start flex-column">
                                </h4>
                                <!--end::Title-->
                                <!--begin::Toolbar-->
                                <div class="card-toolbar">
                                    <!--begin::Carousel Indicators-->
                                    <ol
                                        class="p-0 m-0 carousel-indicators carousel-indicators-bullet carousel-indicators-active-primary">
                                        <li data-bs-target="#kt_sliders_widget_2_slider" data-bs-slide-to="0"
                                            class="active ms-1"></li>
                                        <li data-bs-target="#kt_sliders_widget_2_slider" data-bs-slide-to="1"
                                            class="ms-1"></li>
                                    </ol>
                                    <!--end::Carousel Indicators-->
                                </div>
                                <!--end::Toolbar-->
                            </div>
                            <!--end::Header-->
                            <!--begin::Body-->
                            <div class="card-body pt-2">
                                <!--begin::Carousel-->
                                <div class="carousel-inner mt-n5">
                                    <!--begin::Item-->
                                    <div class="carousel-item active show">
                                        <!--begin::Wrapper-->
                                        <div class="mb-2">
                                            <!--begin::Title-->
                                            <h4 class="card-title d-flex align-items-start flex-column">
                                                Kalite Raporları
                                            </h4>
                                            <!--end::Title-->
                                            <!--begin::Info-->
                                            <div class="m-0">
                                                <div class="quality-list">
                                                    <ul>
                                                        <li><img src="{{ URL::to('app/media/icon/transfer-no.svg') }}"
                                                                width="14" alt=""> 00026197</li>
                                                        <li><img src="{{ URL::to('app/media/icon/person.svg') }}"
                                                                width="14" alt=""> Olga Crohina</li>
                                                        <li><img src="{{ URL::to('app/media/icon/quality.svg') }}"
                                                                class="quality-icon" width="18" alt="">
                                                            <div class="rating">
                                                                <div class="rating-label checked">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-solid fa-star"></i></span>
                                                                </div>
                                                                <div class="rating-label checked">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-solid fa-star"></i></span>
                                                                </div>
                                                                <div class="rating-label checked">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-solid fa-star"></i></span>
                                                                </div>
                                                                <div class="rating-label">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-regular fa-star"></i></span>
                                                                </div>
                                                                <div class="rating-label">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-regular fa-star"></i></span>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="quality-report">
                                                    <ul>
                                                        <li>
                                                            <span class="score">4</span>
                                                            <span class="info">Araç</span>
                                                        </li>
                                                        <li>
                                                            <span class="score">5</span>
                                                            <span class="info">Sürücü</span>
                                                        </li>
                                                        <li>
                                                            <span class="score">3</span>
                                                            <span class="info">Karşılama</span>
                                                        </li>
                                                        <li>
                                                            <span class="score">5</span>
                                                            <span class="info">Operasyon</span>
                                                        </li>
                                                        <li>
                                                            <span class="score">4.2</span>
                                                            <span class="info">Ortalama</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--end::Info-->
                                        </div>
                                        <!--end::Wrapper-->
                                    </div>
                                    <!--end::Item-->
                                    <!--begin::Item-->
                                    <div class="carousel-item">
                                        <!--begin::Wrapper-->
                                        <div class="mb-2">
                                            <!--begin::Title-->
                                            <h4 class="card-title d-flex align-items-start flex-column">
                                                Kalite Raporları
                                            </h4>
                                            <!--end::Title-->
                                            <!--begin::Info-->
                                            <div class="m-0">
                                                <div class="quality-list">
                                                    <ul>
                                                        <li><img src="{{ URL::to('app/media/icon/transfer-no.svg') }}"
                                                                width="14" alt=""> 00026197</li>
                                                        <li><img src="{{ URL::to('app/media/icon/person.svg') }}"
                                                                width="14" alt=""> Olga Crohina</li>
                                                        <li><img src="{{ URL::to('app/media/icon/quality.svg') }}"
                                                                class="quality-icon" width="18" alt="">
                                                            <div class="rating">
                                                                <div class="rating-label checked">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-solid fa-star"></i></span>
                                                                </div>
                                                                <div class="rating-label checked">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-solid fa-star"></i></span>
                                                                </div>
                                                                <div class="rating-label checked">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-solid fa-star"></i></span>
                                                                </div>
                                                                <div class="rating-label">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-regular fa-star"></i></span>
                                                                </div>
                                                                <div class="rating-label">
                                                                    <span class="svg-icon"><i
                                                                            class="fa-regular fa-star"></i></span>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="quality-report">
                                                    <ul>
                                                        <li>
                                                            <span class="score">4</span>
                                                            <span class="info">Araç</span>
                                                        </li>
                                                        <li>
                                                            <span class="score">5</span>
                                                            <span class="info">Sürücü</span>
                                                        </li>
                                                        <li>
                                                            <span class="score">3</span>
                                                            <span class="info">Karşılama</span>
                                                        </li>
                                                        <li>
                                                            <span class="score">5</span>
                                                            <span class="info">Operasyon</span>
                                                        </li>
                                                        <li>
                                                            <span class="score">4.2</span>
                                                            <span class="info">Ortalama</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!--end::Info-->
                                        </div>
                                        <!--end::Wrapper-->
                                    </div>
                                    <!--end::Item-->
                                </div>
                                <!--end::Carousel-->
                            </div>
                            <!--end::Body-->
                        </div>
                        <!--end::Slider Widget 1-->
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
                <!--begin::Engage widget 4-->
                <div class="card map" data-theme="light">
                    <!--begin::Body-->
                    <div class="card-body d-flex ps-xl-15">

                    </div>
                    <!--end::Body-->
                </div>
                <!--end::Engage widget 4-->
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->

        <!--begin::Row-->
        <div class="row g-5 g-xl-10">
            <div class="col-xl-12 mb-xl-12">

                <!--begin::Timeline widget 3-->
                <div class="card h-md-100" style="background:none!important; box-shadow: none!important;">
                    <!--begin::Header-->
                    <div class="card-header border-0 pt-5" style="background:#fff;">
                        <h2 class="card-title align-items-start flex-column">
                            <span class="card-label fw-bold text-dark" style="font-size: 25px;">TRANSFERLER</span>
                            <span class="text-muted mt-1 fw-semibold fs-7">Lorem Ipsum is simply...</span>
                        </h2>
                    </div>
                    <!--end::Header-->
                    <!--begin::Body-->
                    <div class="card-body pt-0 px-0">
                        <!--begin::Nav-->
                        <ul class="nav nav-stretch nav-pills nav-pills-custom nav-pills-active-custom d-flex justify-content-between mb-8 px-5"
                            style="background:#fff;margin-bottom: 15px!important; padding-bottom: 10px!important; border-radius: 0px 0px 15px 15px;">
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger active"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_1">
                                    <span class="fs-7 fw-semibold">Fr</span>
                                    <span class="fs-6 fw-bold">20</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_2">
                                    <span class="fs-7 fw-semibold">Sa</span>
                                    <span class="fs-6 fw-bold">21</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_3">
                                    <span class="fs-7 fw-semibold">Su</span>
                                    <span class="fs-6 fw-bold">22</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_4">
                                    <span class="fs-7 fw-semibold">Tu</span>
                                    <span class="fs-6 fw-bold">23</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_5">
                                    <span class="fs-7 fw-semibold">Tu</span>
                                    <span class="fs-6 fw-bold">24</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_6">
                                    <span class="fs-7 fw-semibold">We</span>
                                    <span class="fs-6 fw-bold">25</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_7">
                                    <span class="fs-7 fw-semibold">Th</span>
                                    <span class="fs-6 fw-bold">26</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_8">
                                    <span class="fs-7 fw-semibold">Fri</span>
                                    <span class="fs-6 fw-bold">27</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_9">
                                    <span class="fs-7 fw-semibold">Sa</span>
                                    <span class="fs-6 fw-bold">28</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_10">
                                    <span class="fs-7 fw-semibold">Su</span>
                                    <span class="fs-6 fw-bold">29</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                            <!--begin::Nav item-->
                            <li class="nav-item p-0 ms-0">
                                <!--begin::Date-->
                                <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px py-4 px-3 btn-active-danger"
                                    data-bs-toggle="tab" href="#kt_timeline_widget_3_tab_content_11">
                                    <span class="fs-7 fw-semibold">Mo</span>
                                    <span class="fs-6 fw-bold">30</span>
                                </a>
                                <!--end::Date-->
                            </li>
                            <!--end::Nav item-->
                        </ul>
                        <!--end::Nav-->
                        <!--begin::Tab Content (ishlamayabdi)-->
                        <div class="tab-content mb-2">
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade show active" id="kt_timeline_widget_3_tab_content_1">

                                <div class="transfers">
                                    <div class="list">
                                        <div class="left-card danger">
                                            <div class="late">15 dk Gecikmede</div>
                                            <div class="date">16 Kasım 2022</div>
                                            <div class="hour">10:20</div>
                                            <div class="price">1.250,00 TL</div>
                                            <div class="payment">Ödeme alındı</div>
                                        </div>
                                        <div class="right-box">
                                            <div class="top">
                                                <div class="left">
                                                    <ul>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-person.svg') }}"
                                                                    alt=""></div>
                                                            <span>Olga Crohina (+1)</span>
                                                        </li>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-plane.svg') }}"
                                                                    alt=""></div>
                                                            <span>PC940</span>
                                                        </li>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-persons.svg') }}"
                                                                    alt=""></div>
                                                            <span>2 kişi</span>
                                                        </li>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-car.svg') }}"
                                                                    alt=""></div>
                                                            <span>Mercedes Vito Standart</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="center">
                                                    <div class="transfer-info">
                                                        <div class="start">
                                                            <div class="title">Başlangıç</div>
                                                            <div class="text">İstanbul Airport Sabiha Gökçen (SAW),
                                                                Sanayi,<br>34906 Pendik/İstanbul, Türkiye</div>
                                                        </div>
                                                        <div class="end">
                                                            <div class="title">Bitiş</div>
                                                            <div class="text">Zoom Hotel, Kurtköy Mah. Ankara Cad. No:
                                                                307 C,<br>Kurtköy, 34912 Pendik/İstanbul, Türkiye</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="right">
                                                    <div class="rating" data-bs-toggle="tooltip"
                                                        data-bs-custom-class="tooltip-inverse" data-bs-placement="top"
                                                        title="Savunma İste">
                                                        <div class="rating-label checked">
                                                            <span class="svg-icon"><i
                                                                    class="fa-solid fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label checked">
                                                            <span class="svg-icon"><i
                                                                    class="fa-solid fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label checked">
                                                            <span class="svg-icon"><i
                                                                    class="fa-solid fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label">
                                                            <span class="svg-icon"><i
                                                                    class="fa-regular fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label">
                                                            <span class="svg-icon"><i
                                                                    class="fa-regular fa-star"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="uetds">
                                                        <span class="danger">U-ETDS ATANAMADI</span> <img
                                                            src="{{ URL::to('app/media/icon/refresh.svg') }}" alt=""
                                                            data-bs-custom-class="tooltip-inverse"
                                                            data-bs-placement="top" title="29 Kasım 2022">
                                                    </div>
                                                    <div class="driver">
                                                        <span class="success"><img
                                                                src="{{ URL::to('app/media/driver.png') }}"
                                                                alt=""></span>
                                                    </div>
                                                    <div class="add-driver">
                                                        <span>Sürücü Ata</span><img
                                                            src="{{ URL::to('app/media/icon/add-driver.svg') }}" alt="">
                                                    </div>
                                                    <div class="percent">
                                                        <div
                                                            class="h-8px mx-3 w-100 bg-light-danger rounded percent-wrap">
                                                            <div class="bg-success rounded h-8px" role="progressbar"
                                                                style="width: 75%;" aria-valuenow="50" aria-valuemin="0"
                                                                aria-valuemax="100"></div>
                                                        </div>
                                                        <span>%75</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="bottom">
                                                <div class="left">
                                                    <div class="transfer-no">00026197</div>
                                                    <div class="transfer-by">Booking.com</div>
                                                </div>
                                                <div class="center">
                                                    <a data-bs-toggle="collapse" href="#collapseExample1" role="button"
                                                        aria-expanded="false" aria-controls="collapseExample1">
                                                        <img src="{{ URL::to('app/media/icon/transfer-arrow-down.svg') }}"
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="right">
                                                    <div class="dropdown">
                                                        <a class="dropdown-toggle" href="javascript:void(0)"
                                                            role="button" data-bs-toggle="dropdown"
                                                            aria-expanded="false">
                                                            <img src="{{ URL::to('app/media/icon/detail.svg') }}"
                                                                alt="">
                                                        </a>

                                                        <ul class="dropdown-menu">
                                                            <li><a class="dropdown-item" href="#">Detay</a></li>
                                                            <li><a class="dropdown-item" href="#">Düzenle</a></li>
                                                            <li><a class="dropdown-item" href="#">İptal Et</a></li>
                                                        </ul>
                                                    </div>
                                                </div>

                                                <div class="collapse" id="collapseExample1">
                                                    <div class="card card-body">
                                                        <div class="detail-info">
                                                            <div class="head">
                                                                <div class="customer">Müşteri Bilgileri</div>
                                                                <div class="operation">Operasyon İşlemleri</div>
                                                                <div class="driver">Sürücü İşlemleri</div>
                                                            </div>

                                                            <div class="info">
                                                                <div class="customer">
                                                                    <p>
                                                                        <b>Müşteri Notu:</b><br>
                                                                        <span>Not Yazılmadı!</span>
                                                                    <p>
                                                                        <b>Ek Hizmetler:</b><br>
                                                                        <span>Extra Seçimi Yapılmadı!</span>
                                                                    </p>
                                                                    <p>
                                                                        <b>Karşılama Hizmeti:</b><br>
                                                                        <span>Sertaç Yılmaz</span>
                                                                    </p>
                                                                </div>
                                                                <div class="operation">
                                                                    <table cellpadding="2" cellpadding="2" border="0">
                                                                        <tr>
                                                                            <th><b>Personel</b></th>
                                                                            <th><b>İşlem</b></th>
                                                                            <th><b>Saat</b></th>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Erdem Yalçın</td>
                                                                            <td>Sürücü Atandı</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Erdem Yalçın</td>
                                                                            <td>Onaylandı</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Erdem Yalçın</td>
                                                                            <td>Eklendi</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:35</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                                <div class="driver">
                                                                    <table cellpadding="2" cellpadding="2" border="0">
                                                                        <tr>
                                                                            <th><b>Sürücü/Kullanıcı</b></th>
                                                                            <th><b>İşlem</b></th>
                                                                            <th><b>Saat</b></th>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Tamamlandı</td>
                                                                            <td data-bs-toggle="tooltip"
                                                                                data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Yolcu Alındı</td>
                                                                            <td data-bs-toggle="tooltip"
                                                                                data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Yolcu Alış Yerinde</td>
                                                                            <td data-bs-toggle="tooltip"
                                                                                data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Araç Yolda</td>
                                                                            <td data-bs-toggle="tooltip"
                                                                                data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Onaylandı</td>
                                                                            <td data-bs-toggle="tooltip"
                                                                                data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Onay Bekliyor</td>
                                                                            <td data-bs-toggle="tooltip"
                                                                                data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="list">
                                        <div class="left-card warning">
                                            <div class="late"></div>
                                            <div class="date">16 Kasım 2022</div>
                                            <div class="hour">10:20</div>
                                            <div class="price">1.250,00 TL</div>
                                            <div class="payment">Ödeme alındı</div>
                                        </div>
                                        <div class="right-box">
                                            <div class="top">
                                                <div class="left">
                                                    <ul>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-person.svg') }}"
                                                                    alt=""></div>
                                                            <span>Olga Crohina (+1)</span>
                                                        </li>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-plane.svg') }}"
                                                                    alt=""></div>
                                                            <span>PC940</span>
                                                        </li>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-persons.svg') }}"
                                                                    alt=""></div>
                                                            <span>2 kişi</span>
                                                        </li>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-car.svg') }}"
                                                                    alt=""></div>
                                                            <span>Mercedes Vito Standart</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="center">
                                                    <div class="transfer-info">
                                                        <div class="start">
                                                            <div class="title">Başlangıç</div>
                                                            <div class="text">İstanbul Airport Sabiha Gökçen (SAW),
                                                                Sanayi,<br>34906 Pendik/İstanbul, Türkiye</div>
                                                        </div>
                                                        <div class="end">
                                                            <div class="title">Bitiş</div>
                                                            <div class="text">Zoom Hotel, Kurtköy Mah. Ankara Cad. No:
                                                                307 C,<br>Kurtköy, 34912 Pendik/İstanbul, Türkiye</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="right">
                                                    <div class="rating" data-bs-toggle="tooltip"
                                                        data-bs-custom-class="tooltip-inverse" data-bs-placement="top"
                                                        title="Savunma İste">
                                                        <div class="rating-label checked">
                                                            <span class="svg-icon"><i
                                                                    class="fa-solid fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label checked">
                                                            <span class="svg-icon"><i
                                                                    class="fa-solid fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label checked">
                                                            <span class="svg-icon"><i
                                                                    class="fa-solid fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label">
                                                            <span class="svg-icon"><i
                                                                    class="fa-regular fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label">
                                                            <span class="svg-icon"><i
                                                                    class="fa-regular fa-star"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="uetds">
                                                        <span class="danger">U-ETDS ATANAMADI</span> <img
                                                            src="{{ URL::to('app/media/icon/refresh.svg') }}" alt=""
                                                            data-bs-custom-class="tooltip-inverse"
                                                            data-bs-placement="top" title="29 Kasım 2022">
                                                    </div>
                                                    <div class="driver">
                                                        <span class="success"><img
                                                                src="{{ URL::to('app/media/driver.png') }}"
                                                                alt=""></span>
                                                    </div>
                                                    <div class="add-driver">
                                                        <span>Sürücü Ata</span><img
                                                            src="{{ URL::to('app/media/icon/add-driver.svg') }}" alt="">
                                                    </div>
                                                    <div class="percent">
                                                        <div
                                                            class="h-8px mx-3 w-100 bg-light-danger rounded percent-wrap">
                                                            <div class="bg-success rounded h-8px" role="progressbar"
                                                                style="width: 75%;" aria-valuenow="50" aria-valuemin="0"
                                                                aria-valuemax="100"></div>
                                                        </div>
                                                        <span>%75</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="bottom">
                                                <div class="left">
                                                    <div class="transfer-no">00026197</div>
                                                    <div class="transfer-by">Booking.com</div>
                                                </div>
                                                <div class="center">
                                                    <a data-bs-toggle="collapse" href="#collapseExample2" role="button"
                                                        aria-expanded="false" aria-controls="collapseExample2">
                                                        <img src="{{ URL::to('app/media/icon/transfer-arrow-down.svg') }}"
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="right">
                                                    <div class="dropdown">
                                                        <a class="dropdown-toggle" href="javascript:void(0)"
                                                            role="button" data-bs-toggle="dropdown"
                                                            aria-expanded="false">
                                                            <img src="{{ URL::to('app/media/icon/detail.svg') }}"
                                                                alt="">
                                                        </a>

                                                        <ul class="dropdown-menu">
                                                            <li><a class="dropdown-item" href="#">Detay</a></li>
                                                            <li><a class="dropdown-item" href="#">Düzenle</a></li>
                                                            <li><a class="dropdown-item" href="#">İptal Et</a></li>
                                                        </ul>
                                                    </div>
                                                </div>

                                                <div class="collapse" id="collapseExample2">
                                                    <div class="card card-body">
                                                        <div class="detail-info">
                                                            <div class="head">
                                                                <div class="customer">Müşteri Bilgileri</div>
                                                                <div class="operation">Operasyon İşlemleri</div>
                                                                <div class="driver">Sürücü İşlemleri</div>
                                                            </div>

                                                            <div class="info">
                                                                <div class="customer">
                                                                    <p>
                                                                        <b>Müşteri Notu:</b><br>
                                                                        <span>Not Yazılmadı!</span>
                                                                    <p>
                                                                        <b>Ek Hizmetler:</b><br>
                                                                        <span>Extra Seçimi Yapılmadı!</span>
                                                                    </p>
                                                                    <p>
                                                                        <b>Karşılama Hizmeti:</b><br>
                                                                        <span>Sertaç Yılmaz</span>
                                                                    </p>
                                                                </div>
                                                                <div class="operation">
                                                                    <table cellpadding="2" cellpadding="2" border="0">
                                                                        <tr>
                                                                            <th><b>Personel</b></th>
                                                                            <th><b>İşlem</b></th>
                                                                            <th><b>Saat</b></th>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Erdem Yalçın</td>
                                                                            <td>Sürücü Atandı</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Erdem Yalçın</td>
                                                                            <td>Onaylandı</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Erdem Yalçın</td>
                                                                            <td>Eklendi</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:35</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                                <div class="driver">
                                                                    <table cellpadding="2" cellpadding="2" border="0">
                                                                        <tr>
                                                                            <th><b>Sürücü/Kullanıcı</b></th>
                                                                            <th><b>İşlem</b></th>
                                                                            <th><b>Saat</b></th>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Tamamlandı</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Yolcu Alındı</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Yolcu Alış Yerinde</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Araç Yolda</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Onaylandı</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Onay Bekliyor</td>
                                                                            <td data-bs-custom-class="tooltip-inverse"
                                                                                data-bs-placement="top"
                                                                                title="29 Kasım 2022">10:36</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list">
                                        <div class="left-card">
                                            <div class="late"></div>
                                            <div class="date">16 Kasım 2022</div>
                                            <div class="hour">10:20</div>
                                            <div class="price">1.250,00 TL</div>
                                            <div class="payment">Ödeme alındı</div>
                                        </div>
                                        <div class="right-box">
                                            <div class="top">
                                                <div class="left">
                                                    <ul>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-person.svg') }}"
                                                                    alt=""></div>
                                                            <span>Olga Crohina (+1)</span>
                                                        </li>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-plane.svg') }}"
                                                                    alt=""></div>
                                                            <span>PC940</span>
                                                        </li>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-persons.svg') }}"
                                                                    alt=""></div>
                                                            <span>2 kişi</span>
                                                        </li>
                                                        <li>
                                                            <div class="img"><img
                                                                    src="{{ URL::to('app/media/icon/transfer-car.svg') }}"
                                                                    alt=""></div>
                                                            <span>Mercedes Vito Standart</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="center">
                                                    <div class="transfer-info">
                                                        <div class="start">
                                                            <div class="title">Başlangıç</div>
                                                            <div class="text">İstanbul Airport Sabiha Gökçen (SAW),
                                                                Sanayi,<br>34906 Pendik/İstanbul, Türkiye</div>
                                                        </div>
                                                        <div class="end">
                                                            <div class="title">Bitiş</div>
                                                            <div class="text">Zoom Hotel, Kurtköy Mah. Ankara Cad. No:
                                                                307 C,<br>Kurtköy, 34912 Pendik/İstanbul, Türkiye</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="right">
                                                    <div class="rating" data-bs-toggle="tooltip"
                                                        data-bs-custom-class="tooltip-inverse" data-bs-placement="top"
                                                        title="Savunma İste">
                                                        <div class="rating-label checked">
                                                            <span class="svg-icon"><i
                                                                    class="fa-solid fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label checked">
                                                            <span class="svg-icon"><i
                                                                    class="fa-solid fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label checked">
                                                            <span class="svg-icon"><i
                                                                    class="fa-solid fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label">
                                                            <span class="svg-icon"><i
                                                                    class="fa-regular fa-star"></i></span>
                                                        </div>
                                                        <div class="rating-label">
                                                            <span class="svg-icon"><i
                                                                    class="fa-regular fa-star"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="uetds">
                                                        <span class="danger">U-ETDS ATANAMADI</span> <img
                                                            src="{{ URL::to('app/media/icon/refresh.svg') }}" alt=""
                                                            data-bs-custom-class="tooltip-inverse"
                                                            data-bs-placement="top" title="29 Kasım 2022">
                                                    </div>
                                                    <div class="driver">
                                                        <span class="success"><img
                                                                src="{{ URL::to('app/media/driver.png') }}"
                                                                alt=""></span>
                                                    </div>
                                                    <div class="add-driver">
                                                        <span>Sürücü Ata</span><img
                                                            src="{{ URL::to('app/media/icon/add-driver.svg') }}" alt="">
                                                    </div>
                                                    <div class="percent">
                                                        <div
                                                            class="h-8px mx-3 w-100 bg-light-danger rounded percent-wrap">
                                                            <div class="bg-success rounded h-8px" role="progressbar"
                                                                style="width: 75%;" aria-valuenow="50" aria-valuemin="0"
                                                                aria-valuemax="100"></div>
                                                        </div>
                                                        <span>%75</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="bottom">
                                                <div class="left">
                                                    <div class="transfer-no">00026197</div>
                                                    <div class="transfer-by">Booking.com</div>
                                                </div>
                                                <div class="center">
                                                    <a data-bs-toggle="collapse" href="#collapseExample3" role="button"
                                                        aria-expanded="false" aria-controls="collapseExample3">
                                                        <img src="{{ URL::to('app/media/icon/transfer-arrow-down.svg') }}"
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="right">
                                                    <div class="dropdown">
                                                        <a class="dropdown-toggle" href="javascript:void(0)"
                                                            role="button" data-bs-toggle="dropdown"
                                                            aria-expanded="false">
                                                            <img src="{{ URL::to('app/media/icon/detail.svg') }}"
                                                                alt="">
                                                        </a>

                                                        <ul class="dropdown-menu">
                                                            <li><a class="dropdown-item" href="#">Detay</a></li>
                                                            <li><a class="dropdown-item" href="#">Düzenle</a></li>
                                                            <li><a class="dropdown-item" href="#">İptal Et</a></li>
                                                        </ul>
                                                    </div>
                                                </div>

                                                <div class="collapse" id="collapseExample3">
                                                    <div class="card card-body">
                                                        <div class="detail-info">
                                                            <div class="head">
                                                                <div class="customer">Müşteri Bilgileri</div>
                                                                <div class="operation">Operasyon İşlemleri</div>
                                                                <div class="driver">Sürücü İşlemleri</div>
                                                            </div>

                                                            <div class="info">
                                                                <div class="customer">
                                                                    <p>
                                                                        <b>Müşteri Notu:</b><br>
                                                                        <span>Not Yazılmadı!</span>
                                                                    <p>
                                                                        <b>Ek Hizmetler:</b><br>
                                                                        <span>Extra Seçimi Yapılmadı!</span>
                                                                    </p>
                                                                    <p>
                                                                        <b>Karşılama Hizmeti:</b><br>
                                                                        <span>Sertaç Yılmaz</span>
                                                                    </p>
                                                                </div>
                                                                <div class="operation">
                                                                    <table cellpadding="2" cellpadding="2" border="0">
                                                                        <tr>
                                                                            <th><b>Personel</b></th>
                                                                            <th><b>İşlem</b></th>
                                                                            <th><b>Saat</b></th>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Erdem Yalçın</td>
                                                                            <td>Sürücü Atandı</td>
                                                                            <td>10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Erdem Yalçın</td>
                                                                            <td>Onaylandı</td>
                                                                            <td>10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Erdem Yalçın</td>
                                                                            <td>Eklendi</td>
                                                                            <td>10:35</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                                <div class="driver">
                                                                    <table cellpadding="2" cellpadding="2" border="0">
                                                                        <tr>
                                                                            <th><b>Sürücü/Kullanıcı</b></th>
                                                                            <th><b>İşlem</b></th>
                                                                            <th><b>Saat</b></th>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Tamamlandı</td>
                                                                            <td>10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Yolcu Alındı</td>
                                                                            <td>10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Yolcu Alış Yerinde</td>
                                                                            <td>10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Araç Yolda</td>
                                                                            <td>10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Onaylandı</td>
                                                                            <td>10:36</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Uğur Kurtuldu</td>
                                                                            <td>Onay Bekliyor</td>
                                                                            <td>10:36</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_2">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_3">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_4">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_5">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_6">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_7">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_8">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_9">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_10">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                            <!--begin::Tap pane-->
                            <div class="tab-pane fade" id="kt_timeline_widget_3_tab_content_11">
                                <img src="{{ URL::to('app/media/transfer-list.jpg') }}" class="img-fluid" alt="">
                            </div>
                            <!--end::Tap pane-->
                        </div>
                        <!--end::Tab Content-->
                        <!--begin::Action-->
                        <div class="float-end d-none">
                            <a href="#" class="btn btn-sm btn-light me-2" data-bs-toggle="modal"
                                data-bs-target="#kt_modal_create_project">Add Lesson</a>
                            <a href="#" class="btn btn-sm btn-danger" data-bs-toggle="modal"
                                data-bs-target="#kt_modal_create_app">Call Sick for Today</a>
                        </div>
                        <!--end::Action-->
                    </div>
                    <!--end: Card Body-->
                </div>
                <!--end::Timeline widget 3-->
            </div>
        </div>
        <!--end::Row-->
    </div>
    <!--end::Container-->
</div>

<!-- Bu sayfaya ait css dosyaları -->
@section('css')

@endsection

<!-- Bu sayfaya ait js dosyaları -->
@section('js')
<!--<script src="{{ URL::to('app/plugins/custom/fullcalendar/fullcalendar.bundle.js') }}"></script>
	<script src="https://cdn.amcharts.com/lib/5/index.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/percent.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/radar.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/map.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/geodata/worldLow.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/geodata/continentsLow.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/geodata/usaLow.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/geodata/worldTimeZonesLow.js"></script>
	<script src="https://cdn.amcharts.com/lib/5/geodata/worldTimeZoneAreasLow.js"></script>
	<script src="{{ URL::to('app/plugins/custom/datatables/datatables.bundle.js') }}"></script>-->
@endsection

@endsection