@extends('layouts.app')

@section('title')Scandia Bemanning: {{__('Time Report')}} @endsection

@section('content')
    <div class="container text-center">
        <div class="title">
            Välkommen till tidsrapporteringen för Scandia Bemanning
        </div>

        <div class="font-weight-bold font-26 mt-1">
            {{$employee_details->name}}
        </div>

        @php $current_date = date("Y-m-d");@endphp
        <div class="date-content mt-1">
            {{$current_date}}
        </div>


        <div class="mt-1">
            <button type="submit" onclick="logOut()" class="btn  time-report-button btn-sm">Log Out</button>
        </div>
        <div id="responseToDisplay">

        </div>
        <div id="responseForAbsence">

        </div>
        <div id="responseForbutton">

        </div>
    </div>
    <script>
        $(document).ready(function() {
            current_stamp({{$employee_details->id}});
        });
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        function current_stamp($employee_id) {
            employee_id = $employee_id;
            var main_path = '{{ url('/') }}';
            jQuery.ajax({
                url: main_path + '/currentStamp',
                data: {
                    employee_id: employee_id,
                },
                type: "POST",
                dataType: "json",
                _token: "{{csrf_token()}}",
                success: function (data) {
                    $('#responseToDisplay').show();
                    $('#responseToDisplay').html(data.html);
                    $('#responseForbutton').show();
                    $('#responseForbutton').html(data.html1);
                }
            });
        }

        function stamp_in($employee_id) {
            employee_id = $employee_id;
            status_id = 1;
            var main_path = '{{ url('/') }}';
            jQuery.ajax({
                url: main_path + '/stampIn',
                data: {
                    employee_id: employee_id,
                    status_id: status_id,
                },
                type: "POST",
                dataType: "json",
                _token: "{{csrf_token()}}",
                success: function (data) {
                    $('#responseToDisplay').show();
                    $('#responseToDisplay').html(data.html);
                    $('#responseForbutton').show();
                    $('#responseForbutton').html(data.html1);
                }
            });
        }
        function overtime($employee_id) {
            employee_id = $employee_id;
            status_id = 2;
            console.log(employee_id);
            var main_path = '{{ url('/') }}';
            jQuery.ajax({
                url: main_path + '/stampIn',
                data: {
                    employee_id: employee_id,
                    status_id: status_id,
                },
                type: "POST",
                dataType: "json",
                _token: "{{csrf_token()}}",
                success: function (data) {
                    $('#responseToDisplay').show();
                    $('#responseToDisplay').html(data.html);
                    $('#responseForbutton').show();
                    $('#responseForbutton').html(data.html1);
                }
            });
        }
        function absence($employee_id) {
            employee_id = $employee_id;
            var main_path = '{{ url('/') }}';
            window.location = main_path + '/timeReportAbsence/' + employee_id;
        }
        function confirmation($pin) {
            pin = $pin;
            var main_path = '{{ url('/') }}';
            window.location = main_path + '/timeReportConfirmation/' + pin;
        }
        function logOut() {
            var main_path = '{{ url('/') }}';
            window.location = main_path + '/timeReportLogin';
        }
    </script>
@endsection