@extends('admin.layouts.index')
@include('admin.layouts.components.asset_validasi')

@section('title')
    <h1>
        Pengaturan {{ $utama ? 'Modul' : 'Submodul' }}
    </h1>
@endsection

@section('breadcrumb')
    @if (!$utama)
        <li><a href="{{ ci_route('modul') }}">Daftar Modul</a></li>
    @endif
    <li class="active">Pengaturan {{ $utama ? 'Modul' : 'Submodul' }}</li>
@endsection

@section('content')
    <form id="validasi" action="{{ $form_action }}" method="POST" enctype="multipart/form-data" class="form-horizontal">
        <div class="box box-primary">
            <div class="box-header with-border">
                <a href="{{ ci_route('modul') }}" class="btn btn-social btn-info btn-sm visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block"><i class="fa fa-arrow-circle-o-left"></i> Kembali Ke Daftar Modul</a>
                @if ($item['parent'] != '0')
                    <a href="{{ ci_route('modul.index', $item['parent']) }}" class="btn btn-social btn-primary btn-sm visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block"><i class="fa fa-arrow-circle-o-left"></i> Kembali Ke Daftar Sub Modul</a>
                @endif
            </div>
            <div class="box-body">
                <div class="form-group">
                    <label class="col-sm-4 control-label" for="pamong_nama">
                        @if ($item['parent'] != '0')
                            Nama Sub Modul
                        @else
                            Nama Modul
                        @endif
                    </label>
                    <div class="col-sm-6">
                        <input type="hidden" name="modul" value="1">
                        <input type="hidden" name="parent" value="{{ $item['parent'] }}">
                        <input
                            id="modul"
                            name="modul"
                            class="form-control input-sm strip_tags required"
                            type="text"
                            placeholder="Nama Modul/Sub Modul"
                            value="{{ $item['modul'] }}"
                            minlength="3"
                            maxlength="50"
                        />
                        <label class="error" id="tag_error" style="display: none;">Tidak boleh ada tag.</label>
                        <label class="error">Isi dengan [Desa] untuk menyesuaikan sebutan desa berdasarkan pengaturan aplikasi.</label>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label" for="ikon">Ikon</label>
                    <div class="col-sm-6">
                        <select class="form-control select2-ikon required" id="ikon" name="ikon" data-placeholder="Pilih Icon">
                            @foreach ($list_icon as $icon)
                                <option value="{{ $icon }}" @selected($icon == $item['ikon'])>{!! $icon !!}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-4 col-lg-4 control-label" for="status">Status</label>
                    <div class="btn-group col-xs-12 col-sm-7" data-toggle="buttons">
                        <label id="sx3" class="btn btn-info btn-sm col-xs-6 col-sm-4 col-lg-2 form-check-label @if ($item['raw_aktif'] == '1' || $item['raw_aktif'] == null) active @endif">
                            <input
                                id="g1"
                                type="radio"
                                name="aktif"
                                class="form-check-input"
                                type="radio"
                                value="1"
                                @checked($item['raw_aktif'] == '1' || $item['raw_aktif'] == null)
                                autocomplete="off"
                            > Aktif
                        </label>
                        <label id="sx4" class="btn btn-info btn-sm col-xs-6 col-sm-4 col-lg-2 form-check-label @if ($item['raw_aktif'] == '2') active @endif">
                            <input
                                id="g2"
                                type="radio"
                                name="aktif"
                                class="form-check-input"
                                type="radio"
                                value="2"
                                @checked($item['raw_aktif'] == '2')
                                autocomplete="off"
                            > Tidak Aktif
                        </label>
                    </div>
                </div>
            </div>
            <div class='box-footer'>
                {!! batal() !!}
                <button type='submit' class='btn btn-social btn-info btn-sm pull-right confirm'><i class='fa fa-check'></i> Simpan</button>
            </div>
        </div>
    </form>
@endsection

@push('scripts')
    <script src="{{ asset('js/custom-select2.js') }}"></script>
@endpush