@extends('layouts/base_view')
@section('title')
{!! $variables['header_routes'] !!}
@endsection
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card card-outline card-warning">
                    <div class="card-header">
                        <h3 class="card-title">{{ $variables['judul'] }}</h3>
                    </div>
                    <div class="card-body">
                        <form id="formID" method="post" action="{{ route('raw_material_non_regulars.store', ['prm_id' => $data->id]) }}">
                            @csrf
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="code" class="font-weight-bold">Kode <span class="text-danger">*</span></label>
                                        <input value="{{ old('code', $data->code ?? '') }}"
                                            type="text"
                                            class="form-control text-uppercase"
                                            name="code" id="code"
                                            maxlength="50" required
                                            {{ isset($data->id) && $data->id > 0 ? 'readonly' : '' }}>
                                        @if(!isset($data->id) || $data->id == 0)
                                            <small class="text-muted">Kode tidak dapat diubah setelah disimpan.</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="name" class="font-weight-bold">Nama <span class="text-danger">*</span></label>
                                        <input value="{{ old('name', $data->name ?? '') }}"
                                            type="text"
                                            class="form-control"
                                            name="name" id="name"
                                            maxlength="255" required>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="uom" class="font-weight-bold">UOM <span class="text-danger">*</span></label>
                                        <select name="uom" id="uom" class="form-control select2" required>
                                            <option value="">-- Pilih UOM --</option>
                                            @foreach($variables['uoms'] as $uom)
                                                <option value="{{ $uom->code }}"
                                                    {{ old('uom', $data->uom ?? '') === $uom->code ? 'selected' : '' }}>
                                                    {{ $uom->code }} - {{ $uom->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="custom-control custom-switch mt-2">
                                            <input type="checkbox" class="custom-control-input" id="flag_item_non_regular_today" name="flag_item_non_regular_today" value="1"
                                                {{ old('flag_item_non_regular_today', $data->flag_item_non_regular_today ?? false) ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="flag_item_non_regular_today">
                                                <strong>Flag Today</strong>
                                                <br><span class="text-muted"><i class="fas fa-info-circle"></i> Aktifkan agar item ini boleh diajukan di hari yang sama</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mt-2">
                                <div class="col-12">
                                    <button type="submit" class="btn btn-sm btn-info button-cek-permission" data-permission="raw_material_non_regulars.store">
                                        <i class="fa fa-save"></i> Simpan
                                    </button>
                                    <a href="{{ route('raw_material_non_regulars.index') }}" class="btn btn-sm btn-warning" data='back' onclick="return notificationBeforeBack(event, this);">
                                        <i class="fa fa-arrow-left"></i> Kembali
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
    $(document).ready(function() {
        $('#formID').on('submit', function(e) {
            e.preventDefault();

            const form = this;
            const formData = new FormData(form);

            $('#loaderkdnknz').show();

            $.ajax({
                type: "POST",
                url: $(form).attr('action'),
                data: formData,
                processData: false,
                contentType: false,
                dataType: "json",
                success: function(data) {
                    Swal.fire({
                        icon: data[0],
                        text: data[1],
                        showCancelButton: false,
                        confirmButtonColor: '#6c757d',
                        confirmButtonText: 'OK',
                        allowOutsideClick: false
                    }).then((result) => {
                        if (result.isConfirmed && data[0] == 'success') {
                            const dataId = parseInt("{{ $data->id }}");
                            if (dataId > 0) {
                                window.location.href = "{{ route('raw_material_non_regulars.show', $data->id) }}";
                            } else {
                                window.location.href = "{{ route('raw_material_non_regulars.index') }}";
                            }
                        }
                    });
                },
                error: function(xhr) {
                    let errorText = "Please contact the relevant team or try again.";

                    if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                        const errors = xhr.responseJSON.errors;
                        errorText = '';
                        for (const key in errors) {
                            if (errors.hasOwnProperty(key)) {
                                errorText += `<strong>${key}</strong> : ${errors[key].join(', ')}<br>`;
                            }
                        }
                    } else if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorText = xhr.responseJSON.message;
                    }

                    Swal.fire({
                        icon: "error",
                        title: "Validasi Gagal",
                        html: errorText,
                        confirmButtonColor: '#6c757d',
                        confirmButtonText: 'OK'
                    });
                },
                complete: function() {
                    $('#loaderkdnknz').hide();
                }
            });
        });
    });
</script>
@endsection