@extends('admin.layouts.index')
@include('admin.layouts.components.asset_validasi')

@section('title')
    <h1>
        {{ SebutanDesa('Identitas [Desa]') }}
        <small>Ubah Data</small>
    </h1>
@endsection

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ ci_route('identitas_desa') }}">{{ SebutanDesa('Identitas [Desa]') }}</a></li>
    <li class="active">Ubah Data</li>
@endsection

@section('content')
    @include('admin.layouts.components.notifikasi')
    @include('admin.identitas_desa.info_kades')

    {!! form_open_multipart($form_action, 'class="form-horizontal" id="validasi"') !!}
    <div class="row">
        <div class="col-md-3">
            <div class="box box-primary">
                <div class="box-body box-profile preview-img">
                    <img class="profile-user-img img-responsive img-circle" src="{{ gambar_desa($main['path_logo']) }}" alt="Logo">
                    <br />
                    <p class="text-center text-bold">Lambang {{ ucwords(setting('sebutan_desa')) }}</p>
                    <p class="text-muted text-center text-red">(Kosongkan, jika logo tidak berubah)</p>
                    <br />
                    <div class="form-group">
                        <label class="col-sm-12 control-label" for="ukuran">Dimensi logo (persegi)</label>
                        <div class="col-sm-12">
                            <input
                                id="ukuran"
                                name="ukuran"
                                class="form-control input-sm number"
                                min="100"
                                max="400"
                                type="text"
                                placeholder="Kosongkan jika ingin dimensi bawaan"
                            />
                        </div>
                    </div>
                    <div class="input-group input-group-sm">
                        <input type="text" class="form-control file-path" readonly>
                        <input type="file" class="hidden file-input" name="logo" accept=".gif,.jpg,.jpeg,.png,.webp">
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-info btn-flat file-browser"><i class="fa fa-search"></i></button>
                        </span>
                    </div>
                </div>
            </div>

            <div class="box box-primary">
                <div class="box-body box-profile preview-img">
                    <img class="img-responsive" src="{{ gambar_desa($main['path_kantor_desa'], true) }}" alt="Kantor {{ ucwords(setting('sebutan_desa')) }}">
                    <br />
                    <p class="text-center text-bold">Kantor {{ ucwords(setting('sebutan_desa')) }}</p>
                    <p class="text-muted text-center text-red">(Kosongkan, jika kantor {{ ucwords(setting('sebutan_desa')) }} tidak
                        berubah)</p>
                    <br />
                    <div class="input-group input-group-sm">
                        <input type="text" class="form-control file-path" readonly>
                        <input type="file" class="hidden file-input" name="kantor_desa" accept=".gif,.jpg,.jpeg,.png,.webp">
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-info btn-flat file-browser"><i class="fa fa-search"></i></button>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="box box-primary">
                <div class="box-header with-border">
                    @include('admin.layouts.components.tombol_kembali', ['url' => ci_route('identitas_desa'), 'label' => 'Data Identitas ' . ucwords(setting('sebutan_desa'))])
                </div>
                <div class="box-body">
                    @php $koneksi = cek_koneksi_internet() && $status_pantau ? true : false; @endphp
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="nama_desa">Nama
                            {{ ucwords(setting('sebutan_desa')) }}</label>
                        <div class="col-sm-8">
                            @if ($koneksi)
                                <select
                                    id="pilih_desa"
                                    name="pilih_desa"
                                    class="form-control input-sm select-nama-desa"
                                    data-placeholder="{{ $main['nama_desa'] }} - {{ $main['nama_kecamatan'] }} - {{ $main['nama_kabupaten'] }} - {{ $main['nama_propinsi'] }}"
                                    data-token="{{ config_item('token_pantau') }}"
                                    data-tracker='{{ config_item('server_pantau') }}'
                                    style="display: none;"
                                ></select>
                            @endif
                            <input
                                type="hidden"
                                id="nama_desa"
                                class="form-control input-sm nama_desa required"
                                minlength="3"
                                maxlength="50"
                                name="nama_desa"
                                value="{{ $main['nama_desa'] }}"
                            >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="kode_desa">Kode
                            {{ ucwords(setting('sebutan_desa')) }}</label>
                        <div class="col-sm-2">
                            <input
                                readonly
                                id="kode_desa"
                                name="kode_desa"
                                class="form-control input-sm {{ jecho($koneksi, false, 'bilangan') }} required"
                                {{ jecho($koneksi, false, 'minlength="10" maxlength="10"') }}
                                type="text"
                                onkeyup="tampil_kode_desa()"
                                placeholder="Kode {{ ucwords(setting('sebutan_desa')) }}"
                                value="{{ $main['kode_desa'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="kode_desa_bps">Kode BPS
                            {{ ucwords(setting('sebutan_desa')) }}</label>
                        <div class="col-sm-2">
                            <input
                                id="kode_desa_bps"
                                name="kode_desa_bps"
                                type="text"
                                class="form-control input-sm number"
                                readonly
                                value="{{ $main['kode_desa_bps'] }}"
                                {{ jecho($koneksi, false, 'minlength="10" maxlength="10"') }}
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="kode_pos">Kode Pos
                            {{ ucwords(setting('sebutan_desa')) }}</label>
                        <div class="col-sm-2">
                            <input
                                id="kode_pos"
                                name="kode_pos"
                                class="form-control input-sm number"
                                minlength="5"
                                maxlength="5"
                                type="text"
                                placeholder="Kode Pos {{ ucwords(setting('sebutan_desa')) }}"
                                value="{{ $main['kode_pos'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="pamong_id">
                            {{ ucwords(setting('sebutan_kepala_desa')) }}</label>
                        <div class="col-sm-8">
                            <input class="form-control input-sm" type="text" placeholder="Nama {{ ucwords(setting('sebutan_kepala_desa')) }}" value="{{ $main['nama_kepala_desa'] }}" readonly />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">NIP {{ ucwords(setting('sebutan_kepala_desa')) }}</label>
                        <div class="col-sm-8">
                            <input class="form-control input-sm" type="text" placeholder="NIP {{ ucwords(setting('sebutan_kepala_desa')) }}" value="{{ $main['nip_kepala_desa'] }}" readonly />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="alamat_kantor">Alamat Kantor
                            {{ ucwords(setting('sebutan_desa')) }}</label>
                        <div class="col-sm-8">
                            <textarea
                                id="alamat_kantor"
                                name="alamat_kantor"
                                class="form-control input-sm alamat required"
                                maxlength="100"
                                placeholder="Alamat Kantor {{ ucwords(setting('sebutan_desa')) }}"
                                rows="3"
                                style="resize:none;"
                            >{{ $main['alamat_kantor'] }}</textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="email_desa">E-Mail
                            {{ ucwords(setting('sebutan_desa')) }}</label>
                        <div class="col-sm-8">
                            <input
                                id="email_desa"
                                name="email_desa"
                                class="form-control input-sm email"
                                maxlength="50"
                                type="text"
                                placeholder="E-Mail {{ ucwords(setting('sebutan_desa')) }}"
                                value="{{ $main['email_desa'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="telepon">Nomor Telepon
                            {{ ucwords(setting('sebutan_desa')) }}</label>
                        <div class="col-sm-8">
                            <input
                                id="telepon"
                                name="telepon"
                                class="form-control input-sm bilangan"
                                type="text"
                                maxlength="15"
                                placeholder="Telepon {{ ucwords(setting('sebutan_desa')) }}"
                                value="{{ $main['telepon'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="telepon">Nomor Ponsel
                            {{ ucwords(setting('sebutan_desa')) }}</label>
                        <div class="col-sm-8">
                            <input
                                id="telepon-operator"
                                name="nomor_operator"
                                class="form-control input-sm bilangan"
                                type="text"
                                maxlength="15"
                                placeholder="Nomor Ponsel"
                                value="{{ $main['nomor_operator'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="website">Website
                            {{ ucwords(setting('sebutan_desa')) }}</label>
                        <div class="col-sm-8">
                            <input
                                id="website"
                                name="website"
                                class="form-control input-sm url"
                                maxlength="50"
                                type="text"
                                placeholder="Website {{ ucwords(setting('sebutan_desa')) }}"
                                value="{{ $main['website'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="nama_kecamatan">Nama
                            {{ ucwords(setting('sebutan_kecamatan')) }}</label>
                        <div class="col-sm-8">
                            <input
                                readonly
                                id="nama_kecamatan"
                                name="nama_kecamatan"
                                class="form-control input-sm required"
                                type="text"
                                placeholder="Nama {{ ucwords(setting('sebutan_kecamatan')) }}"
                                value="{{ $main['nama_kecamatan'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="kode_kecamatan">Kode
                            {{ ucwords(setting('sebutan_kecamatan')) }}</label>
                        <div class="col-sm-2">
                            <input
                                readonly
                                id="kode_kecamatan"
                                name="kode_kecamatan"
                                class="form-control input-sm required"
                                type="text"
                                placeholder="Kode {{ ucwords(setting('sebutan_kecamatan')) }}"
                                value="{{ $main['kode_kecamatan'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="nama_kecamatan">Nama
                            {{ ucwords(setting('sebutan_camat')) }}</label>
                        <div class="col-sm-8">
                            <input
                                id="nama_kepala_camat"
                                name="nama_kepala_camat"
                                class="form-control input-sm nama required"
                                maxlength="50"
                                type="text"
                                placeholder="Nama {{ ucwords(setting('sebutan_camat')) }}"
                                value="{{ $main['nama_kepala_camat'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="nip_kepala_camat">NIP
                            {{ ucwords(setting('sebutan_camat')) }}</label>
                        <div class="col-sm-4">
                            <input
                                id="nip_kepala_camat"
                                name="nip_kepala_camat"
                                class="form-control input-sm nomor_sk"
                                maxlength="50"
                                type="text"
                                placeholder="NIP {{ ucwords(setting('sebutan_camat')) }}"
                                value="{{ $main['nip_kepala_camat'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="nama_kabupaten">Nama
                            {{ ucwords(setting('sebutan_kabupaten')) }}</label>
                        <div class="col-sm-8">
                            <input
                                readonly
                                id="nama_kabupaten"
                                name="nama_kabupaten"
                                class="form-control input-sm required"
                                type="text"
                                placeholder="Nama {{ ucwords(setting('sebutan_kabupaten')) }}"
                                value="{{ $main['nama_kabupaten'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="kode_kabupaten">Kode
                            {{ ucwords(setting('sebutan_kabupaten')) }}</label>
                        <div class="col-sm-2">
                            <input
                                readonly
                                id="kode_kabupaten"
                                name="kode_kabupaten"
                                class="form-control input-sm required"
                                type="text"
                                placeholder="Kode {{ ucwords(setting('sebutan_kabupaten')) }}"
                                value="{{ $main['kode_kabupaten'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="nama_propinsi">Nama Provinsi</label>
                        <div class="col-sm-8">
                            <input
                                readonly
                                id="nama_propinsi"
                                name="nama_propinsi"
                                class="form-control input-sm required"
                                type="text"
                                placeholder="Nama Propinsi"
                                value="{{ $main['nama_propinsi'] }}"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="kode_propinsi">Kode Provinsi</label>
                        <div class="col-sm-2">
                            <input
                                readonly
                                id="kode_propinsi"
                                name="kode_propinsi"
                                class="form-control input-sm required"
                                type="text"
                                placeholder="Kode Provinsi"
                                value="{{ $main['kode_propinsi'] }}"
                            />
                        </div>
                    </div>
                    <hr>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">
                            <h4 class="text-bold">Kontak Pemberitahuan</h4>
                        </label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="nama_kontak">Nama Perangkat Desa</label>
                        <div class="col-sm-8">
                            <input
                                id="nama_kontak"
                                name="nama_kontak"
                                class="form-control input-sm nama required"
                                type="text"
                                placeholder="Nama Perangkat Desa"
                                value="{{ $main['nama_kontak'] }}"
                                maxlength="50"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="hp_kontak">No. HP/WA</label>
                        <div class="col-sm-8">
                            <input
                                id="hp_kontak"
                                name="hp_kontak"
                                class="form-control input-sm angka required"
                                type="text"
                                placeholder="No. HP Perangkat Desa"
                                value="{{ $main['hp_kontak'] }}"
                                maxlength="15"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="jabatan_kontak">Jabatan</label>
                        <div class="col-sm-8">
                            <input
                                id="jabatan_kontak"
                                name="jabatan_kontak"
                                class="form-control input-sm nama required"
                                type="text"
                                placeholder="Jabatan"
                                value="{{ $main['jabatan_kontak'] }}"
                                maxlength="50"
                            />
                        </div>
                    </div>
                </div>
                <div class="box-footer">
                    <button type="reset" class="btn btn-social btn-danger btn-sm"><i class="fa fa-times"></i>
                        Batal</button>
                    <button type="submit" class="btn btn-social btn-info btn-sm pull-right simpan"><i class="fa fa-check"></i>
                        Simpan</button>
                </div>
            </div>
        </div>
    </div>
    </form>
@endsection

@push('scripts')
    @include('admin.layouts.components.select2_desa')

    <script src="{{ asset('bootstrap/js/jquery.inputmask.js') }}"></script>
    <script>
        $(document).ready(function() {
            var koneksi = "{{ cek_koneksi_internet() }}";
            var koneksi_pantau = {{ $status_pantau }}
            var demo = "{{ config_item('demo') }}";

            tampil_kode_desa();

            if (koneksi && koneksi_pantau) {
                $("#nama_desa").attr('type', 'hidden');

                var server_pantau = "{{ config_item('server_pantau') }}";
                var token_pantau = "{{ config_item('token_pantau') }}";

                // Ambil Nama dan Kode Wilayah dari Pantau > Wilayah
                $('[name="pilih_desa"]').change(function() {
                    $.ajax({
                        type: 'GET',
                        url: server_pantau + '/index.php/api/wilayah/ambildesa?token=' +
                            token_pantau + '&id_desa=' + $(this).val(),
                        dataType: 'json',
                        success: function(data) {
                            $('[name="nama_desa"]').val(data.KODE_WILAYAH[0].nama_desa);
                            $('[name="kode_desa"]').val(data.KODE_WILAYAH[0].kode_desa);
                            $('[name="nama_kecamatan"]').val(data.KODE_WILAYAH[0].nama_kec);
                            $('[name="kode_kecamatan"]').val(data.KODE_WILAYAH[0].kode_kec);
                            $('[name="nama_kabupaten"]').val(hapus_kab_kota(huruf_awal_besar(
                                data.KODE_WILAYAH[0].nama_kab)));
                            $('[name="kode_kabupaten"]').val(data.KODE_WILAYAH[0].kode_kab);
                            $('[name="nama_propinsi"]').val(huruf_awal_besar(data.KODE_WILAYAH[
                                0].nama_prov));
                            $('[name="kode_propinsi"]').val(data.KODE_WILAYAH[0].kode_prov);
                            $('[name="kode_desa_bps"]').val(data.KODE_WILAYAH[0]?.bps_kemendagri_desa?.kode_desa_bps ?? '');
                        }
                    });
                });

                function hapus_kab_kota(str) {
                    return str.replace(/KAB |KOTA /gi, '');
                }
            } else {
                $("#nama_desa").attr('type', 'text');
                $("#kode_desa").removeAttr('readonly');
                $("#kode_desa_bps").removeAttr('readonly');
                $("#kode_desa").inputmask('9999999999');
                $("#nama_kecamatan").removeAttr('readonly');
                $("#nama_kabupaten").removeAttr('readonly');
                $("#nama_propinsi").removeAttr('readonly');
            }

            $('#kades').change(function() {
                var nip = $("#kades option:selected").attr("data-nip");
                $("#nip_kepala_desa").val(nip);
            });

            // simpan
            $(document).on("submit", "form#validasi", function(event) {
                event.preventDefault();
                Swal.fire({
                    title: 'Sedang Menyimpan',
                    allowOutsideClick: false,
                    allowEscapeKey: false,
                    showConfirmButton: false,
                    didOpen: () => {
                        Swal.showLoading()
                    }
                });
                $.ajax({
                        url: $(this).attr("action"),
                        type: $(this).attr("method"),
                        dataType: "JSON",
                        data: new FormData(this),
                        processData: false,
                        contentType: false,
                    })
                    .done(function(response) {
                        if (demo == false) {
                            $.ajax({
                                    url: `{{ config_item('server_layanan') }}/api/v1/pelanggan/pemesanan`,
                                    headers: {
                                        "Authorization": `Bearer {{ $list_setting->firstWhere('key', 'layanan_opendesa_token')?->value }}`,
                                        "X-Requested-With": `XMLHttpRequest`,
                                    },
                                    type: 'Post',
                                })
                                .done(function(response) {
                                    let data = {
                                        body: response
                                    }

                                    $.ajax({
                                        url: `${SITE_URL}pelanggan/pemesanan`,
                                        type: 'Post',
                                        dataType: 'json',
                                        data: data,
                                    })
                                })
                        }

                        if (response.status) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil Ubah Data',
                            })
                            window.location.replace(`${SITE_URL}identitas_desa`);
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal Ubah Data',
                                text: response.message,
                            })
                        }
                    })
                    .fail(function(response) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Gagal Ubah Data',
                            text: response.message,
                        })
                    });
            });
        });

        function tampil_kode_desa() {
            var kode_desa = $('#kode_desa').val();
            $('#kode_kecamatan').val(kode_desa.substr(0, 6));
            $('#kode_kabupaten').val(kode_desa.substr(0, 4));
            $('#kode_propinsi').val(kode_desa.substr(0, 2));
        }
    </script>
@endpush
