@php
$page_name = 'Upload All Shift';
@endphp
@php
    $currentDateTime = new DateTime();
    $nineThirty = new DateTime('9:30');

    // If the current time is less than 9:30 AM, subtract one day
    if ($currentDateTime < $nineThirty) {
        $dateToShow = $currentDateTime->modify('-1 day')->format('Y-m-d');
    } else {
        $dateToShow = $currentDateTime->format('Y-m-d');
    }
@endphp
@include('partial.header')

<div class="container-fluid">
@include('partial.navigation')
    <div class="main-container">
        

        <!-- Content wrapper start -->
        <div class="content-wrapper">
            @if (session('message'))
                <div class="alert alert-danger">{{ session('message') }}</div>
            @endif

            <div class="table-container">
                <table class="table" style="margin-bottom: 0px !important;">
                    <tbody>
                        <tr>
                            <td style="width:220px;">
                                <h5 class="table-title">Upload All Shift</h5>
                            </td>

                            <td style="width:150px;" id="ShiftDatePanel"><b class="form-control form-control-sm"></b></td>

                            <td><input type="file" name="jsonfile" id="jsonfile" /></td>

                            <td style="width:150px; color:#fff;">
                                <a id="upload-btn" class="btn btn-success btn-block" href="#">Upload <span id="ajax_loader"></span></a>
                            </td>
                        </tr>
                        
                    </tbody>
                </table>
            </div>
            
        </div>
    </div>
    
</div>

@include('partial.footer')

<script>
    $(document).ready(function() {
        $("#ShiftDatePanel").html(CustomDatePicker("ShiftDate", "{{$dateToShow}}"));

    });

    ko.bindingHandlers.nextFieldOnEnter = {
        init: function(element, valueAccessor, allBindingsAccessor) {
            $(element).on('keydown', 'input, select', function (e) {
                var self = $(this)
                , form = $(element)
                    , focusable
                    , next
                ;
                //LastFocusedControl_Id = $(":focus").attr("id");
                if (e.keyCode == 13) {
                    focusable = form.find('input,select,button,textarea').filter(':visible');
                    var nextIndex = focusable.index(this) == focusable.length -1 ? 0 : focusable.index(this) + 1;
                    next = focusable.eq(nextIndex);
                        
                        
                    next.focus().select();
                    return false;
                }
            });
        }
    };
    ko.applyBindings({});
    $(document).ready(function () {

    // Handle upload button click
    $('#upload-btn').click(function (e) {
        e.preventDefault();

        var fileInput = $('#jsonfile')[0];
        var file = fileInput.files[0];

        if (!file) {
            Notify("Error ", "Please select a file.", "danger");
            return;
        }

        // Check file type
        var fileType = file.type;
        var fileName = file.name;
        var validExtension = /\.json$/i;

        if (!validExtension.test(fileName)) {
            Notify("Error ", "Invalid file format. Please upload a .json file.", "danger");
            return;
        }

        // You can proceed with AJAX upload if required, e.g.:
        var formData = new FormData();
        formData.append("jsonfile", file);

        var shiftDate = getCustomDatePicker("ShiftDate",'D')
        formData.append("ShiftDate", shiftDate);
        formData.append("_token", _token);

        $.ajax({
            url: '/upload_allshift_data',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                console.log(response);
                if (response.status == true) {
                    Notify("Success", response.message, "success");
                } else {
                    Notify("Error", response.message, "danger");
                }
            },
            error: function(error) {
                alert("Error uploading file. Please try again.");
            }
        });




    });

});

</script>