@extends('layout')

@section('content')
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">OT List</h4>
    <div class="card mb-4">
        <div class="card-body">
            <div class="form-row align-items-end">
                <div class="form-group col-md-3 mb-0">
                    <label class="form-label">Schedule date</label>
                    <input type="date" name="SchDate" id="SchDate" class="form-control"
                        value="{{ date('Y-m-d') }}" autocomplete="off">
                </div>
                <div class="form-group col-md-2 mb-0">
                    <button type="button" class="btn btn-primary" id="otListSearchBtn">Search</button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scriptcontent')
<script type="text/javascript">
$(document).ready(function() {
    $('#otListSearchBtn').click(function() {
        var schDate = $('#SchDate').val();
        if (!schDate) {
            alert('Please select a date');
            return;
        }
        window.location.href = '/{{projectUrl()}}otSchList/' + schDate;
    });
});
</script>
@endsection