@extends('layouts.app')

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

@section('content')
    <div class="container px-5 text-center">
        <div class="font-weight-bold font-26 mt-5">
            Stamp Out
        </div>

        <div id="responseToDisplay">

        </div>
        <form class="form-horizontal" method="POST" action="/public/employeeLogin">
            @csrf
            <div class="font-18 mt-5">
                <div class="font-weight-bold">
                    Comment
                </div>
                If you wish, you can leave a comment below before stamping.
                <br>

                <input class="form-control" type="hidden" name="pin" value="{{$pin}}">
                <div class="form-group">
                    <textarea class="form-control mt-2" name="comments" rows="5"></textarea>
                </div>
            </div>


            <div class="col-sm-12 mt-3">
                <button type="submit" name="stamp_out" value="1" class="btn submit-button btn-block">CONFIRM</button>
            </div>
            <div class="col-sm-12 mt-3">
                <button type="submit" name="stamp_out" value="0" class="btn transparent-btn btn-block">CANCEL</button>
            </div>
        </form>

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

@endsection