@extends('petugas.layouts.layout_dashboard')

@section("title") Tambah @endsection

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

@section('footer-scripts')

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

        function setJAType(thisVal){

            // var name = $("#id").attr("name");
            $('.masa_berlaku').attr('disabled', 'disabled').addClass('disabled');
            $('#batas_akhir').attr('disabled', 'disabled').addClass('disabled');
            $('#batas_relatif').attr('disabled', 'disabled').addClass('disabled');

            if(thisVal == 'masa_berlaku'){
                $('.masa_berlaku').removeAttr('disabled').removeClass('disabled');
                $('#masa_berlaku_yy').attr('required', 'true').focus();
                $('#masa_berlaku_mm').attr('required', 'true');
                $('#masa_berlaku_dd').attr('required', 'true');
                $('#batas_akhir').attr('disabled', 'disabled').addClass('disabled');
                $('#batas_akhir').val('');
                $('#batas_relatif').attr('disabled', 'disabled').addClass('disabled');
                $('#batas_relatif').val('');
            }
            else if(thisVal == 'batas_akhir'){
                $('.masa_berlaku').attr('disabled', 'disabled').addClass('disabled');
                $('.masa_berlaku').val('');
                $('#batas_akhir').removeAttr('disabled').removeClass('disabled').attr('required', 'true').focus();
                $('#batas_relatif').attr('disabled', 'disabled').addClass('disabled');
                $('#batas_relatif').val('');
            }
            else if(thisVal == 'batas_relatif'){
                $('.masa_berlaku').attr('disabled', 'disabled').addClass('disabled');
                $('.masa_berlaku').val('');
                $('#batas_akhir').attr('disabled', 'disabled').addClass('disabled');
                $('#batas_akhir').val('');
                $('#batas_relatif').removeAttr('disabled').removeClass('disabled').attr('required', 'true').focus();
            }
            else if(thisVal == ''){
                $('.masa_berlaku').attr('disabled', 'disabled').addClass('disabled');
                $('.masa_berlaku').val('');
                $('#batas_akhir').attr('disabled', 'disabled').addClass('disabled');
                $('#batas_akhir').val('');
                $('#batas_relatif').attr('disabled', 'disabled').addClass('disabled');
                $('#batas_relatif').val('');
            }
        }

        $(function(){
            $('#jenis_masa').change(function(){
                var thisVal = $(this).val();
                setJAType(thisVal);
            });

            var ddlJaType = $('#jenis_masa').val();
            setJAType(ddlJaType);
        });


        $(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 Jenis 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.konfigurasi_anggota_jenis.index')}}" class="ml-1 btn btn-rose btn-sm">
                                Kembali
                            </a>
                        </div>
                    </div>

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

                    <div class="row">
                        <label for="kode_ja" class="col-sm-3 col-form-label">Kode Jenis Anggota*</label>
                        <div class="col-sm-9">
                            <div class="form-group">

                                {{ Form::text('kode_ja', null, [
                                        'id'=>"kode_ja" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}

                                @error('kode_ja')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label for="jenis_anggota" class="col-sm-3 col-form-label">Jenis Anggota*</label>
                        <div class="col-sm-9">
                            <div class="form-group">

                                {{ Form::text('jenis_anggota', null, [
                                        'id'=>"jenis_anggota" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}

                                @error('jenis_anggota')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <label for="max_pinjam" class="col-sm-3 col-form-label">Max Pinjam*</label>
                        <div class="col-sm-9">
                            <div class="form-group">

                                {{ Form::number('max_pinjam', null, [
                                        'id'=>"max_pinjam" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...',
                                        'min' => '0'
                                    ])
                                }}

                                @error('max_pinjam')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label for="max_perpanjang" class="col-sm-3 col-form-label">Max Perpanjang *</label>
                        <div class="col-sm-9">
                            <div class="form-group">

                                {{ Form::number('max_perpanjang', null, [
                                        'id'=>"max_perpanjang" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...',
                                        'min' => '0'
                                    ])
                                }}

                                @error('max_perpanjang')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-3 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', 'checked')}}

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

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

                                    OFF
                                    <span class="check"></span>
                                </label>
                            </div>
                            @error('status_aktif')
                            <span class="bmd text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="row mb-3">
                        <label for="jenis_masa" class="col-sm-3 col-form-label">Jenis Masa *</label>
                        <div class="col-sm-9">
                            <div class="form-group ">
                                {{
                                    Form::select('jenis_masa', array(
                                        'masa_berlaku' => 'Masa Berlaku',
                                        'batas_akhir' => 'Batas Akhir',
                                        'batas_relatif' => 'Batas Relatif',
                                    ),null,
                                    [
                                        'class' => 'form-control selectpicker',
                                        'id' => 'jenis_masa',
                                        'data-size'=>"7" ,
                                        'data-style'=>"btn btn-link" ,
                                        'title'=>"Jenis Masa",
                                    ])
                                }}
                            </div>
                            @error('jenis_masa')
                            <span class="bmd text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <label for="masa_berlaku" class="col-sm-3 col-form-label">Masa Berlaku </label>
                        <div class="col-sm-9">
                            <div class="form-group row">

                                {{ Form::number('masa_berlaku_yy', null, [
                                        'id'=>"masa_berlaku_yy" ,
                                        'class' => 'form-control col-md-3 masa_berlaku',
                                        'placeholder' => ' .. Tahun',
                                        'max' => '99',
                                        'min' => '0'
                                    ])
                                }}

                                {{ Form::number('masa_berlaku_mm', null, [
                                        'id'=>"masa_berlaku_mm" ,
                                        'class' => 'form-control col-md-3 masa_berlaku',
                                        'placeholder' => ' .. Bulan',
                                        'max' => '12',
                                        'min' => '0'
                                    ])
                                }}

                                {{ Form::number('masa_berlaku_dd', null, [
                                        'id'=>"masa_berlaku_dd" ,
                                        'class' => 'form-control col-md-3 masa_berlaku',
                                        'placeholder' => ' .. Hari',
                                        'max' => '30',
                                        'min' => '0'
                                    ])
                                }}

                                @error('masa_berlaku')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label for="batas_akhir" class="col-sm-3 col-form-label">Batas Akhir </label>
                        <div class="col-sm-9">
                            <div class="form-group">

                                {{ Form::text('batas_akhir', null, [
                                        'id'=>"batas_akhir" ,
                                        'class' => 'form-control datepicker',
                                        'placeholder' => '...'
                                    ])
                                }}

                                @error('batas_akhir')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label for="batas_relatif" class="col-sm-3 col-form-label">Batas Relatif </label>
                        <div class="col-sm-9">
                            <div class="form-group">

                                {{ Form::text('batas_relatif', null, [
                                        'id'=>"batas_relatif" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}

                                @error('batas_relatif')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <br>
                    <br>
                    <div class="text-center">
                        <input class="btn btn-rose btn-sm" type="submit" value="Simpan" />
                    </div>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
@endsection