@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-secondary">
                    <div class="card-header">
                        <h3 class="card-title">{!! $variables['judul'] !!}</h3>
                    </div>
                    <div class="card-body">
                        <form id="formID" method="post" action="{{ route('clients.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 form-floating mb-3 col-md-6">
                                    <input value="{{ old('name', $data->name ?? '') }}" type="text" class="form-control" name="name" placeholder="" required>
                                    <label for="name">Name</label>
                                    @if ($errors->has('name'))
                                    <span class="text-danger text-left">{{ $errors->first('name') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('channel_pa_customer_id', $data->channel_pa_customer_id ?? '') }}" type="text" class="form-control" name="channel_pa_customer_id" placeholder="">
                                    <label for="channel_pa_customer_id">Channel PA Customer ID</label>
                                    @if ($errors->has('channel_pa_customer_id'))
                                    <span class="text-danger text-left">{{ $errors->first('channel_pa_customer_id') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('channel_integration_id', $data->channel_integration_id ?? '') }}" type="text" class="form-control" name="channel_integration_id" placeholder="" required>
                                    <label for="channel_integration_id">Channel Integration ID</label>
                                    @if ($errors->has('channel_integration_id'))
                                    <span class="text-danger text-left">{{ $errors->first('channel_integration_id') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-6">
                                    <input value="{{ old('pic', $data->pic ?? '') }}" type="text" class="form-control" name="pic" placeholder="" required>
                                    <label for="pic">PIC</label>
                                    @if ($errors->has('pic'))
                                    <span class="text-danger text-left">{{ $errors->first('pic') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('channel_account_name', $data->channel_account_name ?? '') }}" type="text" class="form-control" name="channel_account_name" placeholder="" required>
                                    <label for="channel_account_name">Channel Account Name</label>
                                    @if ($errors->has('channel_account_name'))
                                    <span class="text-danger text-left">{{ $errors->first('channel_account_name') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('channel_phone_number', $data->channel_phone_number ?? '') }}" type="text" class="form-control" name="channel_phone_number" placeholder="" required>
                                    <label for="channel_phone_number">Channel Phone Number</label>
                                    @if ($errors->has('channel_phone_number'))
                                    <span class="text-danger text-left">{{ $errors->first('channel_phone_number') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('pic_phone', $data->pic_phone ?? '') }}" type="text" class="form-control" name="pic_phone" placeholder="" required>
                                    <label for="pic_phone">PIC Phone</label>
                                    @if ($errors->has('pic_phone'))
                                    <span class="text-danger text-left">{{ $errors->first('pic_phone') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('email', $data->email ?? '') }}" type="email" class="form-control" name="email" placeholder="" required>
                                    <label for="email">Email</label>
                                    @if ($errors->has('email'))
                                    <span class="text-danger text-left">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('channel_sender_name', $data->channel_sender_name ?? '') }}" type="tex" class="form-control" name="channel_sender_name" placeholder="" required>
                                    <label for="channel_sender_name">Channel Sender Name</label>
                                    @if ($errors->has('channel_sender_name'))
                                    <span class="text-danger text-left">{{ $errors->first('channel_sender_name') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('channel_sender_email', $data->channel_sender_email ?? '') }}" type="email" class="form-control" name="channel_sender_email" placeholder="" required>
                                    <label for="channel_sender_email">Channel Sender Email</label>
                                    @if ($errors->has('channel_sender_email'))
                                    <span class="text-danger text-left">{{ $errors->first('channel_sender_email') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-6">
                                    <input value="{{ old('address', $data->address ?? '') }}" type="text" class="form-control" name="address" placeholder="" required>
                                    <label for="address">Address</label>
                                    @if ($errors->has('address'))
                                    <span class="text-danger text-left">{{ $errors->first('address') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-6">
                                    <input value="{{ old('channel_api_token', $data->channel_api_token ?? '') }}" type="text" class="form-control" name="channel_api_token" placeholder="" required>
                                    <label for="channel_api_token">Channel API Token</label>
                                    @if ($errors->has('channel_api_token'))
                                    <span class="text-danger text-left">{{ $errors->first('channel_api_token') }}</span>
                                    @endif
                                </div>
                            </div>
                            <button type="submit" class="btn btn-outline-primary"><i class="fa-regular fa-floppy-disk"></i> Save</button>
                            <a href="{{ route('clients.index') }}" class="btn btn-outline-secondary" data='back' onclick="return notificationBeforeBack(event, this);">Back</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
    $(document).ready(function() {
        var isSubmitting = false;

        $('#formID').validate({
            rules: {
                // Tambahkan rules kalau mau validasi sisi client juga
            },
            messages: {
                // Pesan custom untuk validasi
            },
            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;
                $('#loaderaditdinda').show();

                var formData = new FormData(form);

                $.ajax({
                        type: "POST",
                        url: $(form).attr('action'), // Gunakan attribute action dari form
                        data: formData,
                        processData: false, // WAJIB: jangan proses jadi query string
                        contentType: false, // WAJIB: agar browser set multipart/form-data
                        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') {
                                if ("{{$data->id}}" > 0) {
                                    window.location.href = "{{ route('clients.show', $data->id) }}";
                                } else {
                                    window.location.href = "{{ route('clients.index') }}";
                                }
                            }
                        });
                    })
                    .fail(function(xhr) {
                        let errorText = "Please contact the relevant team or try again.";

                        // Jika status 422 dan ada errors
                        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>`;
                                }
                            }
                        } // Jika ada pesan error umum (misalnya 403, 500, dsb)
                        else if (xhr.responseJSON && xhr.responseJSON.message) {
                            errorText = xhr.responseJSON.message;
                        }

                        Swal.fire({
                            icon: "error",
                            title: "Validation Failed",
                            html: errorText, // <- pakai html, bukan text
                            confirmButtonColor: '#6c757d',
                            confirmButtonText: 'OK'
                        });
                    })
                    .always(function() {
                        isSubmitting = false;
                        $('#loaderaditdinda').hide();
                    });
            }
        });
    });
</script>

@endsection