@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Personel Giriş Çıkış Onay' => '/accounting/timeSheet',
        ],
    ]) !!}
@endsection
@section('content')
    {{-- @include('components.sidebar') --}}
    {{-- @include('components.profile') --}}
    {{-- @include('components.links') --}}
    <div class="container-app">
        <input class="input-2" type="date" name="date" id="date" value="{{ $date }}">
        <div class="relative overflow-x-auto shadow-md sm:rounded-lg border-t border-theme_secondary_black mt-4">
            <table class="w-full text-sm text-left text-gray-400">
                <thead class="text-xs text-theme_white bg-theme_black">
                    <tr>
                        <th scope="col" class="px-2 py-1">
                            Tc No
                        </th>
                        <th scope="col" class="px-2 py-1">
                            Ad
                        </th>
                        <th scope="col" class="px-2 py-1">
                            Soyad
                        </th>
                        <th scope="col" class="px-2 py-1">
                            Meslek
                        </th>
                        <th scope="col" class="px-2 py-1">
                            Departman
                        </th>
                        <th scope="col" class="px-2 py-1 w-24">
                            Giriş Saati
                        </th>
                        <th scope="col" class="px-2 py-1 w-24">
                            Giriş Tipi
                        </th>
                        <th scope="col" class="px-2 py-1 w-24">
                            Çıkış Saati
                        </th>
                        <th scope="col" class="px-2 py-1 w-24">
                            Çıkış Tipi
                        </th>
                        <th scope="col" class="px-2 py-1 w-24">
                            Toplam Çalışma Saati
                        </th>
                        <th scope="col" class="px-2 py-1 w-24">
                            Toplam Mesai Saati
                        </th>

                    </tr>
                </thead>
                <tbody>

                    @foreach ($accountings as $item)
                        <tr data-id="{{ $item->id }}" class="bg-theme_secondary_black">
                            <td class="px-1 py-4 font-semibold text-theme_white">
                                <input type="text" class="h-8 w-full input-2 py-0 text-sm border-none" name="tc_no"
                                    readonly value="{{ $item->user_tckn }}">
                            </td>
                            <td class="px-1 py-4 font-semibold text-theme_white">
                                <input type="text" class="h-8 w-full input-2 py-0 text-sm border-none" name="name"
                                    readonly value="{{ $item->user->name }}">
                            </td>
                            <td class="px-1 py-4 font-semibold text-theme_white">
                                <input type="text" class="h-8 w-full input-2 py-0 text-sm border-none" name="surname"
                                    readonly value="{{ $item->user->surname }}">
                            </td>
                            <td class="px-1 py-4 text-center text-theme_white">
                                <input type="text" class="h-8 w-full input-2 py-0 text-sm border-none" name="job"
                                    readonly value="{{ $item->user->roles[0]->title ?? $item->job }}">
                            </td>
                            <td class="px-1 py-4 font-semibold text-theme_white">
                                <input type="text" class="h-8 w-full input-2 py-0 text-sm border-none" name="surname"
                                    readonly value="{{ $item->department->name }}">
                            </td>
                            <td class="px-1 py-4 text-center text-theme_white">
                                <input type="time" step="60"
                                    class="h-8 w-full input-2 py-0 text-sm border-none start_hour" name="start_hour"
                                    readonly value="{{ $item->start_hour }}">
                            </td>
                            <td class="px-1 py-4 text-center text-theme_white">
                                <input type="text" class="h-8 w-full input-2 py-0 text-sm border-none" name="start_type"
                                    readonly value="{{ $item->login_type }}">
                            </td>
                            <td class="px-1 py-4 text-center text-theme_white">
                                <input type="time" step="60"
                                    class="h-8 w-full input-2 py-0 text-sm border-none end_hour" name="end_hour" readonly
                                    value="{{ $item->end_hour }}">
                            </td>
                            <td class="px-1 py-4 text-center text-theme_white">
                                <input type="text" class="h-8 w-full input-2 py-0 text-sm border-none" name="end_type"
                                    readonly value="{{ $item->exit_type }}">
                            </td>
                            <td class="px-1 py-4 text-center text-theme_white">
                                <input type="text" class="h-8 w-full input-2 py-0 text-sm border-none"
                                    name="totaly_working_hour" readonly value="{{ $item->working_time }}">
                            </td>
                            <td class="px-1 py-4 text-center text-theme_white">
                                <input type="text" class="h-8 w-full input-2 py-0 text-sm border-none"
                                    name="working_date" readonly value="{{ $item->shift }}">
                            </td>

                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @if ($errors->any())
        @include('components.error-modal-second')
    @endif
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection
@section('javascript')
    <script>
        $('#date').on('change', function() {
            var date = $(this).val();
            window.location.href = '/branch/timeSheet?date=' + date;
        });
    </script>
@endsection