@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('shipment_suppliers.store', ['prm_id' => $data->id]) }}">
                            @csrf

                            <!-- Basic Information -->
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-header card-outline card-warning">
                                            <h5 class="mb-0">Informasi Dasar</h5>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-group">
                                                <label for="store_id">Store <span class="text-danger">*</span></label>
                                                <select class="form-control select2 select2-warning" data-dropdown-css-class="select2-warning" name="store_id" id="store_id" required>
                                                    <option value="">Pilih Store</option>
                                                    @foreach($variables['stores'] as $store)
                                                    <option value="{{ $store->id }}" {{ old('store_id', $data->store_id ?? '') == $store->id ? 'selected' : '' }}>
                                                        {{ $store->code }} - {{ $store->name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="form-group">
                                                <label for="code">Kode <span class="text-danger">*</span></label>
                                                <input type="text"
                                                    class="form-control"
                                                    id="code"
                                                    name="code"
                                                    value="{{ old('code', $data->code ?? '') }}"
                                                    maxlength="20"
                                                    {{ $data->id > 0 ? 'readonly' : '' }}
                                                    required>
                                                <small class="form-text text-muted text-sm">
                                                    {{ $data->id > 0 ? 'Kode tidak dapat diubah' : 'Kode unik untuk supplier (maksimal 20 karakter)' }}
                                                </small>
                                            </div>
 
                                            <div class="form-group">
                                                <label for="name">Nama</label>
                                                <input type="text"
                                                    class="form-control"
                                                    id="name"
                                                    name="name"
                                                    value="{{ old('name', $data->name ?? '') }}"
                                                    maxlength="255">
                                            </div>

                                            <div class="form-group">
                                                <label for="contact_person">Kontak Person</label>
                                                <input type="text"
                                                    class="form-control"
                                                    id="contact_person"
                                                    name="contact_person"
                                                    value="{{ old('contact_person', $data->contact_person ?? '') }}"
                                                    maxlength="255">
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label for="phone">Telepon</label>
                                                        <input type="text"
                                                            class="form-control"
                                                            id="phone"
                                                            name="phone"
                                                            value="{{ old('phone', $data->phone ?? '') }}"
                                                            maxlength="20">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label for="email">Email</label>
                                                        <input type="email"
                                                            class="form-control"
                                                            id="email"
                                                            name="email"
                                                            value="{{ old('email', $data->email ?? '') }}"
                                                            maxlength="255">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="address">Alamat</label>
                                                <textarea class="form-control"
                                                    id="address"
                                                    name="address"
                                                    rows="3">{{ old('address', $data->address ?? '') }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-header card-outline card-warning">
                                            <h5 class="mb-0">Informasi Pengiriman</h5>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-group">
                                                <label for="raw_material_id">Raw Material <span class="text-danger">*</span></label>
                                                <select class="form-control select2 select2-warning" data-dropdown-css-class="select2-warning" name="raw_material_id" id="raw_material_id" required>
                                                    <option value="">Pilih Raw Material</option>
                                                    @foreach($variables['raw_materials'] as $rm)
                                                    <option value="{{ $rm->id }}" {{ old('raw_material_id', $data->raw_material_id ?? '') == $rm->id ? 'selected' : '' }}>
                                                        {{ $rm->code }} - {{ $rm->name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                                <small class="form-text text-muted text-sm">1 supplier untuk 1 raw material</small>
                                            </div>

                                            <div class="form-group">
                                                <label>Hari Pengiriman <span class="text-danger">*</span> <span class="text-muted">(Minimal 1 hari)</span></label>
                                                <div class="row">
                                                    @php
                                                    $shiftDays = ['Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Minggu'];
                                                    $selectedShifts = old('shifts', $data->shifts ?? []);
                                                    @endphp
                                                    @foreach($shiftDays as $day)
                                                    <div class="col-6">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="checkbox"
                                                                class="custom-control-input shift-checkbox"
                                                                id="shift_{{ $day }}"
                                                                name="shifts[]"
                                                                value="{{ $day }}"
                                                                {{ in_array($day, $selectedShifts) ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="shift_{{ $day }}">
                                                                {{ $day }}
                                                            </label>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>
                                                <small class="form-text text-muted text-sm">Pilih minimal 1 hari pengiriman. Bisa memilih lebih dari 1 hari sesuai kebutuhan.</small>
                                            </div>

                                            <div class="form-group">
                                                <label for="notes">Catatan</label>
                                                <textarea class="form-control"
                                                    id="notes"
                                                    name="notes"
                                                    rows="3">{{ old('notes', $data->notes ?? '') }}</textarea>
                                            </div>

                                            <div class="form-group">
                                                <label for="status">Status <span class="text-danger">*</span></label>
                                                <select class="form-control select2 select2-warning" data-dropdown-css-class="select2-warning" name="status" id="status" required>
                                                    <option value="Aktif" {{ old('status', $data->status ?? 'Aktif') == 'Aktif' ? 'selected' : '' }}>Aktif</option>
                                                    <option value="Nonaktif" {{ old('status', $data->status ?? 'Aktif') == 'Nonaktif' ? 'selected' : '' }}>Nonaktif</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group mb-0">
                                        <button type="submit" class="btn btn-sm btn-info button-cek-permission" data-permission="shipment_suppliers.store">
                                            <i class="fas fa-save"></i> Simpan
                                        </button>
                                        <a href="{{ route('shipment_suppliers.index') }}" class="btn btn-sm btn-warning" data='back' onclick="return notificationBeforeBack(event, this);">
                                             <i class="fas fa-list"></i> List
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
    $(document).ready(function() {
        // Ensure at least 1 shift is selected
        $('.shift-checkbox').on('change', function() {
            var checkedCount = $('.shift-checkbox:checked').length;
            
            if (checkedCount === 0) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Peringatan',
                    text: 'Minimal 1 hari pengiriman harus dipilih',
                    confirmButtonText: 'OK'
                });
                // Re-check the last unchecked box
                $(this).prop('checked', true);
            }
        });

        // Auto-generate code from name if creating new supplier
        @if(!$data->id)
        $('#name').on('input', function() {
            var name = $(this).val();
            var code = name.toUpperCase()
                .replace(/[^A-Z0-9\s]/g, '')
                .replace(/\s+/g, '')
                .substring(0, 20);
            if (code.length > 0) {
                code = 'SUP' + code.substring(0, 17);
            }
            $('#code').val(code);
        });
        @endif

        // Form submit with AJAX
        $('#formID').on('submit', function(e) {
            e.preventDefault();

            // Validate shifts - at least 1 must be selected
            var checkedCount = $('.shift-checkbox:checked').length;
            if (checkedCount < 1) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Peringatan',
                    text: 'Minimal 1 hari pengiriman harus dipilih',
                    confirmButtonText: 'OK'
                });
                return false;
            }

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

            // Show loading
            $('#loaderkdnknz').show();

            $.ajax({
                type: "POST",
                url: $(form).attr('action'),
                data: formData,
                dataType: "json",
                processData: false,
                contentType: false,
                success: function(data) {
                    if (data[0] == 'success') {
                        Swal.fire({
                            title: 'Berhasil!',
                            text: data[1],
                            icon: 'success',
                            confirmButtonText: 'OK'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                const dataId = parseInt("{{ $data->id }}");
                                if (dataId > 0) {
                                    window.location.href = "{{ route('shipment_suppliers.show', $data->id) }}";
                                } else {
                                    window.location.href = "{{ route('shipment_suppliers.index') }}";
                                }
                            }
                        });
                    } else {
                        Swal.fire({
                            title: 'Peringatan!',
                            text: data[1],
                            icon: 'warning',
                            confirmButtonText: 'OK'
                        });
                    }
                },
                error: function(xhr) {
                    let errorText = '<ul class="text-left">';
                    if (xhr.responseJSON && xhr.responseJSON.errors) {
                        $.each(xhr.responseJSON.errors, function(key, value) {
                            errorText += '<li>' + value + '</li>';
                        });
                    } else if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorText += '<li>' + xhr.responseJSON.message + '</li>';
                    } else {
                        errorText += '<li>Terjadi kesalahan</li>';
                    }
                    errorText += '</ul>';

                    Swal.fire({
                        title: 'Error!',
                        html: errorText,
                        icon: 'error',
                        confirmButtonText: 'OK'
                    });
                },
                complete: function() {
                    $('#loaderkdnknz').hide();
                }
            });
        });
    });
</script>
@endsection