@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 method="post" action="{{ route('end-users.store', $endUser->id ?? 0) }}" id="end-user-form">
                            @csrf
                            <div class="row">
                                <div class="form-group form-floating mb-3 col-md-6">
                                    <input value="{{ old('full_name', $endUser->full_name ?? '') }}" type="text" class="form-control" name="full_name" placeholder="" required>
                                    <label>Nama Lengkap</label>
                                    @if($errors->has('full_name'))
                                        <span class="text-danger">{{ $errors->first('full_name') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-6">
                                    <input value="{{ old('phone', $endUser->phone ?? '') }}" type="tel" inputmode="numeric" pattern="[0-9]*" class="form-control" name="phone" placeholder="" required oninput="this.value=this.value.replace(/[^0-9]/g,'')">
                                    <label>No. HP</label>
                                    @if($errors->has('phone'))
                                        <span class="text-danger">{{ $errors->first('phone') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group form-floating mb-3 col-md-6">
                                    <input value="{{ old('email', $endUser->email ?? '') }}" type="email" class="form-control" name="email" placeholder="">
                                    <label>Email (opsional)</label>
                                    @if($errors->has('email'))
                                        <span class="text-danger">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-6">
                                    <input value="{{ old('birth_date', $endUser->birth_date?->format('Y-m-d') ?? '') }}" type="date" class="form-control" name="birth_date" placeholder="">
                                    <label>Tanggal Lahir</label>
                                    @if($errors->has('birth_date'))
                                        <span class="text-danger">{{ $errors->first('birth_date') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group form-floating mb-3 col-md-12">
                                    <textarea name="address" class="form-control" placeholder="" rows="2">{{ old('address', $endUser->address ?? '') }}</textarea>
                                    <label>Alamat</label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group form-floating mb-3 col-md-6">
                                    <input type="password" class="form-control" name="password" placeholder="">
                                    <label>Password {{ $endUser && $endUser->exists ? '(kosongkan jika tidak diubah)' : '' }}</label>
                                    @if($errors->has('password'))
                                        <span class="text-danger">{{ $errors->first('password') }}</span>
                                    @endif
                                </div>
                                <div class="form-group mb-3 col-md-6 d-flex align-items-center">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" name="is_verified" id="is_verified" value="1"
                                            {{ old('is_verified', $endUser->is_verified ?? false) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="is_verified">Sudah Terverifikasi</label>
                                    </div>
                                </div>
                            </div>

                            <button type="submit" class="btn btn-outline-primary"><i class="fa-regular fa-floppy-disk"></i> Simpan</button>
                            <a href="{{ $endUser && $endUser->exists ? route('end-users.show', $endUser->id) : route('end-users.index') }}" class="btn btn-outline-secondary" data="back" onclick="return notificationBeforeBack(event, this);">Kembali</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@push('scripts')
<script>
$(function() {
    $('#end-user-form').on('submit', function(e) {
        e.preventDefault();
        var form = $(this);
        $('#loaderaditdinda').show();
        $.ajax({
            url: form.attr('action'),
            method: 'POST',
            data: form.serialize(),
            success: function(response) {
                $('#loaderaditdinda').hide();
                if (response[0] === 'success') {
                    Swal.fire({ icon: 'success', text: response[1], timer: 1500, showConfirmButton: false })
                        .then(function() {
                            window.location.href = '{{ route("end-users.index") }}';
                        });
                } else {
                    Swal.fire({ icon: 'warning', text: response[1] });
                }
            },
            error: function(xhr) {
                $('#loaderaditdinda').hide();
                var errors = xhr.responseJSON && xhr.responseJSON.errors;
                if (errors) {
                    var msg = Object.values(errors).map(function(e){ return e[0]; }).join('\n');
                    Swal.fire({ icon: 'error', text: msg });
                } else {
                    Swal.fire({ icon: 'error', text: 'Terjadi kesalahan. Silakan coba lagi.' });
                }
            }
        });
    });
});
</script>
@endpush