@extends('admin.layout.master')
@section('title', 'Schedule Maintenance Report')
@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 Activity</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 mb-3">
                    <label for="end_date" class="form-label">Status</label>
                    <select class="form-control" name="type" id="type">
                        <option value="1">Pending</option>
                        <option value="2">Running</option>
                    </select>
                </div>

                <div class="col-lg-2 d-flex align-items-end mb-3">
                    <button class="btn btn-primary w-100 custom-btn" id="report_btn" onclick="report()"
                        type="button">Search</button>
                </div>
            </div>

            <div class="mt-3 table-responsive" id="report_result"></div>
        </div>
        @include('v2.inventory.schedule_maintenance.reports.note_modal')
        @include('v2.inventory.schedule_maintenance.reports.log_history_modal')
    </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.activity') }}", '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);

            });
        }

        function openModal(log_id) {
            loader('btn_view_' + log_id, 'Processing...');
            ajaxCall("{{ route('inventory.maintenance.schedule.get_maintenance') }}", 'GET', {
                log_id: log_id
            }, function(data) {
                if (typeof data['data'] !== 'undefined') {
                    $('#id').val(data['data'].id);
                    $('#note').val('');
                    $('#date').val(GetFormattedDate(data['data'].date ?? '', 'dmy'));
                    $('#status_field').html('');

                    if (data['data'].status == 1) {
                        $('#status_field').html(`
                            <span class="input-group-text">Status</span>
                            <select class="form-control select_2" id="status" name="status">
                                <option value="2">Running</option>
                                <option value="3">Close</option>
                            </select>
                        `);
                    }

                    let type = "";
                    if (typeof data['data'].schedule_maintenance !== 'undefined') {
                        $type = data['data'].schedule_maintenance.type
                    }

                    $('#next_date_field').html("");

                    if (data['data'].status == 2) {
                        if ($type == 'date') {
                            $('#next_date_field').html(`
                                <span class="input-group-text">Next Date <span style="color: red;">*</span></span>
                                <input type="text" class="form-control date_picker" id="date" name="date" />
                            `);

                            flatpickr('.date_picker', {
                                dateFormat: 'd-m-Y',
                            });
                        }
                        $('#status_field').html(`
                            <span class="input-group-text">Status</span>
                            <select class="form-control select_2" id="status" name="status">
                                <option value="3">Close</option>
                            </select>
                        `);

                    }
                }

                $('#loader').hide();
                $('#modal').modal('show');
                loader('btn_view_' + log_id, 'Maintenance', false);
            }, function(error) {
                $('#loader').hide();
                loader('btn_view_' + log_id, 'Maintenance', false);
                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);
                }
            })
        }

        function storeUpdateMaintenance() {
            loader('modal_save_btn', 'Processing...');
            ajaxCall("{{ route('inventory.maintenance.schedule.store_update_maintenance') }}", 'POST', {
                id: $('#id').val(),
                note: $('#note').val(),
                date: $('#date').val(),
                status: $('#status').val()
            }, function(data) {
                loader('modal_save_btn', 'Save', false);
                $('#loader').hide();
                callSweetAlert('success', 'Success', data['message']);
                report();
                $('#modal').modal('hide');
            }, function(error) {
                loader('modal_save_btn', 'Save', false);
                $('#loader').hide();
                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);
                }
            });
        }

        function getLogHistory(maintenance_id) {
            loader('history_btn' + maintenance_id, 'Processing...');
            ajaxCall("{{ route('inventory.maintenance.schedule.get_log_history') }}", 'GET', {
                maintenance_id: maintenance_id
            }, function(data) {
                loader('history_btn' + maintenance_id, 'History', false);
                $('#log_history').html(data['html']);
                $('#logHistoryModal').modal('show');
                $('#loader').hide();
            }, function(error) {
                $('#loader').hide();
                loader('history_btn' + maintenance_id, 'History', false);
                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);
                }
            });
        }
    </script>
@endsection