@php
    function turkceAyAdi($tarih) {
    $aylar = [
        'Jan' => 'Oca',
        'Feb' => 'Şub',
        'Mar' => 'Mrt',
        'Apr' => 'Nis',
        'May' => 'May',
        'Jun' => 'Haz',
        'Jul' => 'Tem',
        'Aug' => 'Ağu',
        'Sep' => 'Eyl',
        'Oct' => 'Ekm',
        'Nov' => 'Ksm',
        'Dec' => 'Ara'
    ];

    $turkceAy = str_replace(array_keys($aylar), array_values($aylar), $tarih);

    return $turkceAy;
}


function turkceGunKisaltma($gun) {
    switch ($gun) {
        case "Mon":
            return "Pzt";
        case "Tue":
            return "Sal";
        case "Wed":
            return "Çar";
        case "Thu":
            return "Per";
        case "Fri":
            return "Cum";
        case "Sat":
            return "Cmt";
        case "Sun":
            return "Paz";
        default:
            return "";
    }
}


@endphp
@extends('gb.index')
@section('icerik')<style>
    .ortala {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: block !important;
    }
    .bugun {
        border: greenyellow 3px solid;
    }
    .pazar { background: url('/images/pazar.png')}
</style>
<div class="page-wrapper">
    <div class="page-content">
        <div class="card">
            <div class="card-header fw-bold"><i class="bx bx-calendar"></i> {{ strtoupper($kim) }} randevu takvimi</div>
            <div class="card-body">
                <div class="alert alert-info">Randevunun detayını görmek için isme <b>çift tıklayın</b>, Başka saate taşımak için <b>ismi tutup istediğiniz saatin üzerine sürükleyin</b>. randevu değişince müşteriye sms bildirimi gitmektedir. Çok fazla değişiklik yapmamaya dikkat edin.</div>
                <div class="row">



                    @foreach ($randevular->groupBy(function ($item) {
return Carbon\Carbon::parse($item->rtarih)->format('Y-m-d');
}) as $date => $groupedItems)
                        <div class="col-lg-2">
                            <div class="card @if(\Illuminate\Support\Carbon::createFromDate($date)->format('d/M/Y')==date('d/M/Y')) bugun @endif">
                                <div class="card-header text-center">

                                    @php
                                        $carbonDate = \Illuminate\Support\Carbon::createFromDate($date);
                                        $formattedDate = $carbonDate->format('d/M/y');
                                        $today = \Illuminate\Support\Carbon::today();
                                        $tomorrow = \Illuminate\Support\Carbon::tomorrow();
                                    @endphp

                                    @if ($carbonDate->isSameDay($today))
                                        Bugün, {{ turkceGunKisaltma(\Carbon\Carbon::createFromDate($today)->format('D')) }}
                                    @elseif ($carbonDate->isSameDay($tomorrow))
                                        Yarın,  {{ turkceGunKisaltma(\Carbon\Carbon::createFromDate($tomorrow)->format('D')) }}
                                    @else
                                        {{ (turkceAyAdi($formattedDate)) }}
                                    @endif

                                    + Randevuları</div>
                                <div class="card-body">
                                    @foreach ($groupedItems as $item)











                                        @if($item->musteri_id==null)
                                            @isset($request->kayit)
                                                <a href="/hemenrandevuver?rid={{ $item->rid }}&kayit={{ $request->kayit }}"
                                                   class="btn-outline-success btn" style="width: 100%; margin-bottom: 5px;"><i class="bx bx-plus-circle"></i>
                                                    {{ Carbon\Carbon::parse($item->rtarih)->format('H:i') }}</a>
                                            @else
                                                <div class="btn-outline-success bosrandevu btn" data-randevu-id="{{ $item->rid }}" style="width: 100%; margin-bottom: 5px;"
                                                     onclick="modal('randevuver','{{ $item->rid }}')"><i
                                                        class="bx bx-plus-circle"></i> {{ Carbon\Carbon::parse($item->rtarih)->format('H:i')   }}
                                                </div>
                                            @endif
                                        @else

                                            <div   style="display: flex; width: 100%; padding: 0px; margin-bottom: 5px;">
                                                <div class="btn btn-warning" data-musteri-id="{{ $item->musteri_id }}" onclick="modal('ara','{{ $item->musteri_id }}')" style="width: 58%; margin-right: 1%; font-size: 12px; line-height: 25px;">  {{ Carbon\Carbon::parse($item->rtarih)->format('H:i')   }} • {{ $item->gonderen }}  </div>

                                                <div class="btn btn-outline-info dolurandevu" style="width: 20%; margin-right: 1%;" data-musteri-id="{{ $item->musteri_id }}"> <i class="bx bx-move"></i> </div>

                                                <div class="btn btn-outline-danger" style="width: 20%" onclick="silmi('randevuiptal?rid={{ $item->rid }}')">Sil</div>
                                            </div>

                                        @endif

                                    @endforeach

                                </div>
                            </div>
                        </div>

                        @if(\Carbon\Carbon::createFromDate($date)->format('D')=="Sat") <div class="col-lg-2">
                            <div class="card" style="height: 90%;border: 2px solid black">
                                <div class="card-header text-center" style="background-color: black; color: white; ">
                                    Pazar
                                </div>
                                <div class="card-body pazar">

                                </div>
                            </div>
                        </div> @endif

                    @endforeach



                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(function() {
        $(".dolurandevu").draggable({
            start: function() {
                $(this).css("position", "absolute");
            },
            stop: function() {
                $(this).css("position", "absolute");
            },
            revert: function(valid) {
                if (!valid) {
                    $(this).css("position", "relative");
                }
            }
        });

        $(".bosrandevu").droppable({
            drop: function(event, ui) {
                var doluRandevuId = ui.draggable.attr("data-musteri-id");
                var bosRandevuId = $(this).attr("data-randevu-id");
                var url = "/randevudegis?eski=" + doluRandevuId + "&yeni=" + bosRandevuId;
                window.location.href = url;
            }
        });
    });
</script>
<style>
    .dolurandevu { z-index: 3;}
</style>

<script>
    $(function() {
        var offsetX, offsetY;
        var $draggingDiv = null;
        var originalPosition = null;

        $(".dolurandevu").on("mousedown", function(event) {
            $draggingDiv = $(this);
            $draggingDiv.css("position", "absolute");

            originalPosition = $draggingDiv.position();
            offsetX = event.pageX - originalPosition.left;
            offsetY = event.pageY - originalPosition.top;

            $(document).on("mousemove.drag", function(event) {
                $draggingDiv.css({
                    top: event.pageY - offsetY,
                    left: event.pageX - offsetX
                });

                // Boş randevu üzerine gelindiğinde arkaplan rengini değiştir
                $(".bosrandevu").each(function() {
                    var $dropTarget = $(this);
                    var dropOffset = $dropTarget.offset();
                    var dropWidth = $dropTarget.outerWidth();
                    var dropHeight = $dropTarget.outerHeight();

                    if (
                        event.pageX >= dropOffset.left &&
                        event.pageX <= dropOffset.left + dropWidth &&
                        event.pageY >= dropOffset.top &&
                        event.pageY <= dropOffset.top + dropHeight
                    ) {
                        $dropTarget.css("background-color", "red");
                    } else {
                        $dropTarget.css("background-color", ""); // Varsayılan arkaplan rengine geri dön
                    }
                });
            });

            $(document).on("mouseup.drag", function() {
                $(document).off(".drag");

                var dropped = false;
                $(".bosrandevu").each(function() {
                    var $dropTarget = $(this);
                    var dropOffset = $dropTarget.offset();
                    var dropWidth = $dropTarget.outerWidth();
                    var dropHeight = $dropTarget.outerHeight();

                    if (
                        event.pageX >= dropOffset.left &&
                        event.pageX <= dropOffset.left + dropWidth &&
                        event.pageY >= dropOffset.top &&
                        event.pageY <= dropOffset.top + dropHeight
                    ) {
                        var doluRandevuId = $draggingDiv.attr("data-musteri-id");
                        var bosRandevuId = $dropTarget.attr("data-randevu-id");
                        if (bosRandevuId) {
                            var url = "/randevudegis?eski=" + doluRandevuId + "&yeni=" + bosRandevuId;
                            window.location.href = url;
                        } else {
                            $draggingDiv.html("Randevu bu saate alınıyor, bekleyiniz...");
                            $draggingDiv.animate(originalPosition, 200, function() {
                                $draggingDiv.css("position", "relative");
                            });
                        }
                        dropped = true;
                        return false; // Döngüden çık
                    }
                });

                if (!dropped) {
                    $draggingDiv.animate(originalPosition, 200, function() {
                        $draggingDiv.css("position", "relative");
                    });
                }

                // Boş randevuların arkaplan rengini varsayılana döndür
                $(".bosrandevu").css("background-color", "");

                $draggingDiv = null;
                originalPosition = null;
            });
        });
    });
</script>

@endsection
@section('title','Randevular')