@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" class="btn  time-report-button btn-sm">Log Out</button>
        </div>
        <div id="responseToDisplay">

        </div>


        {{--if stamped and still working--}}
        {{--<div class="col-sm-12">--}}
        {{--<button type="submit" class="btn time-report-button submit-button btn-block" href=""/public/timeReportConfirmation"">Stamp In</button>--}}
        {{--</div>--}}

        {{--if not stamped or stamped and completed shift--}}
        <div class="col-sm-12 mt-3">
            <button type="submit" id="overtime" class="btn transparent-btn submit-button btn-block">OVERTIME</button>
        </div>
        <div class="col-sm-12 mt-3">
            <button type="submit" id="absence" class="btn transparent-btn btn-block" href="/public/timeReportAbsence">ABSENCE</button>
        </div>
        <div class="col-sm-12 mt-3">
            <button type="submit" id="stampIn" onclick="stamp_in({{$employee_details->id}})" class="btn time-report-button btn-block" >STAMP IN</button>
        </div>

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