@extends('layouts.admin')

@section('content')
    <div class="row mb-3">
        <div class="col-md-6">
            <h4 id="page_title">Profil Koperasi</h4>
        </div>
        <div class="col-md-6 text-right">

        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <x-alert type="error" id="alert_profil" />
            <form id="form_profil">
                @csrf
                <x-input type="hidden" name="id" :value="$profil->id ?? ''" />
                <div class="row">
                    <div class="col-md-6">
                        <x-form-group caption="Nama">
                            <x-input name="nama" :value="$profil->nama ?? ''" />
                        </x-form-group>
                        <x-form-group caption="Singkatan">
                            <x-input name="singkatan" :value="$profil->singkatan ?? ''" />
                        </x-form-group>
                        <x-form-group caption="No.Koperasi">
                            <x-input name="no_koperasi" :value="$profil->no_koperasi ?? ''" />
                        </x-form-group>
                        <x-form-group caption="No.Telp">
                            <x-input name="notelp" :value="$profil->notelp ?? ''" />
                        </x-form-group>
                        <x-form-group caption="Alamat">
                            <x-input name="alamat" :value="$profil->alamat ?? ''" />
                        </x-form-group>
                        <x-form-group caption="Kecamatan">
                            <x-input name="kecamatan" :value="$profil->kecamatan ?? ''" />
                        </x-form-group>
                        <x-form-group caption="Kelurahan">
                            <x-input name="kelurahan" :value="$profil->kelurahan ?? ''" />
                        </x-form-group>
                        <div class="row">
                            <div class="col-md-6">
                                <x-form-group caption="Lat">
                                    <x-input name="lat" :value="$profil->lat ?? ''" />
                                </x-form-group>
                            </div>
                            <div class="col-md-6">
                                <x-form-group caption="Lng">
                                    <x-input name="lng" :value="$profil->lng ?? ''" />
                                </x-form-group>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <x-form-group caption="Jenis Koperasi">
                                    <x-input name="jenis_koperasi" :value="$profil->jenis_koperasi ?? ''" />
                                </x-form-group>
                            </div>
                            <div class="col-md-6">
                                <x-form-group caption="Kelompok Koperasi">
                                    <x-input name="kelompok_koperasi" :value="$profil->kelompok_koperasi ?? ''" />
                                </x-form-group>
                            </div>
                        </div>
                        <x-form-group caption="Sektor Usaha">
                            <x-input name="sektor_usaha" :value="$profil->sektor_usaha ?? ''" />
                        </x-form-group>
                    </div>
                    <div class="col-md-6">
                        <x-form-group caption="Nama Ketua">
                            <x-input name="ketua_nama" :value="$profil->ketua_nama ?? ''" />
                        </x-form-group>
                        <x-form-group caption="No.Telp Ketua">
                            <x-input name="ketua_notelp" :value="$profil->ketua_notelp ?? ''" />
                        </x-form-group>
                        <x-form-group caption="Nama Bendahara">
                            <x-input name="bendahara_nama" :value="$profil->bendahara_nama ?? ''" />
                        </x-form-group>
                        <x-form-group caption="No.Telp Bendahara">
                            <x-input name="bendahara_notelp" :value="$profil->bendahara_notelp ?? ''" />
                        </x-form-group>
                        <x-form-group caption="Nama Sekretaris">
                            <x-input name="sekretaris_nama" :value="$profil->sekretaris_nama ?? ''" />
                        </x-form-group>
                        <x-form-group caption="No.Telp Sekretaris">
                            <x-input name="sekretaris_notelp" :value="$profil->sekretaris_notelp ?? ''" />
                        </x-form-group>
                        <x-form-group caption="Nama Pengawas">
                            <x-input name="pengawas_nama" :value="$profil->pengawas_nama ?? ''" />
                        </x-form-group>
                        <x-form-group caption="No.Telp Pengawas">
                            <x-input name="pengawas_notelp" :value="$profil->pengawas_notelp ?? ''" />
                        </x-form-group>
                        <x-form-group caption="Nama Pengawas 2">
                            <x-input name="pengawas2_nama" :value="$profil->pengawas2_nama ?? ''" />
                        </x-form-group>
                        <x-form-group caption="No.Telp Pengawas 2">
                            <x-input name="pengawas2_notelp" :value="$profil->pengawas2_notelp ?? ''" />
                        </x-form-group>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <x-form-group caption="Jumlah Pengurus Pria">
                            <x-input name="jumlah_pengurus_pria" :value="$profil->jumlah_pengurus_pria ?? ''" />
                        </x-form-group>
                    </div>
                    <div class="col-md-6">
                        <x-form-group caption="Jumlah Pengurus Wanita">
                            <x-input name="jumlah_pengurus_wanita" :value="$profil->jumlah_pengurus_wanita ?? ''" />
                        </x-form-group>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <x-form-group caption="Jumlah Pengawas Pria">
                            <x-input name="jumlah_pengawas_pria" :value="$profil->jumlah_pengawas_pria ?? ''" />
                        </x-form-group>
                    </div>
                    <div class="col-md-6">
                        <x-form-group caption="Jumlah Pengawas Wanita">
                            <x-input name="jumlah_pengawas_wanita" :value="$profil->jumlah_pengawas_wanita ?? ''" />
                        </x-form-group>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <x-form-group caption="Jumlah Manager Pria">
                            <x-input name="jumlah_manager_pria" :value="$profil->jumlah_manager_pria ?? ''" />
                        </x-form-group>
                    </div>
                    <div class="col-md-6">
                        <x-form-group caption="Jumlah Manager Wanita">
                            <x-input name="jumlah_manager_wanita" :value="$profil->jumlah_manager_wanita ?? ''" />
                        </x-form-group>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <x-form-group caption="Jumlah Karyawan Pria">
                            <x-input name="jumlah_karyawan_pria" :value="$profil->jumlah_karyawan_pria ?? ''" />
                        </x-form-group>
                    </div>
                    <div class="col-md-6">
                        <x-form-group caption="Jumlah Karyawan Wanita">
                            <x-input name="jumlah_karyawan_wanita" :value="$profil->jumlah_karyawan_wanita ?? ''" />
                        </x-form-group>
                    </div>
                </div>
                <button class="btn btn-primary" type="submit">Simpan</button>
                <button class="btn btn-light ml-2" type="button" onclick="window.location.reload()">Batal</button>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        let _token = '{{ csrf_token() }}', paginate = 10, selected_page = 1;

        $form_profil = $('#form_profil');
        $form_profil.submit((e) => {
            e.preventDefault();
            let data = new FormData($form_profil.get(0));
            $.ajax({
                url: "{{ route('koperasi.profil.save') }}",
                type: 'post',
                data: data,
                cache: false,
                processData: false,
                contentType: false,
                success: function(result) {
                    swal.fire('Berhasil Disimpan');
                },
            }).fail((xhr) => {
                handle_error(xhr);
            });
        });

        let handle_error = (xhr) => {
            let error = JSON.parse(xhr.responseText);
            if (error.errors) {
                display_error('alert_profil', error.errors);
            } else {
                console.log(xhr.responseText);
            }
        }

        init_form_element();
    </script>
@endpush