@extends('admin.layout.master')
@section('title', 'Schedule Maintenance')
@section('custom_style')
@endsection

@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <div class="d-flex justify-content-between">
                <h4 class="col-6 pl-0">Schedule Maintenance</h4>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-lg-2 mb-3">
                    <label for="start_date" class="form-label">Start Date</label>
                    <input type="text" value="{{ date('d-m-Y') }}" class="form-control date_picker" name="start_date"
                        id="start_date" placeholder="Select Start Date" />
                </div>
                <div class="col-lg-2 mb-3">
                    <label for="end_date" class="form-label">End Date</label>
                    <input type="text" value="{{ date('d-m-Y') }}" class="form-control date_picker" name="end_date"
                        id="end_date" placeholder="Select End Date" />
                </div>
                <div class="col-lg-2 d-flex align-items-end mb-3">
                    <button class="btn btn-primary w-100 btn-sm custom-btn" id="report_btn" onclick="report()"
                        type="button">Search</button>
                </div>
            </div>

            <div class="mt-3 table-responsive" id="report_result"></div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        function loader(buttonId, title, status = true) {
            $("#" + buttonId).prop("disabled", status).text(title);
        }

        function report() {
            loader('report_btn', 'Processing...');
            ajaxCall("{{ route('inventory.maintenance.schedule.index') }}", 'GET', {
                start_date: $('#start_date').val(),
                end_date: $('#end_date').val(),
                type: $('type').val()
            }, function(data) {
                $('#report_result').html(data['html']);
                loader('report_btn', 'Search', false);
                $('#loader').hide();
            }, function(error) {
                if (error.status == 422) {
                    let object = error.responseJSON.errors,
                        result = Object.keys(object).reduce(function(r, k) {
                            return r.concat(object[k] + '<br>');
                        }, []);
                    result = result.join("");
                    callSweetAlert('error', 'Opps!', result);
                }
                loader('report_btn', 'Search', false);

            });
        }
    </script>
@endsection