@extends('layouts.mainlayout')
@section('title', 'Setting')
@section('main')

<div class='card'>
    <!-- <div class="card-header header-elements-inline">
        <h5 class="card-title  font-weight-bold">Attendance </h5>
    </div> -->
    <div class='card-body row'>
        <div class="form-group col-lg-4">
            <label class="col-form-label font-weight-semibold pt-0"><h3>Attendance Marking:</h3>
            </label>
        </div>
        
        <div class="col-lg-6 form-group">
            <div class="form-check">
                <!--<form method="POST" action="{{ route('storeAttendance') }}">-->
                @csrf
                <div class="form-check">
                    
                    <input type="radio" class="form-check-input " id="no_checkin" name="check"
                    value="1" {{ $val == '1' ? 'checked' : '' }} > 
                    <label for="no_checkin"><strong>No Check In Required</strong> <br>
                        <span> Attendance data will not be based on Check In/Out data</span>
                    </label>  
                </div>   
                <div class="form-check">
                    <input type="radio" class="form-check-input" id="only_checkin" name="check"
                    value="2" {{ $val == '2' ? 'checked' : '' }} > 
                    <label for="only_checkin"><strong>Only Check In Required</strong> <br>
                        <span> Attendance data will be generated based on Check Ins</span>
                    </label>
                </div>
                <div class="form-check">    
                    <input type="radio" class="form-check-input" id="both_checkin" name="check"
                    value="3" {{ $val == '3' ? 'checked' : '' }} > 
                    <label for="both_checkin"><strong>Both Check In & Check Out Required</strong> <br>
                        <span> Attendance data will be generated based on both Check In & Check Out data</span>
                    </label>
                </div>    
                <!--</form>    -->
            </div>
            
        </div>
    </div>   
</div>

<script type='text/javascript'>
  $('input[name="check"]').click(function () {
    var itemType = $(this).val();
    $.ajax({
      url: '{{ route('storeAttendance') }}',
      type: 'POST',
      data: {
        _token: '{{ csrf_token() }}',
        item_type: itemType
      },
      beforeSend: function(){
        //   alert(itemType);
      },
      success: function (data) {
        console.log(data);
            new PNotify({
            title: 'Success',
            text: 'Attendance Setting Saved Successfully!',
            type: 'success',
            hide: true,
            delay: 1500,
            });
            
      },
      error: function (data){
            new PNotify({
                        title: 'Warning',
                        text: "You don't have permission for edit it!",
                        hide: true,
                        delay: 1500,
                        });
    }
    });
  });
</script>

@endsection