@extends('opac.layouts.layout_home')

@section("title") Pendaftaran Anggota @endsection

@section('header-script')

@endsection

@section('content')
<div class="section header-filter" filter-color="black" style="background-image: url('{{ asset('mk/assets/img/bg-banner-opac.jpg') }}'); background-size: cover; background-position: top center;">
    <div class="container">
        <div class="row">
            <div class="col-md-10 ml-auto mr-auto">
                <div class="card card-signup">
                    <div class="card-header card-header-icon card-header-success">
                        <h2 class="card-title text-center">
                            @yield('title')
                        </h2>
                    </div>

                    <div class="card-body pt-5">
                        <div class="row">
                            <div class="col-md-12">
                                <form class="form-horizontal" action="{{ route('a.signup_request') }}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="row">
                                        <div class="@if($upload_foto == 1) col-md-9 @else col @endif">
                                            <div class="form-group">
                                                <label class="control-label col">Nama lengkap</label>
                                                <div class="col">
                                                    <input class="form-control" name="nama" value="{{old('nama')}}">
                                                    @error('nama')
                                                    <span class="bmd text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col">Username</label>
                                                <div class="col">
                                                    <input class="form-control" name="username" value="{{old('username')}}">
                                                    @error('username')
                                                    <span class="bmd text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col">Password</label>
                                                <div class="col">
                                                    <input type="password" class="form-control" name="password" value="{{old('password')}}">
                                                    @error('password')
                                                    <span class="bmd text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col">Konfirmasi password</label>
                                                <div class="col">
                                                    <input type="password" class="form-control" name="confirm_password" value="{{old('confirm_password')}}">
                                                    @error('confirm_password')
                                                    <span class="bmd text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col">Alamat tinggal</label>
                                                <div class="col">
                                                    <input class="form-control" name="alamat" value="{{old('alamat')}}">
                                                    @error('alamat')
                                                    <span class="bmd text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label col">Tempat/Tanggal lahir</label>
                                                <div class="col row">
                                                    <div class="col-md-6">
                                                        <input class="form-control" placeholder="Tempat lahir" name="tempat_lahir" value="{{old('tempat_lahir')}}">
                                                        @error('tempat_lahir')
                                                        <span class="bmd text-danger">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                    <div class="col-md-6">
                                                        <input class="form-control datepicker" placeholder="Tanggal lahir" name="tanggal_lahir" value="{{old('tanggal_lahir')}}">
                                                        @error('tanggal_lahir')
                                                        <span class="bmd text-danger">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @if($upload_foto == 1)
                                        <div class="col-md-3">
                                            <label class="control-label col">Foto anggota</label>
                                            <div class="col-md-2">
                                                <div class="fileinput fileinput-new text-center " data-provides="fileinput">
                                                    <div class="fileinput-new thumbnail ">
                                                        <img src="{{asset('../../md/assets/img/default-avatar.png')}}" alt="..."
                                                             onerror="this.src='https://ui-avatars.com/api/?size=235&background=c9c9c9&name=LG'">
                                                    </div>
                                                    <div class="fileinput-preview fileinput-exists thumbnail ">
                                                        <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/4RDsRXhpZgAATU0AKgAAAAgABAE7AAIAAAALAAAISodpAAQAAAABAAAIVpydAAEAAAAWAAAQzuocAAcAAAgMAAAAPgAAAAAc6gAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEJVTUkgREFUQVIAAAAFkAMAAgAAABQAABCkkAQAAgAAABQAABC4kpEAAgAAAAM2OAAAkpIAAgAAAAM2OAAA6hwABwAACAwAAAiYAAAAABzqAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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b3JnL2RjL2VsZW1lbnRzLzEuMS8iPjxkYzpjcmVhdG9yPjxyZGY6U2VxIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+PHJkZjpsaT5CVU1JIERBVEFSPC9yZGY6bGk+PC9yZGY6U2VxPg0KCQkJPC9kYzpjcmVhdG9yPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgPD94cGFja2V0IGVuZD0ndyc/Pv/bAEMABgQFBgUEBgYFBgcHBggKEAoKCQkKFA4PDBAXFBgYFxQWFhodJR8aGyMcFhYgLCAjJicpKikZHy0wLSgwJSgpKP/bAEMBBwcHCggKEwoKEygaFhooKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKP/AABEIAIYAZQMBIgACEQEDEQH/xAAfAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgv/xAC1EAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+fr/xAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgv/xAC1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEG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">
                                                    </div>
                                                    <div>
                                                    <span class="btn btn-round btn-outline-success btn-file">
                                                        <span class="fileinput-new">Pilih File</span>
                                                        <span class="fileinput-exists">Pilih File</span>
                                                        <input type="file" name="foto" value="{{old('foto')}}">
                                                    </span>
                                                        <br>
                                                        <a href="#pablo" class="btn btn-danger btn-round fileinput-exists"
                                                           data-dismiss="fileinput"><i class="fa fa-times"></i> Remove</a>
                                                    </div>
                                                    @error('foto')
                                                    <span class="bmd text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                    </div>


                                    <div class="form-group">
                                        <label class="control-label col-sm-3 label-checkbox">Jenis kelamin</label>
                                        <div class="checkbox-radios">
                                            <div class="form-check form-check-inline col-sm-3">
                                                <label class="form-check-label">

                                                    <input name="jenis_kelamin" type="radio" value="L"
                                                        @if(old('jenis_kelamin') == 'L')
                                                            checked
                                                        @endif
                                                    >

                                                    Laki-laki
                                                    <span class="check"></span>
                                                </label>
                                            </div>
                                            <div class="form-check form-check-inline col-sm-3">
                                                <label class="form-check-label">

                                                    <input name="jenis_kelamin" type="radio" value="P"
                                                        @if(old('jenis_kelamin') == 'P')
                                                            checked
                                                        @endif
                                                    >

                                                    Perempuan
                                                    <span class="check"></span>
                                                </label>
                                            </div>
                                        </div>
                                        @error('jenis_kelamin')
                                        <span class="bmd col text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-sm-3">Provinsi</label>--}}
{{--                                        <div class="col">--}}
{{--                                            <select class="form-control" name="provinsi" id="provinsi">--}}
{{--                                                <option></option>--}}
{{--                                                @foreach($provinsi as $p)--}}
{{--                                                    <option value="{{ $p->id }}">{{ $p->name }}</option>--}}
{{--                                                @endforeach--}}
{{--                                            </select>--}}
{{--                                            <img src="{{ asset('img/loading.gif')}}" width="35" id="load1" style="display:none;" />--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-sm-3" >Kota / Kabupaten</label>--}}
{{--                                        <div class="col">--}}
{{--                                            <select class="form-control" name="kota" id="kota">--}}
{{--                                                <option></option>--}}
{{--                                            </select>--}}
{{--                                            <img src="{{ asset('img/loading.gif')}}" width="35" id="load2" style="display:none;" />--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-sm-3" >Kecamatan</label>--}}
{{--                                        <div class="col">--}}
{{--                                            <select class="form-control" name="kecamatan" id="kecamatan">--}}
{{--                                                <option></option>--}}
{{--                                            </select>--}}
{{--                                            <img src="{{ asset('img/loading.gif')}}" width="35" id="load3" style="display:none;" />--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <label class="control-label col-sm-3" >Kelurahan</label>--}}
{{--                                        <div class="col">--}}
{{--                                            <select class="form-control" name="kelurahan" id="kelurahan">--}}
{{--                                                <option></option>--}}
{{--                                            </select>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}

                                    <div class="form-group">
                                        <label class="control-label col">(  Nomor KTP / SIM / NIP / NIM / NIS )</label>
                                        <div class="col">
                                            <input class="form-control" name="kode_anggota" value="{{old('kode_anggota')}}">
                                            @error('kode_anggota')
                                            <span class="bmd text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Email</label>
                                        <div class="col">
                                            <input class="form-control" name="email" value="{{old('email')}}">
                                            @error('email')
                                            <span class="bmd text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Telepon</label>
                                        <div class="col">
                                            <input class="form-control" name="telepon" value="{{old('telepon')}}">
                                            @error('telepon')
                                            <span class="bmd text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Pendidikan akhir</label>
                                        <div class="col">
                                            <select class="form-control" name="pendidikan_akhir" id="pendidikan_akhir">
                                                <option></option>
                                                @foreach($pendidikan_akhir as $key => $pa)
                                                    <option
                                                        @if (old('pendidikan_akhir') == $pa->kode_pa )
                                                        selected
                                                        @endif
                                                        value="{{ $pa->kode_pa }}">{{ $pa->label }}</option>
                                                @endforeach
                                            </select>
                                            <img src="{{ asset('img/loading.gif')}}" width="35" id="load1" style="display:none;" />
                                            @error('pendidikan_akhir')
                                            <span class="bmd text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Angkatan / Lulus</label>
                                        <div class="col">
                                            <input class="form-control yearpicker" name="angkatan" value="{{old('angkatan')}}">
                                            @error('angkatan')
                                            <span class="bmd text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Pekerjaan</label>
                                        <div class="col">
                                            <select class="form-control" name="pekerjaan" id="pekerjaan">
                                                <option></option>
                                                @foreach($pekerjaan as $key => $p)
                                                    <option
                                                        @if (old('pekerjaan') == $p->kode_pekerjaan )
                                                        selected
                                                        @endif
                                                        value="{{ $p->kode_pekerjaan }}">{{ $p->label }}</option>
                                                @endforeach
                                            </select>
                                            <img src="{{ asset('img/loading.gif')}}" width="35" id="load1" style="display:none;" />
                                            @error('pekerjaan')
                                            <span class="bmd text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Nama instansi pekerjaan</label>
                                        <div class="col">
                                            <input class="form-control" name="instansi" value="{{old('instansi')}}">
                                            @error('instansi')
                                            <span class="bmd text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-offset-3 col">
                                            <button type="submit" class="btn btn-success">Daftar</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer-scripts')
<script>
    <!-- javascript for init -->

    $('.datepicker').datetimepicker({
        format: 'YYYY-MM-DD',
        icons: {
            time: "fa fa-clock-o",
            date: "fa fa-calendar",
            up: "fa fa-chevron-up",
            down: "fa fa-chevron-down",
            previous: 'fa fa-chevron-left',
            next: 'fa fa-chevron-right',
            today: 'fa fa-screenshot',
            clear: 'fa fa-trash',
            close: 'fa fa-remove'
        }
    });

    $('.yearpicker').datetimepicker({
        format: 'YYYY',
        icons: {
            time: "fa fa-clock-o",
            date: "fa fa-calendar",
            up: "fa fa-chevron-up",
            down: "fa fa-chevron-down",
            previous: 'fa fa-chevron-left',
            next: 'fa fa-chevron-right',
            today: 'fa fa-screenshot',
            clear: 'fa fa-trash',
            close: 'fa fa-remove'
        }
    });
</script>
@endsection