@extends('layouts.app')
@section('urlContent')
    @php
        if ($customer->headOffice) {
            $firmName = $customer->headOffice->office_name;
        } else {
            $firmName = $customer->branch->headOffice->office_name;
        }
    @endphp
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Onaylanmış Talepler' => '/operation/approved',

            $firmName . ' Departmanları' =>
                '/operation/approved/customer/' .
                $customer->id .
                '/departments?date=' .
                $date,

            $department->user_departman->name . ' Departman Talepleri' =>
                '/operation/approved/customer/' .
                $customer->id .
                '/departments/' .
                $department->id .
                '/demands?date=' .
                $date,

            'Detay' =>
                '/operation/approved/customer/' .
                $customer->id .
                '/departments/' .
                $department->id .
                '/demand/' .
                $demand->id .
                '/personels?date=' .
                $date,
        ],
    ]) !!}
@endsection
@section('content')
    <div class="w-full p-12">
        <div class="py-4">
            <ol class="orderedList mt-4 text-sm leading-6 lg:col-span-7 xl:col-span-8 w-full">
                @foreach ($sifts as $sift)
                    <li class="meetRow relative flex space-x-6 py-6 bg-theme_secondary_black rounded-3xl p-8 mt-4">
                        <img class="w-14 h-14 rounded-full object-cover showImage cursor-pointer"
                            src="{{ $sift->user->profile_img ? getCdnFile($sift->user->profile_img) : getCdnFile($sift->user->personelUser->profile_img) }}">
                        {{-- {{ route('operation.approvedDemandPersonelDetail', [$sift->demand->id, $sift->preMeeting->user_id]) }} --}}
                        <a href="#" class="w-full">
                            <div class="flex-auto">
                                <h3 class="pr-10 font-semibold text-gray-300 xl:pr-0 capitalize">
                                    {{ $sift?->preMeeting?->name . ' ' . $sift?->preMeeting?->surname }}</h3>
                                <dl class="mt-2 flex flex-col text-gray-400 xl:flex-row">
                                    <div class="flex items-center space-x-3">
                                        <dt class="mt-0.5"><span class="sr-only">Date</span><svg
                                                class="h-5 w-5 fill-gray-400" xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                <path class="fill-gray-300" fill-rule="evenodd"
                                                    d="M5.75 2a.75.75 0 01.75.75V4h7V2.75a.75.75 0 011.5 0V4h.25A2.75 2.75 0 0118 6.75v8.5A2.75 2.75 0 0115.25 18H4.75A2.75 2.75 0 012 15.25v-8.5A2.75 2.75 0 014.75 4H5V2.75A.75.75 0 015.75 2zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75z"
                                                    clip-rule="evenodd"></path>
                                            </svg></dt>
                                        <dd><time class="text-gray-300"
                                                datetime="{{ \Carbon\Carbon::parse($sift?->ticket?->date)->isoFormat('D MMMM Y') }}">{{ \Carbon\Carbon::parse($sift->ticket?->date)->isoFormat('D MMMM Y') }}
                                                Saat {{ date('H:i', strtotime($sift?->demand?->hour)) }} </time>
                                        </dd>
                                    </div>
                                    <div class="card-list">
                                        <div class="card-list-icon-area">
                                            <span class="sr-only">Adres</span>
                                            <svg class="fill-gray-300" xmlns="http://www.w3.org/2000/svg" height="1em"
                                                viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
                                                <path
                                                    d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z">
                                                </path>
                                            </svg>
                                        </div>
                                        <div class="text-gray-300 capitalize">{{ $sift->ticket->user->fullName }}</div>
                                    </div>
                                </dl>
                            </div>
                        </a>
                        <div class="flex justify-end items-center gap-4 whitespace-nowrap">
                            <button class="bg-red-700 button-3" data-id="{{ $sift->user_id }}">
                                Geri Al
                            </button>
                        </div>
                    </li>
                    <form id="deleteForm" hidden action="{{ route('operation.delete.sift') }}" method="post"
                        onsubmit="showLoading()">
                        @csrf
                        <input type="hidden" name="demand_id" value="{{ $sift->demand_id }}">
                        <input type="hidden" name="user_id" id="user_id_for_delete">
                    </form>
                @endforeach
            </ol>
        </div>
    </div>
    @include('components.showImage')
@endsection
@section('javascript')
    <script>
        $('[data-id]').click(function() {
            var id = $(this).data('id');
            $('#user_id_for_delete').val(id);
            $('#deleteForm').submit();
        });
    </script>
@endsection