@include('admin.layout.header')

<div class="container-fluid">
    <div class="row pt-3">
        <div class="col-auto">
            <h2 class="main_title">Remove Match Data</h2>
        </div>
    </div>
    <!--  Row 1 -->
    <div class="row pt-6">
        {!! Form::open([
            'url' => '#',
            'name' => 'deleteForm',
            'id' => 'deleteForm',
            'enctype' => 'multipart/form-data',
        ]) !!}
        <div class="mb-6">
            <label for="cutoffDate" class="form-label">Date <span class="text-danger">*</span></label>
            <input type="date" class="form-control" id="cutoffDate" name="cutoffDate" placeholder="Enter Date">
        </div>

        <div class="mb-3">
            <button type="submit" id="deleteFormSubmit" class="btn btn-primary">Submit</button>
        </div>
        {!! Form::close() !!}


    </div>


</div>

</div>




@include('admin.layout.footer')
<script src="{{ asset('admin/assets/js/jquery.validate.min.js') }}"></script>
<script src="{{ asset('admin/assets/js/additional-methods.min.js') }}"></script>
<script src="{{ asset('notify.js') }}"></script>


<script>
    $(document).ready(function() {

        $('#deleteForm').validate({
            ignore: ".ignore",
            rules: {
                cutoffDate: {
                    required: true,
                }
            },
            messages: {},
            errorPlacement: function(error, element) {
                var placement = $(element).data('error');
                if (placement) {
                    $(placement).append(error);
                } else {
                    error.insertAfter(element);
                }
            },
            submitHandler: function(form) {
                Swal.fire({
                    title: 'Are you sure?',
                    text: "Do you want to proceed with this action?",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, proceed!',
                    cancelButtonText: 'Cancel'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $("#deleteFormSubmit").attr('disabled', true);
                        var formData = new FormData($("#deleteForm")[0]);

                        $.ajax({
                            url: '{{ route('deductWinsAndPoints') }}',
                            method: 'POST',
                            data: formData,
                            processData: false,
                            contentType: false,
                            headers: {
                                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr(
                                    "content"),
                            },
                            dataType: "json",
                            success: function(response) {
                                if (response.status == 1) {
                                    $.notify(response.msg, "success");
                                } else if (response.status == 0) {
                                    $.notify(response.msg, "error");
                                }
                                $("#deleteFormSubmit").attr('disabled', false);
                            },
                            error: function(xhr, status, error) {
                                console.error('An error occurred:', error);
                                $("#deleteFormSubmit").attr('disabled', false);
                                $.notify(
                                    'An unexpected error occurred. Please try again.',
                                    "error");
                            }
                        });
                    }
                });
            }
        });
    });
</script>