@extends('petugas.layouts.layout_dashboard')

@section("title") Tambah Anggota @endsection

@section("breadcrumb")
    <li class="breadcrumb-item"><a href="{{route('petugas.dashboard.index')}}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{{route('petugas.anggota.index')}}">Anggota</a></li>
    <li class="breadcrumb-item">@yield("title")</li>
@endsection

@section('header-scripts')
    <!-- https://makitweb.com/auto-populate-dropdown-with-jquery-ajax-in-laravel/-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type='text/javascript'>

        // AJAX request
        $.ajax({
            url: '{{route("petugas.anggota.get_anggota_jenis")}}',
            type: 'get',
            dataType: 'json',
            success: function(response){

                var len = 0;
                if(response['data'] != null){
                    len = response['data'].length;
                }

                if(len > 0){
                    // Read data and create <option >
                    for(var i=0; i<len; i++){

                        var kode_ja = response['data'][i].kode_ja;
                        var jenis_anggota = response['data'][i].jenis_anggota;

                        var option = "<option value='"+kode_ja+"'>"+jenis_anggota+"</option>";

                        // $("#kode_ja").append(option);
                    }
                }

            }
        });


        // AJAX request
        $.ajax({
            url: '{{route("petugas.anggota.get_anggota_jurusan")}}',
            type: 'get',
            dataType: 'json',
            success: function(response){

                var len = 0;
                if(response['data'] != null){
                    len = response['data'].length;
                }

                if(len > 0){
                    // Read data and create <option >
                    for(var i=0; i<len; i++){

                        var id = response['data'][i].id;
                        var label = response['data'][i].label;

                        var option = "<option value='"+id+"'>"+label+"</option>";

                        // $("#id_jur").append(option);
                    }
                }

            }
        });

    </script>
@endsection

@section('footer-scripts')
    @include('petugas.components.notification')

    <script language="JavaScript" type="text/javascript">

        $(document).ready(function() {
            // initialise Datetimepicker and Sliders
            md.initFormExtendedDatetimepickers();
            if ($('.slider').length != 0) {
                md.initSliders();
            }
        });

    </script>

@endsection

@section("content")

    <div class="row">
        <div class="col-md-12">
            <div class="card ">
                <div class="card-header card-header-rose card-header-icon">
                    <div class="card-icon">
                        <i class="material-icons">add</i>
                    </div>
                    <h4 class="card-title">Tambah Anggota</h4>
                </div>
                <div class="card-body ">
                    <div class="row">
                        <div class="col-md-6">
                        </div>
                        <div class="col-md-6 text-right">
                            <a href="{{route('petugas.anggota.index')}}" class="ml-1 btn btn-rose btn-sm">
                                Kembali
                            </a>
                        </div>
                    </div>

                    {{ Form::open(['route' => ['petugas.anggota.store'],'method'=>'POST','enctype'=>"multipart/form-data",'files'=>true]) }}

                    <div class="row ">
                        <div class="col-md-2 text-center">
                            <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 "></div>
                                <div>
                                    <span class="btn btn-round btn-rose btn-file">
                                        <span class="fileinput-new">Pilih File</span>
                                        <span class="fileinput-exists">Pilih File</span>
                                        <input type="file" name="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 class="col-md-9">
                            <div class="row">
                                <label for="kode_ja" class="col-sm-2 col-form-label">Jenis Anggota *</label>
                                <div class="col-sm-9">
                                    <div class="form-group ">
{{--                                        {{--}}
{{--                                            Form::select('kode_ja', array(),[old('kode_ja')],--}}
{{--                                            [--}}
{{--                                                'class' => 'form-control selectpicker',--}}
{{--                                                'id' => 'kode_ja',--}}
{{--                                                'data-size'=>"7" ,--}}
{{--                                                'data-style'=>"btn btn-link" ,--}}
{{--                                                'title'=>"Jenis Anggota",--}}
{{--                                            ])--}}
{{--                                        }}--}}
                                        <select name="kode_ja" id="kode_ja" class="form-control selectpicker" data-size="7"
                                                data-style="btn btn-link" title="Single Select">
                                            <option disabled selected value="">Jenis Anggota</option>
                                            @foreach($jenis_anggota as $key => $ja)
                                                <option
                                                    @if (old('kode_ja') == $ja->kode_ja )
                                                    selected
                                                    @endif
                                                    value="{{ $ja->kode_ja }}">{{ $ja->jenis_anggota }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error('kode_ja')
                                    <span class="bmd text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="row">
                                <label for="id_jur" class="col-sm-2 col-form-label">Jurusan Anggota *</label>
                                <div class="col-sm-9">
                                    <div class="form-group ">
{{--                                        {{--}}
{{--                                            Form::select('id_jur', [],[old('id_jur')],--}}
{{--                                            [--}}
{{--                                                'class' => 'form-control selectpicker',--}}
{{--                                                'id' => 'id_jur',--}}
{{--                                                'data-size'=>"7" ,--}}
{{--                                                'data-style'=>"btn btn-link" ,--}}
{{--                                                'title'=>"Jurusan Anggota",--}}
{{--                                            ])--}}
{{--                                        }}--}}
                                        <select name="id_jur" id="id_jur" class="form-control selectpicker" data-size="7"
                                                data-style="btn btn-link" title="Jurusan Anggota">
                                            <option disabled selected value="">Jurusan Anggota</option>
                                            @foreach($anggota_jurusan as $key => $ja)
                                                <option
                                                    @if (old('id_jur') == $ja->id )
                                                    selected
                                                    @endif
                                                    value="{{ $ja->id }}">{{ $ja->label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error('id_jur')
                                    <span class="bmd text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <label for="kode_anggota" class="col-sm-2 col-form-label">Kode Anggota *</label>
                                <div class="col-sm-9">
                                    <div class="form-group">
                                        {{ Form::text('kode_anggota', null, [
                                                'id'=>"kode_anggota" ,
                                                'class' => 'form-control',
                                                'placeholder' => '(NIK/NIP/NIM/NIS)'
                                            ])
                                        }}
                                        @error('kode_anggota')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <label class="col-sm-2 col-form-label label-checkbox">Status Aktif *</label>
                                <div class="col-sm-9 checkbox-radios">
                                    <div class="form-check form-check-inline">
                                        <label class="form-check-label">

                                            {{Form::radio('status_aktif', '1')}}

                                            Aktif
                                            <span class="check"></span>
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <label class="form-check-label">

                                            {{Form::radio('status_aktif', '0')}}

                                            Tidak Aktif
                                            <span class="check"></span>
                                        </label>
                                    </div>
                                    @error('status_aktif')
                                    <span class="bmd text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <label for="nama" class="col-sm-2 col-form-label">Nama *</label>
                                <div class="col-sm-9">
                                    <div class="form-group">
                                        {{ Form::text('nama', null, [
                                                'id'=>"nama" ,
                                                'class' => 'form-control',
                                                'placeholder' => '...'
                                            ])
                                        }}
                                        @error('nama')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label for="alamat" class="col-sm-2 col-form-label">Alamat *</label>
                                <div class="col-sm-9">
                                    <div class="form-group">
                                        {{ Form::text('alamat', null, [
                                                'id'=>"alamat" ,
                                                'class' => 'form-control',
                                                'placeholder' => '...'
                                            ])
                                        }}
                                        @error('alamat')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label for="tempat_lahir" class="col-sm-2 col-form-label">TTL *</label>
                                <div class="col-sm-9">
                                    <div class="form-group">
                                        {{ Form::text('tempat_lahir', null, [
                                                'id'=>"tempat_lahir" ,
                                                'class' => 'form-control',
                                                'placeholder' => 'Tempat'
                                            ])
                                        }}
                                        @error('tempat_lahir')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror

                                        {{ Form::text('tanggal_lahir', null, [
                                                'id'=>"tanggal_lahir" ,
                                                'class' => 'form-control datepicker',
                                                'placeholder' => 'Tanggal Lahir'
                                            ])
                                        }}
                                        @error('tanggal_lahir')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-sm-2 col-form-label label-checkbox">Jenis Kelamin *</label>
                                <div class="col-sm-9 checkbox-radios">
                                    <div class="form-check form-check-inline">
                                        <label class="form-check-label">

                                            {{Form::radio('jenis_kelamin', 'L')}}

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

                                            {{Form::radio('jenis_kelamin', 'P')}}

                                            Perempuan
                                            <span class="check"></span>
                                        </label>
                                    </div>
                                    @error('jenis_kelamin')
                                    <span class="bmd text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="row">
                                <label for="email" class="col-sm-2 col-form-label">Email </label>
                                <div class="col-sm-9">
                                    <div class="form-group">
                                        {{ Form::text('email', null, [
                                                'id'=>"email" ,
                                                'class' => 'form-control',
                                                'placeholder' => '...'
                                            ])
                                        }}
                                        @error('email')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label for="telepon" class="col-sm-2 col-form-label">Telepon </label>
                                <div class="col-sm-9">
                                    <div class="form-group">
                                        {{ Form::text('telepon', null, [
                                                'id'=>"telepon" ,
                                                'class' => 'form-control',
                                                'placeholder' => '...'
                                            ])
                                        }}
                                        @error('telepon')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <label for="pendidikan_akhir" class="col-sm-2 col-form-label">Pendidikan Akhir *</label>
                                <div class="col-sm-9">
                                    <div class="form-group ">
                                        <select name="pendidikan_akhir" id="pendidikan_akhir" class="form-control selectpicker" data-size="7"
                                                data-style="btn btn-link" title="Single Select">
                                            <option disabled selected value="">Pendidikan Akhir</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>
                                    </div>
                                    @error('pendidikan_akhir')
                                    <span class="bmd text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="row">
                                <label for="angkatan" class="col-sm-2 col-form-label">Angkatan/Lulus </label>
                                <div class="col-sm-9">
                                    <div class="form-group">
                                        {{ Form::text('angkatan', null, [
                                                'id'=>"angkatan" ,
                                                'class' => 'form-control yearpicker',
                                                'placeholder' => '...'
                                            ])
                                        }}
                                        @error('angkatan')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <label for="pekerjaan" class="col-sm-2 col-form-label">Pekerjaan </label>
                                <div class="col-sm-9">
                                    <div class="form-group">
                                        <select name="pekerjaan" id="pekerjaan" class="form-control selectpicker" data-size="7"
                                                data-style="btn btn-link" title="Single Select">
                                            <option disabled selected value="">Pekerjaan</option>
                                            @foreach($pekerjaan as $key => $p)
                                                <option
                                                    @if (old('pekerjaan') == $p->kode_pekerjaan )
                                                    selected
                                                    @endif
                                                    value="{{ $p->kode_pekerjaan }}">{{ $p->label }}</option>
                                            @endforeach
                                        </select>
                                        @error('pekerjaan')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <label for="instansi" class="col-sm-2 col-form-label">Instansi Pekerjaan </label>
                                <div class="col-sm-9">
                                    <div class="form-group">
                                        {{ Form::text('instansi', null, [
                                                'id'=>"instansi" ,
                                                'class' => 'form-control',
                                                'placeholder' => '...'
                                            ])
                                        }}
                                        @error('instansi')
                                        <span class="bmd text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <br>
                        </div>
                    </div>
                    <div class="text-center">
                        <input class="btn btn-rose btn-sm" type="submit" value="Simpan" />
                    </div>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
@endsection