@extends('layouts.app')
@section('title')
Indikator
@endsection
@section('content')
<section class="section">
    <div class="card card-primary">
        <div class="card-header">
            <h4>Indikator</h4>
            <div class="card-header-action mr-3">
                <input type="number" name="yp" id="YearPicker" class="form-control" placeholder="Tahun Pelaksanaan" value="{{ date('Y') }}">
            </div>
            <div class="card-header-action">
                <a href="{{ route('indicators.create')}}" class="btn btn-primary">Indikator<span class="fas fa-plus ml-2"></span></a>
            </div>
        </div>
    </div>
    <div class="section-body">
        <div class="card">
            <div class="card-body px-0">
                @include('indicators.table')
            </div>
        </div>
    </div>
</section>
@endsection

@section('modal')
<div id="mEditIndicator" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Indicator</h5>
                <button type="button" aria-label="Close" class="close outline-none" data-dismiss="modal">×</button>
            </div>
            <form method="POST" id="fEditIndicator" action="">
                <div class="modal-body">
                    <div class="alert alert-danger d-none" id="vebEditIndicator"></div>
                    @csrf
                    <input type="hidden" name="id" value="">
                    <input type="hidden" name="_method" value="put">
                    <div class="row">
                        <div class="form-group col-sm-12">
                            {!! Form::label('aspect', 'Aspek <span class="required">*</span>', [], false) !!}
                            <br>
                            {!! Form::select('aspect_id', $aspects, null, ['id' => 'aspect', 'class' => 'form-control select2', 'placeholder' => 'Pilih Aspek', 'required' => true]) !!}
                        </div>
                        <div class="form-group col-sm-12">
                            {!! Form::label('group', 'Kelompok Indikator <span class="required">*</span>', [], false) !!}
                            {!! Form::select('group_id', $groups, null, ['id' => 'group', 'class' => 'form-control select2', 'placeholder' => 'Pilih Kelompok Indikator', 'required' => true]) !!}
                        </div>
                        <div class="form-group col-lg-6 col-sm-12">
                            {!! Form::label('number', 'Nomor Urut <span class="required">*</span>', [], false) !!}
                            {!! Form::number('num', null, ['id' => 'number', 'class' => 'form-control', 'required' => true]) !!}
                        </div>
                        <div class="form-group col-lg-6 col-sm-12">
                            {!! Form::label('code', 'Kode Indikator <span class="required">*</span>', [], false) !!}
                            {!! Form::text('code', null, ['class' => 'form-control', 'minlength' => 1, 'maxlength' => 10, 'required' => true]) !!}
                        </div>
                        <div class="form-group col-lg-6 col-sm-12">
                            {!! Form::label('weight', 'Bobot Indikator <span class="required">*</span>', [], false) !!}
                            {!! Form::number('weight', null, ['class' => 'form-control', 'step' => 'any', 'required' => true]) !!}
                        </div>
                        <div class="form-group col-lg-6 col-sm-12">
                            {!! Form::label('denominator', 'Denominator <span class="required">*</span>', [], false) !!}
                            {!! Form::number('denominator', null, ['class' => 'form-control', 'minlength' => 9, 'maxlength' => 9, 'required' => true]) !!}
                        </div>
                        <div class="form-group col-lg-12 col-sm-12">
                            {!! Form::label('indicator', 'Indikator <span class="required">*</span>', [], false) !!}
                            {!! Form::textarea('nm', null, ['id' => 'indicator', 'class' => 'form-control', 'required' => true]) !!}
                        </div>
                        <div class="form-group col-lg-12 col-sm-12">
                            {!! Form::label('description', 'Uraian / Keterangan') !!}
                            {!! Form::textarea('desc', null, ['id' => 'description', 'class' => 'form-control']) !!}
                        </div>
                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn btn-warning" data-loading-text="<span class='spinner-border spinner-border-sm'></span> Menyimpan..."><span class="fa fa-edit mr-2"></span>Ganti</button>
                        <button type="button" class="btn btn-light ml-2" data-dismiss="modal"><span class="fas fa-times mr-2"></span>Tutup</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection