@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Personel Giriş Çıkış Onay' => '/accounting/timeSheet',
        ],
    ]) !!}
@endsection
@section('content')
    <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">
                            Merkez Ofis
                        </th>
                        <th scope="col" class="px-2 py-1 w-32">
                            Şube
                        </th>
                        <th scope="col" class="px-2 py-1 w-32">
                            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 ($accountgings 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->job }}">
                            </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="branch_office_id" readonly value="{{ $item->headOffice?->office_name }}">
                            </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="branch_office_id" readonly value="{{ $item->branch?->branch_name }}">
                            </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="department_id" readonly value="{{ $item->department?->name }}">
                            </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_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="text" class="h-8 w-full input-2 py-0 text-sm border-none" 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 = '/operation/personel-entry-exit?date=' + date;
        });
    </script>
@endsection