@extends('core::layouts.setting')
@section('title', $title)
@section('breadcrumb')
    <li class="breadcrumb-item active"><a title="{{ $title }}"> {{ $title }}</a></li>
@endsection
@section('layout')
    <div class="container-fluid">
        <div class="row bg-gradient-white">
            <div class="col-5 col-sm-3 p-0">
                <div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
                    <a class="nav-link active" id="vert-tabs-reference_surat_izin_mengemudi-tab" data-toggle="pill" href="#vert-tabs-reference_surat_izin_mengemudi" role="tab" aria-controls="vert-tabs-reference_surat_izin_mengemudi" aria-selected="true">@lang('label.reference_surat_izin_mengemudi')</a>
                    <a class="nav-link" id="vert-tabs-reference_pendidikan-tab" data-toggle="pill" href="#vert-tabs-reference_pendidikan" role="tab" aria-controls="vert-tabs-reference_pendidikan" aria-selected="true">@lang('label.reference_pendidikan')</a>
                    <a class="nav-link" id="vert-tabs-reference_hubungan-tab" data-toggle="pill" href="#vert-tabs-reference_hubungan" role="tab" aria-controls="vert-tabs-reference_hubungan" aria-selected="true">@lang('label.reference_hubungan')</a>
                    <a class="nav-link" id="vert-tabs-reference_agama-tab" data-toggle="pill" href="#vert-tabs-reference_agama" role="tab" aria-controls="vert-tabs-reference_agama" aria-selected="true">@lang('label.reference_agama')</a>
                </div>
            </div>
            <div class="col-7 col-sm-9 p-5">
                <div id="vert-tabs-tabContent" class="tab-content bg-white">
                    <div class="tab-pane text-left fade show active" id="vert-tabs-reference_surat_izin_mengemudi" role="tabpanel" aria-labelledby="vert-tabs-reference_surat_izin_mengemudi-tab">
                        <form class="formSettingSaveUpdate row" data-action="{{ route('simple_cms.setting.backend.save_update') }}">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="setting-reference_surat_izin_mengemudi">Pengisian referensi lebih dari satu dipisahkan dengan <i>Koma</i> (,) <strong class="text-danger">*</strong></label>
                                    <input id="setting-reference_surat_izin_mengemudi" type="text" name="settings[reference_surat_izin_mengemudi]" value="{{ simple_cms_setting('reference_surat_izin_mengemudi', 'SIM A,SIM B1,SIM B2,SIM C,SIM C1,SIM C2,SIM D,Lainnya') }}" placeholder="e.g: SIM A,SIM B1,SIM B2,SIM C,SIM C1,SIM C2,SIM D,Lainnya" class="form-control form-control-sm" required>
                                </div>
                            </div>
                            <div class="col-md-12 m-t-10">
                                <div class="row">
                                    <div class="col-lg-6"></div>
                                    <div class="col-lg-6 text-right">
                                        <button type="submit" class="btn btn-sm btn-primary" title="Save"><i class="fas fa-save"></i> Save</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="vert-tabs-reference_pendidikan" role="tabpanel" aria-labelledby="vert-tabs-reference_pendidikan-tab">
                        <form class="formSettingSaveUpdate row" data-action="{{ route('simple_cms.setting.backend.save_update') }}">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="setting-reference_pendidikan">Pengisian referensi lebih dari satu dipisahkan dengan <i>Koma</i> (,) <strong class="text-danger">*</strong></label>
                                    <input id="setting-reference_pendidikan" type="text" name="settings[reference_pendidikan]" value="{{ simple_cms_setting('reference_pendidikan', 'TK,SD,SMP,MTs,SMA,MAN,D1,D2,D3,S1,S2,Lainnya') }}" placeholder="e.g: TK,SD,SMP,MTs,SMA,MAN,D1,D2,D3,S1,S2,Lainnya" class="form-control form-control-sm" required>
                                </div>
                            </div>
                            <div class="col-md-12 m-t-10">
                                <div class="row">
                                    <div class="col-lg-6">

                                    </div>
                                    <div class="col-lg-6 text-right">
                                        <button type="submit" class="btn btn-sm btn-primary" title="Save"><i class="fas fa-save"></i> Save</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="vert-tabs-reference_hubungan" role="tabpanel" aria-labelledby="vert-tabs-reference_hubungan-tab">
                        <form class="formSettingSaveUpdate row" data-action="{{ route('simple_cms.setting.backend.save_update') }}">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="setting-reference_hubungan">Pengisian referensi lebih dari satu dipisahkan dengan <i>Koma</i> (,) <strong class="text-danger">*</strong></label>
                                    <input id="setting-reference_hubungan" type="text" name="settings[reference_hubungan]" value="{{ simple_cms_setting('reference_hubungan', 'Adik,Kakak,Saudara,Orang Tua,Lainnya') }}" placeholder="e.g: Adik,Kakak,Saudara,Orang Tua,Lainnya" class="form-control form-control-sm" required>
                                </div>
                            </div>
                            <div class="col-md-12 m-t-10">
                                <div class="row">
                                    <div class="col-lg-6">

                                    </div>
                                    <div class="col-lg-6 text-right">
                                        <button type="submit" class="btn btn-sm btn-primary" title="Save"><i class="fas fa-save"></i> Save</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="vert-tabs-reference_agama" role="tabpanel" aria-labelledby="vert-tabs-reference_agama-tab">
                        <form class="formSettingSaveUpdate row" data-action="{{ route('simple_cms.setting.backend.save_update') }}">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="setting-reference_agama">Pengisian referensi lebih dari satu dipisahkan dengan <i>Koma</i> (,) <strong class="text-danger">*</strong></label>
                                    <input id="setting-reference_agama" type="text" name="settings[reference_agama]" value="{{ simple_cms_setting('reference_agama', 'Budha,Islam,Hindu,Kristen,Yahudi,Lainnya') }}" placeholder="e.g: Budha,Islam,Hindu,Kristen,Yahudi,Lainnya" class="form-control form-control-sm" required>
                                </div>
                            </div>
                            <div class="col-md-12 m-t-10">
                                <div class="row">
                                    <div class="col-lg-6">

                                    </div>
                                    <div class="col-lg-6 text-right">
                                        <button type="submit" class="btn btn-sm btn-primary" title="Save"><i class="fas fa-save"></i> Save</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection