@extends('layouts.app')

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

@section('content')
    <div class="container text-center">

        <div class="font-18 mt-5">
            <div class="font-weight-bold">
                Report Absence
            </div>
            <p>Please select the type of absence</p>
        </div>
        @foreach($status_details as $status)
            <div class="col-sm-12 mt-3">
                <button type="submit" onclick="addAbsence({{$employee_id}},{{$status->id}})" class="btn transparent-btn btn-block">{{$status->status}}</button>
            </div>
        @endforeach
        {{--<div class="col-sm-12 mt-3">--}}
            {{--<button type="submit" class="btn transparent-btn btn-block">VAB</button>--}}
            {{--<button type="submit" class="btn transparent-btn btn-block">VAB(Care of children)</button>--}}
        {{--</div>--}}
        {{--<div class="col-sm-12 mt-3">--}}
            {{--<button type="submit" class="btn transparent-btn btn-block">SICK</button>--}}
        {{--</div>--}}
        {{--<div class="col-sm-12 mt-3">--}}
            {{--<button type="submit" class="btn transparent-btn btn-block">PARENTLY</button>--}}
        {{--</div>--}}
        {{--<div class="col-sm-12 mt-3">--}}
            {{--<button type="submit" class="btn transparent-btn btn-block">LEAVING</button>--}}
        {{--</div>--}}
        {{--<div class="col-sm-12 mt-3">--}}
            {{--<button type="submit" class="btn transparent-btn btn-block">OFFICIAL LEAVE COMP LEAVE</button>--}}
        {{--</div>--}}

        {{--<div class="col-sm-12 mt-4">--}}
            {{--<button type="submit" class="btn submit-button time-report-button btn-block" href="/status">CANCEL</button>--}}
        {{--</div>--}}

    </div>
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        function addAbsence($employee_id,$status_id) {
            employee_id = $employee_id;
            status_id = $status_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) {
                    if(data.success == true){
                        window.location = main_path + '/timeReportHome/' + {{$employee_id}};
                    }
                    // $('#responseToDisplay').show();
                    // $('#responseToDisplay').html(data.html);
                }
            });
        }
    </script>
@endsection