@extends('frontend.layouts.frontend')

@section('metaTitle', @$page->metaTitle)
@section('metaDescription', @$page->metaDescription)
@section('metaKeywords', @$page->metaKeywords)

@section('content')
    <section id="register-merchant-content">
        <div class="container mt-40">
            <div class="row">
                <div class="col-12">
                    <div class="card form-card">
                        <div class="card-header">
                            <h2>Register Duha Syariah<h2>
                        </div>
                        <div class="card-body">
                            @if($msg = Session::get('failed'))
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($msg['msg'] as $error)
                                            <li>{{$error}}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @elseif($msg = Session::get('no_connection'))
                            <div class="alert alert-danger">
                                <ul>
                                    <li>Koneksi gagal, silahkan coba lagi!</li>
                                </ul>
                            </div>
                            @endif
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{$error}}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <form action="{{ route('merchant.application.register') }}" method="POST" enctype="multipart/form-data">
                                <div class="row pt-30">
                                    <div class="col-12">
                                        <h4>Data Pribadi</h4>
                                    </div>
                                    <input id="my-input" class="form-control" type="hidden" name="type" value="SHOPPING">
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Nama Lengkap</label>
                                            <input id="my-input" class="form-control" type="text" name="fullName" value="{{ old('fullName') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Nomor Ponsel</label>
                                            <input id="my-input" class="form-control" type="number" name="mobilePhone" value="{{ old('mobilePhone') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Email</label>
                                            <input id="my-input" class="form-control" type="email" name="email" value="{{ old('email') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Password</label>
                                            <input id="my-input" class="form-control" type="password" name="password" value="{{ old('password') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Konfirmasi Password</label>
                                            <input id="my-input" class="form-control" type="password" name="passwordConfirmation" value="{{ old('passwordConfirmation') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Tanggal Lahir</label>
                                            <input id="my-input" class="form-control" type="date" name="dateOfBirth" value="{{ old('dateOfBirth') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Agama</label>
                                            <select id="my-input" class="form-control" name="religion" value="{{ old('religion') }}" required>
                                                <option value="ISLAM" selected="">ISLAM</option>
                                                <option value="CHRISTIAN">KRISTEN</option>
                                                <option value="HINDU">HINDU</option>
                                                <option value="BUDDHISM">BUDHA</option>
                                                <option value="KHONGHUCU">KONGHUCU</option>
                                                <option value="OTHERS">Lain-lain</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Jenis Kelamin</label>
                                            <select id="my-input" class="form-control" name="gender" value="{{ old('gender') }}" required>
                                                <option value="MALE">Laki-laki</option>
                                                <option value="FEMALE">Perempuan</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Nama Ibu Kandung</label>
                                            <input id="my-input" class="form-control" type="text" name="motherName" value="{{ old('motherName') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Pendidikan Terakhir</label>
                                            <select id="my-input" class="form-control" name="lastEducation" value="{{ old('lastEducation') }}" required>
                                                <option value="ELEMENTARY_SCHOOL" selected="">Sekolah Dasar</option>
                                                <option value="SECONDARY_SCHOOL">Sekolah Menengah Pertama</option>
                                                <option value="HIGH_SCHOOL">Sekolah Menengah Atas</option>
                                                <option value="DIPLOMA">D1 / D2 / D3</option>
                                                <option value="BACHELOR">Strata 1</option>
                                                <option value="MASTER">Strata 2</option>
                                                <option value="DOCTORATE">Strata 3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Status Pernikahan</label>
                                            <select id="my-input" class="form-control" name="maritalCondition" value="{{ old('maritalCondition') }}" required>
                                                <option value="SINGLE" selected="">Belum Menikah</option>
                                                <option value="MARRIED">Menikah</option>
                                                <option value="WIDOWED">Duda / Janda</option>
                                                <option value="DIVORCED">Bercerai</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Jumlah Anak</label>
                                            <input id="my-input" class="form-control" type="number" name="childrenCount" value="{{ old('childrenCount') }}" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="row pt-60">
                                    <div class="col-12">
                                        <h4>Data Alamat Tempat Tinggal</h4>
                                    </div>
                                    <div class="col-12 col-md-6">
                                        <div class="form-group">
                                            <label for="my-input">Alamat Lengkap</label>
                                            <input id="my-input" class="form-control" type="text" name="address" value="{{ old('address') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-3">
                                        <div class="form-group">
                                            <label for="my-input">Kepemilikan Alamat</label>
                                            <select id="my-input" class="form-control" name="addressType" value="{{ old('addressType') }}" required>
                                                <option value="OWN">Rumah Pribadi</option>
                                                <option value="PARENT">Rumah Orang Tua</option>
                                                <option value="WORK">Aset Perusahaan</option>
                                                <option value="CONTRACT">Rumah Kontrakan / Sewa</option>
                                                <option value="KOST">Kost</option>
                                                <option value="OTHERS">Lainnya</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-3">
                                        <div class="form-group">
                                            <label for="my-input">Provinsi</label>
                                            <select id="input-province" class="form-control" name="province" value="{{ old('province') }}" required>
                                                <option value="" disabled selected>Provinsi</option>
                                                @foreach ($getProvince as $value)
                                                    <option value="{{$value->name.'_'.$value->id}}">{{$value->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-3">
                                        <div class="form-group">
                                            <label for="my-input">Kota / Kab</label>
                                            <select id="input-city" class="form-control" name="city" value="{{ old('city') }}" required>
                                                <option value="" disabled selected>Kota</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-3">
                                        <div class="form-group">
                                            <label for="my-input">Kecamatan</label>
                                            <select id="input-subdistrict" class="form-control" name="subdistrict" value="{{ old('subdistrict') }}" required>
                                                <option value="" disabled selected>Kecamatan</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-3">
                                        <div class="form-group">
                                            <label for="my-input">Kelurahan</label>
                                            {{-- <select id="input-village" class="form-control" name="village" value="{{ old('village') }}" required>
                                                <option value="" disabled selected>Kelurahan</option>
                                            </select> --}}
                                            <input id="my-input" class="form-control" type="text" name="village" value="{{ old('village') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-3">
                                        <div class="form-group">
                                            <label for="my-input">Kode Pos</label>
                                            <input id="my-input" class="form-control" type="number" name="postalCode" value="{{ old('postalCode') }}" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="row pt-60">
                                    <div class="col-12">
                                        <h4>Data Kartu Pengenal</h4>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Nama Lengkap Sesuai KTP</label>
                                            <input id="my-input" class="form-control" type="text" name="idCardName" value="{{ old('idCardName') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Nomor NIK Sesuai KTP</label>
                                            <input id="my-input" class="form-control" type="number" name="idCardNumber" value="{{ old('idCardNumber') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Foto dari KTP</label>
                                            <input class="form-control" type="file" name="idCardImage" value="{{ old('idCardImage') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Foto Selfie sambil memegang KTP</label>
                                            <input class="form-control" type="file" name="profileImage" value="{{ old('profileImage') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Foto Kartu Keluarga</label>
                                            <input class="form-control" type="file" name="familyRegisterImage" value="{{ old('familyRegisterImage') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Foto NPWP</label>
                                            <input class="form-control" type="file" name="taxNumberImage" value="{{ old('taxNumberImage') }}">
                                            <small><i>Jika belum punya, boleh dikosongkan</i></small>
                                        </div>
                                    </div>
                                </div>
                                <div class="row pt-60">
                                    <div class="col-12">
                                        <h4>Data Kartu Pengenal</h4>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Nama Kontak Darurat</label>
                                            <input id="my-input" class="form-control" type="text" name="emergencyContactName" value="{{ old('emergencyContactName') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Telepon Kontak Darurat</label>
                                            <input id="my-input" class="form-control" type="number" name="emergencyContactPhone" value="{{ old('emergencyContactPhone') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Hubungan Kontak Darurat</label>
                                            <input id="my-input" class="form-control" type="text" name="emergencyContactRelation" value="{{ old('emergencyContactRelation') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Nama Kontak Darurat 2</label>
                                            <input id="my-input" class="form-control" type="text" name="emergencyContactAltName" value="{{ old('emergencyContactAltName') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Telepon Kontak Darurat 2</label>
                                            <input id="my-input" class="form-control" type="number" name="emergencyContactAltPhone" value="{{ old('emergencyContactAltPhone') }}" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label for="my-input">Hubungan Kontak Darurat 2</label>
                                            <input id="my-input" class="form-control" type="text" name="emergencyContactAltRelation" value="{{ old('emergencyContactAltRelation') }}" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="row pt-60">
                                    <div class="col-12">
                                        <h4>Data Pekerjaan</h4>
                                    </div>
                                    <div class="col-12 col-md-4"> 
                                        <div class="form-group">
                                            <label>Tipe Pekerjaan</label>
                                            <select class="form-control" name="occupationType" value="{{ old('occupationType') }}" id="occupationType" required>
                                                {{-- <option value="PROFESSIONAL" selected="">Profesional</option>
                                                <option value="GOVERNMENT">Pemerintahan</option> --}}
                                                <option value="PRIVATE" selected="">Pegawai Swasta</option>
                                                {{-- <option value="HONORARY">Honorer</option>
                                                <option value="ENTERPRENEUR">Pengusaha / Wiraswasta</option>
                                                <option value="UNEMPLOYED">Sedang Tidak Bekerja</option>
                                                <option value="OTHER">Lainnya</option> --}}
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4"> 
                                        <div class="form-group">
                                            <label>Foto Selfie di Tempat Kerja</label>
                                            <input type="file" name="workplaceSelfieImage" value="{{ old('workplaceSelfieImage') }}" id="workplaceSelfieImage" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4"> 
                                        <div class="form-group">
                                            <label>Tipe Karyawan</label>
                                            <select class="form-control" name="employmentType" value="{{ old('employmentType') }}" id="employmentType" required>
                                                <option value="EMPLOYEE" selected="">Karyawan Tetap</option>
                                                <option value="CONTRACT">Karyawan Kontrak</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4"> 
                                        <div class="form-group">
                                            <label>Tanggal Berakhir Kontrak</label>
                                            <div id="expDate"><input type="date" name="companyContractExpiryDate" value="{{ old('companyContractExpiryDate') }}" id="companyContractExpiryDate" class="form-control" disabled></div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4"> 
                                        <div class="form-group">
                                            <label>Nama Perusahaan</label>
                                            <input type="text" name="companyName" value="{{ old('companyName') }}" id="companyName" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4"> 
                                        <div class="form-group">
                                            <label>Telepon Perusahaan</label>
                                            <input type="number" name="companyPhone" value="{{ old('companyPhone') }}" id="companyPhone" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Lama Bekerja (Tahun)</label>
                                            <input type="number" name="companyEmploymentTime" value="{{ old('companyEmploymentTime') }}" id="companyEmploymentTime" class="form-control" value="1" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Jabatan</label>
                                            <input type="text" name="companyPosition" value="{{ old('companyPosition') }}" id="companyPosition" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Alamat Perusahaan</label>
                                            <input type="text" name="companyAddress" value="{{ old('companyAddress') }}" id="companyAddress" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Provinsi Perusahaan</label>
                                            <select class="form-control" name="companyProvince" value="{{ old('companyProvince') }}" id="companyProvince" required>
                                                <option disabled selected="">Provinsi</option>
                                                @foreach ($getProvince as $value)
                                                    <option value="{{$value->name.'_'.$value->id}}">{{$value->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Kota Perusahaan</label>
                                            <select class="form-control" name="companyCity" value="{{ old('companyCity') }}" id="companyCity" required>
                                                <option disabled selected="">Kota</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Pendapatan Per Bulan</label>
                                            <input type="number" name="monthlyIncome" value="{{ old('monthlyIncome') }}" id="monthlyIncome" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Foto Slip Gaji</label>
                                            <input type="file" name="additionalDocPaySlipImage" value="{{ old('additionalDocPaySlipImage') }}" id="additionalDocPaySlipImage" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                    </div>
                                    <div class="col-12 col-md-4">
                                    </div>
                                    {{-- <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Foto rekening Koran 1</label>
                                            <input type="file" name="additionalDocBankStatementImage1" value="{{ old('additionalDocBankStatementImage1') }}" id="additionalDocBankStatementImage1" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Foto rekening Koran 2</label>
                                            <input type="file" name="additionalDocBankStatementImage2" value="{{ old('additionalDocBankStatementImage2') }}" id="additionalDocBankStatementImage2" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Foto rekening Koran 3</label>
                                            <input type="file" name="additionalDocBankStatementImage3" value="{{ old('additionalDocBankStatementImage3') }}" id="additionalDocBankStatementImage3" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Foto rekening Koran 4</label>
                                            <input type="file" name="additionalDocBankStatementImage4" value="{{ old('additionalDocBankStatementImage4') }}" id="additionalDocBankStatementImage4" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group">
                                            <label>Foto rekening Koran 5</label>
                                            <input type="file" name="additionalDocBankStatementImage5" value="{{ old('additionalDocBankStatementImage5') }}" id="additionalDocBankStatementImage5" class="form-control">
                                        </div>
                                    </div> --}}
                                    <div class="col-12 col-md-3">
                                        <button class="btn btn-success" style="border-color: unset;" type="submit">Simpan</button>
                                    </div>
                                </div>    
                            </form>
                        </div>
                    </div>  
                </div> 
            </div>
        </div>
    </section>
@endsection

@section('jsCustom')
    <script>
        var mainUrl = '{!! url('/') !!}';
        var successMessage = '{!! session('success') !!}';
        var messages = 'Terima kasih sudah melakukan registrasi akun Duha Syariah, selanjutnya mohon cek email yang sudah anda daftarkan secara berkala untuk mendapatkan informasi terkait status pengajuan Anda. Pastikan data yang anda daftarkan sudah benar dan sesuai. \n';
            messages += '\n Terima kasih \n';
            messages += 'Duha Syariah \n';
        if (successMessage) {
            swal('Registrasi Sukses',messages,'success');
        }
    </script>
@endsection