@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('stores.store', ['prm_id' => $data->id]) }}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="version" value="{{$data->version}}">
                            <div class="row">
                                <div class="form-group col-sm-2">
                                    <label for="code" class="font-weight-bold">Kode Store <span class="text-danger">*</span></label> 
                                    <input value="{{ old('code', $data->code ?? '') }}"
                                        type="text"
                                        class="form-control"
                                        name="code"
                                        placeholder="contoh: ST001, BGM001"
                                        maxlength="20"
                                        required
                                        {{ $data->id ? 'readonly' : '' }}>
                                    @if ($errors->has('code'))
                                    <span class="text-danger text-left">{{ $errors->first('code') }}</span>
                                    @endif
                                </div>
                                <div class="form-group col-sm-2">
                                    <label for="qad_code" class="font-weight-bold">QAD Code <span class="text-danger">*</span></label>
                                    <small class="text-muted text-sm">Kode QAD 4 karakter</small>
                                    <input value="{{ old('qad_code', $data->qad_code ?? '') }}"
                                        type="text"
                                        class="form-control text-uppercase"
                                        name="qad_code"
                                        id="qad_code"
                                        placeholder="contoh: 1000"
                                        minlength="4"
                                        maxlength="4"
                                        required>
                                    @if ($errors->has('qad_code'))
                                    <span class="text-danger text-left">{{ $errors->first('qad_code') }}</span>
                                    @endif
                                </div>

                                <div class="form-group col-sm-6">
                                    <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" placeholder="" required>
                                    @if ($errors->has('name'))
                                    <span class="text-danger text-left">{{ $errors->first('name') }}</span>
                                    @endif
                                </div> 
                                <div class="form-group col-sm-2">                                   
                                </div>
                                <div class="form-group col-sm-2">
                                    <label for="pic" class="font-weight-bold">Penanggung Jawab <span class="text-danger">*</span></label>
                                    <input value="{{ old('pic', $data->pic ?? '') }}" type="text" class="form-control" name="pic" placeholder="" required>
                                    @if ($errors->has('pic'))
                                    <span class="text-danger text-left">{{ $errors->first('pic') }}</span>
                                    @endif
                                </div>  
                                <div class="form-group col-sm-2">
                                    <label for="pic_phone" class="font-weight-bold">Telepon PJ <span class="text-danger">*</span></label>
                                    <input value="{{ old('pic_phone', $data->pic_phone ?? '') }}" type="text" class="form-control" name="pic_phone" placeholder="" required>
                                    @if ($errors->has('pic_phone'))
                                    <span class="text-danger text-left">{{ $errors->first('pic_phone') }}</span>
                                    @endif
                                </div>
                                <div class="form-group col-sm-2">
                                    <label for="pic_email" class="font-weight-bold">Email PJ <span class="text-danger">*</span></label>
                                    <input value="{{ old('pic_email', $data->pic_email ?? '') }}" type="email" class="form-control" name="pic_email" placeholder="" required>
                                    @if ($errors->has('pic_email'))
                                    <span class="text-danger text-left">{{ $errors->first('pic_email') }}</span>
                                    @endif
                                </div> 
                                <div class="form-group col-sm-4">
                                    <label for="notify_email_shipment" class="font-weight-bold">Email Notifikasi Shipment</label>
                                    <small class="text-info">
                                        <i class="fas fa-info-circle"></i> Pisahkan multiple email dengan koma (,)
                                    </small>
                                    <input value="{{ old('notify_email_shipment', $data->notify_email_shipment ?? '') }}" 
                                           type="text" 
                                           class="form-control" 
                                           name="notify_email_shipment" 
                                           placeholder="contoh: aditya@gmail.com,aditya2@gmail.com">
                                    @if ($errors->has('notify_email_shipment'))
                                    <span class="text-danger text-left">{{ $errors->first('notify_email_shipment') }}</span>
                                    @endif
                                </div> 
                                <div class="form-group col-sm-2"> 
                                </div>
                                <div class="form-group col-sm-6">
                                    <label for="address" class="font-weight-bold">
                                        Alamat <span class="text-danger">*</span>
                                    </label>
                                    <textarea 
                                        class="form-control" 
                                        name="address" 
                                        rows="2" 
                                        required>{{ old('address', $data->address ?? '') }}</textarea>

                                    @if ($errors->has('address'))
                                        <span class="text-danger text-left">
                                            {{ $errors->first('address') }}
                                        </span>
                                    @endif
                                </div>  
                                <div class="form-group col-sm-2">
                                    <label for="submit_so_deadline" class="font-weight-bold">Batas Submit SO <span class="text-danger">*</span></label> 
                                    <input value="{{ old('submit_so_deadline', $data->submit_so_deadline ?? '11:00') }}" 
                                           type="time" 
                                           class="form-control" 
                                           name="submit_so_deadline" 
                                           placeholder="11:00" required>
                                    @if ($errors->has('submit_so_deadline'))
                                    <span class="text-danger text-left">{{ $errors->first('submit_so_deadline') }}</span>
                                    @endif                                    
                                </div>
                                <div class="form-group col-sm-2">
                                    <label class="font-weight-bold">Bebas Deadline Submit SO</label>
                                    <small class="text-muted text-sm d-block">Jika aktif, deadline submit SO diabaikan</small>
                                    <div class="mt-1">
                                        <div class="custom-control custom-switch">
                                            <input type="hidden" name="flag_submit_so_free" value="0">
                                            <input type="checkbox" class="custom-control-input" id="flag_submit_so_free"
                                                name="flag_submit_so_free" value="1"
                                                {{ old('flag_submit_so_free', $data->flag_submit_so_free ?? false) ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="flag_submit_so_free">Aktifkan</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group col-sm-12">
                                    <div class="card card-outline card-warning">
                                        <div class="card-header">
                                            <h3 class="card-title">Distribution Centers (DC)</h3>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="table table-sm table-bordered" id="dcTable">
                                                    <thead class="bg-warning">
                                                        <tr>
                                                            <th width="40%">Period Group</th>
                                                            <th width="60%">DC <span class="text-danger">*</span></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="dcTableBody">
                                                        @php
                                                            $existingMap = [];
                                                            if ($data->id && isset($data->storeDcs)) {
                                                                foreach ($data->storeDcs->where('delete_flag', 0) as $sdc) {
                                                                    $existingMap[$sdc->period_group] = $sdc->dc_id;
                                                                }
                                                            }
                                                        @endphp
                                                        @foreach($variables['periodGroups'] as $pg)
                                                        <tr>
                                                            <td>
                                                                <input type="hidden" name="period_groups[]" value="{{ $pg->code }}">
                                                                <strong>{{ $pg->code }}</strong>
                                                                @if($pg->description)
                                                                    <br><small class="text-muted">{{ $pg->description }}</small>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <select name="dcs[]" class="form-control select2-dc">
                                                                    <option value="">-- Tidak Dimapping --</option>
                                                                    @foreach($variables['dcs'] as $dc)
                                                                    <option value="{{ $dc->id }}" {{ ($existingMap[$pg->code] ?? null) == $dc->id ? 'selected' : '' }}>
                                                                        {{ $dc->doctype }} - {{ $dc->name }}
                                                                    </option>
                                                                    @endforeach
                                                                </select>
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-info btn-sm button-cek-permission" data-permission="stores.store"><i class="fas fa-save"></i> Simpan</button>
                            <a href="{{ route('stores.index') }}" class="btn btn-warning btn-sm" data='back' onclick="return notificationBeforeBack(event, this);"> <i class="fas fa-list"></i> List</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
    $(document).ready(function() {
        // Init select2 for DC dropdowns
        $('#dcTableBody .select2-dc').each(function() {
            $(this).select2({ width: '100%', placeholder: '-- Tidak Dimapping --' });
        });

        $("input[name='reminder_balance']").on('input', function(e) {
            $("#lblamount").html('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + formatRupiah($(this).val()));
        });
        $("input[name='reminder_balance']").trigger('input');

        var isSubmitting = false;

        $('#qad_code').on('input', function() {
            this.value = this.value.toUpperCase();
        });

        $('#formID').validate({
            rules: {
                code: { required: true, maxlength: 20 },
                qad_code: { required: true, minlength: 4, maxlength: 4 },
                name: { required: true, maxlength: 100 }
            },
            messages: {
                name: { required: "Nama toko wajib diisi", maxlength: "Nama toko maksimal 100 karakter" }
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element) { $(element).addClass('is-invalid'); },
            unhighlight: function(element) { $(element).removeClass('is-invalid'); },
            submitHandler: function(form) {
                if (isSubmitting) return false;
                isSubmitting = true;
                $('#loaderkdnknz').show();

                var formData = new FormData(form);

                $.ajax({
                    type: "POST",
                    url: $(form).attr('action'),
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                })
                .done(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('stores.show', $data->id) }}";
                            } else {
                                window.location.href = "{{ route('stores.index') }}";
                            }
                        }
                    });
                })
                .fail(function(xhr) {
                    let errorText = "Please contact the relevant team or try again.";
                    if (xhr.status === 422 && 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' });
                })
                .always(function() {
                    isSubmitting = false;
                    $('#loaderkdnknz').hide();
                });
            }
        });
    });
</script>

@endsection